4 種基於 Markdown 的幻燈片生成器

4 種基於 Markdown 的幻燈片生成器

編譯自: https://opensource.com/article/18/5/markdown-slide-generators

譯者: Andy Song

這些簡單的幻燈片創建工具可以無縫地使用 Markdown,可以讓你的演示添加魅力。

假設你需要做一個 演示(presentation)。在準備的過程中,你想到“我需要寫幾張幻燈片”。

你可能傾向於簡潔的 純文本 ,認為 LibreOffice Writer 這樣的軟件對你要做的事情而言像是殺雞用牛刀。或者你只是遵從你內心深處的極客意識。

將 Markdown 格式的文件轉換為優雅的演示幻燈片並不困難。下面介紹可以完成這項工作的四種工具。

Landslide

在這些工具中, Landslide 具有更高的靈活性。它是一個命令行工具,可以將 Markdown、 reStructuredText 或 Textile 格式的文件轉換為基於 Google HTML5 幻燈片模板 的 HTML 文件。

你要做的不過是編寫 Markdown 格式的幻燈片源文件,打開一個終端窗口並運行 landslide 命令即可,其中命令參數為 Markdown 文件的文件名。Landslide 會生成 presentation.html,可以在任何 Web 瀏覽器中打開。簡單吧?

但不要被簡易的操作誤導你。Landslide 提供了不少有用的特性,例如增加註記以及為幻燈片增加配置文件。為何要使用這些特性呢?按照 Landslide 開發者的說法,這樣可以匯聚不同演示中的源文件目錄並重用。

4 種基於 Markdown 的幻燈片生成器

在 Landslide 演示中查看演示者註記

Marp

Marp 支持 GitHub 風格 Markdown 。如果你需要一個使用 GitHub 風格 Markdown 編寫幻燈片的快速教程,可以參考 示例項目 。GitHub 風格 Markdown 比基礎 Markdown 更加靈活。

Marp 只自帶兩個基礎主題,但你可以為幻燈片增加背景圖片、調整圖片大小以及增加數學表達式。不足之處,目前只支持 PDF 格式導出。老實說,我很好奇為何不一開始就提供 HTML 格式導出。

4 種基於 Markdown 的幻燈片生成器

Pandoc

你可能已經知道 pandoc 是一種支持多種 標記語言(markup languages)相互轉換的神奇工具。但你可能不知道,pandoc 可以將 Markdown 格式文件轉換為 Slidy 、 Slideous 、 DZSlides 和 Reveal.js 等演示框架支持的優雅 HTML 幻燈片。如果你使用 LaTeX ,可以使用 Beamer 軟件包 輸出 PDF 格式的幻燈片。

你需要在幻燈片中 使用特定格式 ,但可以通過 變量 控制其效果。你也可以更改幻燈片的外觀與風格,增加幻燈片之間的暫停,添加演示者註記等。

當然,你需要在你的主機上安裝你喜歡的演示框架,因為 Pandoc 只生成原始幻燈片文件。

4 種基於 Markdown 的幻燈片生成器

查看使用 Pandoc 和 DZSlides 創建的幻燈片

Hacker Slides

Hacker Slides 是一個 Sandstorm 和 Sandstorm Oasis 平臺上的應用,基於 Markdown 和 Reveal.js 幻燈片框架。生成的幻燈片可以比較樸素,也可以很炫。

在瀏覽器的兩欄界面中編寫幻燈片,左欄輸入 Markdown 文本,右欄渲染效果。當你製作完成後,可以在 Sandstorm 中演示,也可以生成分享鏈接讓其它人演示。

你可能會說,你不使用 Sandstorm 或 Sandstorm Oasis 怎麼辦?不要擔心,Hacker Slides 提供了可以在桌面或服務器上運行的 版本 。

4 種基於 Markdown 的幻燈片生成器

兩點特別補充

如果你使用 Jupyter 筆記本(Notebooks) (參考社區版主 Don Watkins 的 文章 )發佈數據或指令文本,你可以使用 Jupyter2slides 。該工具基於 Reveal.js,可以將筆記本轉換為一系列精美的 HTML 幻燈片。

如果你傾向於託管應用,試試 GitPitch ,支持 GitHub、GitLab 和 Bitbucket。只需在將幻燈片源文件推送到支持的代碼倉庫中,在 GitPitch 中指向該倉庫,這樣你就可以在 GitPitch 網站上看到你的幻燈片了。

你有最喜歡的基於 Markdown 的幻燈片生成器嗎?留下評論分享吧。


via: https://opensource.com/article/18/5/markdown-slide-generators


分享到:


相關文章: