如何在 Markdown 里面插入幻灯片

作者：DeppWang

效果示例：

• 幻灯片来自：https://deepu.tech/memory-management-in-jvm/

使用前提：博客（网站）使用可渲染 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>

最终效果：