如何在 Jekyll 上放置 google 幻灯片

Question

有人可以告诉我如何将 google 共享幻灯片（如 this）放在 Jekyll 我的博客上吗？我是否必须将每张幻灯片转换为 markdown 格式或先转换为 pdf，然后再转换为 markdown？

没有线索。请帮忙

Answer 1

要在 Jekyll post 或页面中嵌入 Google 幻灯片演示文稿，请打开该演示文稿，然后从“文件”菜单中select“发布到 Web”。

选择您需要的选项，然后select“嵌入”选项卡。您将获得一个嵌入代码。将其粘贴到你的 Jekyll post 或页面中——即直接粘贴到 markdown 文件中。像往常一样生成您的网站，带有您的演示文稿的 iframe 将嵌入呈现的 HTML.

这是可行的，因为当 Jekyll 解析 markdown 时，它还会读取它找到的任何 HTML。

它不会开箱即用，因此您需要一些 CSS。我已经显示了这个内联，但你可以将 CSS 添加到你的样式表中：

<style>
.responsive-wrap iframe{ max-width: 100%;}
</style>
<div class="responsive-wrap">
<!-- this is the embed code provided by Google -->
  <iframe src="https://docs.google.com/presentation/d/1F0DQTNPg3YG_By6LMGcgwT3icJ3eMhCiupAZm76CIfE/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
<!-- Google embed ends -->
</div>

您可以在 Jekyll 站点 here.

上查看示例

如何在 Jekyll 上放置 google 幻灯片

How to put google slide on Jekyll

powerpoint

blogs

slideshow

jekyll