如何在 Markdown 里面插入幻灯片

作者:DeppWang

效果示例

使用前提:博客(网站)使用可渲染 js 脚本的 markdown 解析器,如 hexo 静态博客。我测试了一下,掘金、博客园等将 markdown 转换(解析)为 html 时,会忽略幻灯片 js 脚本。

原理:在网页中内嵌一个 js 脚本。

步骤

  1. 将多个图片转换为一个 PDF,可使用 Smallpdf 转换。pdf 示例:presentation.pdf
  2. Speaker Deck 上传 PDF,生成幻灯片,点击分享按钮,获取幻灯片可内嵌(Embed)到 markdown 的 js 脚本
  3. 在 markdown 粘贴 js 脚本即可

js 脚本

<script async class="speakerdeck-embed" data-id="69f38a5da6a64b4086368afca27bc7e1" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js"></script>

最终效果

DeppWang wechat
个人公众号