![使用 Jekyll 从 Markdown 源生成基于 HTML 的幻灯片演示文稿?](https://linux22.com/image/1364123/%E4%BD%BF%E7%94%A8%20Jekyll%20%E4%BB%8E%20Markdown%20%E6%BA%90%E7%94%9F%E6%88%90%E5%9F%BA%E4%BA%8E%20HTML%20%E7%9A%84%E5%B9%BB%E7%81%AF%E7%89%87%E6%BC%94%E7%A4%BA%E6%96%87%E7%A8%BF%EF%BC%9F.png)
我想创建漂亮的基于 HTML 的幻灯片,用于演示。我找到了几个我喜欢的,例如scrolldeck.js。
基本上,它是一个文件夹内的静态站点,即一个包含一些 JavaScript 文件和一些 CSS 文件的 index.html 页面。
它的工作方式是,index.html 文档包含可以使用自己的幻灯片内容填充的脚手架:
<div class="slide" id="what1">
<H1>Headline Goes Here</H1>
<p>This is where the <strong>content</strong> of the slide would go.</p>
</DIV>
如果能够用 Markdown 格式的文本创建幻灯片而不是用 HTML 编写的话,那就太酷了。
- 我听说 Jekyll 或许可以做到这一点。到目前为止,我见过的所有 Jekyll 文档都很混乱和复杂。有没有教程教我如何获取我现有的 index.html 文件并放入 Jekyll 填空标记,以便它可以抓取我的 Markdown 格式的文本内容并自动从中生成我的 HTML 幻灯片?
- 有没有比 Jekyll 更好的方法来实现这一点?
- 是否有其他基于 HTML 的幻灯片已经能够从 Markdown 源绘制?(Pandoc 可以从 Markdown 转换为 Slidy,但 Slidy 的问题在于它没有可见的导航,我希望查看者能够看到他们在“用户流”中的位置,并可以根据需要跳转。)
答案1
Pandoc 可以转换为多种 HTML 幻灯片格式,包括包含可见导航的 reveal.js。Reveal.js 还内置了对 markdown 的支持。Slideshow-s9 是一个 ruby gem,支持将 markdown 转换为各种流行的 HTML 幻灯片格式。