☰

使用 Jekyll 从 Markdown 源生成基于 HTML 的幻灯片演示文稿？

tag-icon • tag-icon presentations slideshow markdown pandoc jekyll
使用 Jekyll 从 Markdown 源生成基于 HTML 的幻灯片演示文稿？

我想创建漂亮的基于 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 编写的话，那就太酷了。

  1. 我听说 Jekyll 或许可以做到这一点。到目前为止，我见过的所有 Jekyll 文档都很混乱和复杂。有没有教程教我如何获取我现有的 index.html 文件并放入 Jekyll 填空标记，以便它可以抓取我的 Markdown 格式的文本内容并自动从中生成我的 HTML 幻灯片？
  2. 有没有比 Jekyll 更好的方法来实现这一点？
  3. 是否有其他基于 HTML 的幻灯片已经能够从 Markdown 源绘制？（Pandoc 可以从 Markdown 转换为 Slidy，但 Slidy 的问题在于它没有可见的导航，我希望查看者能够看到他们在“用户流”中的位置，并可以根据需要跳转。）

答案1

Pandoc 可以转换为多种 HTML 幻灯片格式，包括包含可见导航的 reveal.js。Reveal.js 还内置了对 markdown 的支持。Slideshow-s9 是一个 ruby​​ gem，支持将 markdown 转换为各种流行的 HTML 幻灯片格式。

相关内容