如何把谷歌幻燈片在Jekyll

Question

有人能告訴我在Jekyll我的博客上放置谷歌共享幻燈片如this的步驟？ 我是否必須將每張幻燈片以降價格式轉換或以pdf格式轉換然後以降價格轉換？

沒有線索。請幫助

Answer 1

要在Jekyll帖子或頁面中嵌入Google幻燈片演示文稿，請打開演示文稿並從「文件」菜單中選擇「發佈到網絡」。

選擇您需要的選項，然後選擇「嵌入」選項卡。您將獲得一個嵌入代碼。將其粘貼到您的Jekyll帖子或頁面 - 即直接進入降價文件。像往常一樣生成您的網站，並將您的演示文稿的iframe嵌入到呈現的HTML中。

這是有效的，因爲當Jekyll解析降價時，它也讀取它找到的任何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>

你可以看到一個哲基爾網站 here一個例子。