如何在Jekyll上放谷歌幻灯片

Question

有人可以告诉我在Jekyll my Blog上放置像this这样的谷歌共享幻灯片的步骤吗？ 我是否必须以降价格式转换每张幻灯片或以pdf格式转换，然后以降价方式转换？

没有线索。请帮忙

Answer 1

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

选择所需选项，然后选择“嵌入”标签。您将获得一个嵌入代码。将其粘贴到您的Jekyll帖子或页面中 - 即直接进入降价文件。像往常一样生成您的网站，您的演示文稿中的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上看到一个示例。