五. 使用Markdown寫幻燈片之Marp

寫幻燈片(PPT/Keynote)應(yīng)該是大家比較頭疼的事情,這通常會(huì)花費(fèi)我們很長的時(shí)間。沒錯(cuò),好的幻燈片和絢麗的特效肯定是要花費(fèi)時(shí)間和精力進(jìn)行創(chuàng)作的,但不是每個(gè)人都要開發(fā)布會(huì),也不是每個(gè)人都要公眾演講,因此幻燈片針對某些場合適用就好,不必追求過度的設(shè)計(jì)和特效。

拋棄復(fù)雜的設(shè)計(jì),使用 Markdown 寫幻燈片給我們提供了另外一種選擇,簡潔、高效的寫作方式被越來越多的人喜歡。

下面我們介紹一款工具,可以將 Markdown 格式的內(nèi)容渲染成幻燈片,可以導(dǎo)出 PDF 格式。這款工具適用于對設(shè)計(jì)要求不高,對幻燈片產(chǎn)出的速度要求較高的場景。

Marp 簡介

這里寫圖片描述

Marp 是一款基于 Electron 開發(fā)的開源工具,可以使用 Github 風(fēng)格的 Markdown 編寫幻燈片。

官網(wǎng):

https://yhatt.github.io/marp/

Marp 的主要特性:

  • 開源,免費(fèi),使用簡單;
  • 支持使用 Markdown 編寫幻燈片;
  • 跨平臺(tái),支持 Windows/macOS/Linux 平臺(tái);
  • 支持實(shí)時(shí)預(yù)覽,有 3 種模式:Markdown、1:1 Slide、Slide List;
  • 支持兩種主題 (DefaultGaia theme);
  • 支持表格、表情符號、數(shù)學(xué)公式和背景圖像;
  • 支持把幻燈片導(dǎo)出為 PDF;
  • 支持通過指令改變幻燈片的顯示效果;
  • 支持多種指令來調(diào)整幻燈片的大小;
  • 支持顯示頁碼和頁腳;

Marp 的不足之處:

  • Markdown 和 Slide List 預(yù)覽模式不支持左右同步滑動(dòng);
  • 1:1 Slide 預(yù)覽模式不支持上下鍵切換幻燈片;
  • 不支持待辦事項(xiàng);
  • 只支持渲染成幻燈片,但無法直接演示;(畢竟現(xiàn)在才 v0.0.11)

開始使用 Marp 之前,你應(yīng)該知道的兩個(gè)概念:

1. Marp 支持的 Markdown 語法是什么?

Marp 中使用 Github 風(fēng)格的 Markdown 寫作,因此除了標(biāo)準(zhǔn)的 Markown 語法之外,Github 的部分?jǐn)U展語法也適用于 Marp。

2. Marp 中的指令是什么意思?

Marp 可以通過一些特定的指令來調(diào)整幻燈片顯示效果,指令的格式為: ``

如:

<!-- page_number: true -->

多個(gè)指令可以這樣寫:

<!-- page_number: true -->
<!-- $size: 16:9 -->

也可以這樣寫:

<!-- 
page_number: true
$size: 16:9
-->

快速開始

下載安裝

STEP ?:到官網(wǎng) https://yhatt.github.io/marp/ 下載對應(yīng)平臺(tái)的 Marp 安裝包。

STEP ?:安裝并運(yùn)行 Marp

  • Windows: 解壓安裝包之后運(yùn)行 Marp.exe
  • Linux: 解壓安裝包之后運(yùn)行 Marp
  • macOS: 正常安裝和運(yùn)行

如果你使用的是 macOS,可直接使用命令 brew cask install marp 來一鍵安裝,省去好多步驟(如果網(wǎng)絡(luò)好的話)。

界面概覽

打開 Marp 會(huì)顯示一個(gè)空的編輯界面,如下圖所示,界面非常清晰簡潔,沒有太多功能。

這里寫圖片描述

Marp 的界面簡介:

  • Marp 的界面跟常見的 Markdown 編輯器非常類似,左邊為編輯區(qū),右邊為效果的預(yù)覽。
  • 預(yù)覽模式從左到右依次為:Markdown、1:1 Slide、Slide List。
    • Markdown 模式就是普通的 Markdown 效果預(yù)覽;
    • 1:1 Slide 模式會(huì)根據(jù)左邊源碼中光標(biāo)的位置顯示幻燈片效果;
    • Slide List 模式會(huì)顯示渲染的幻燈片列表,可通過滑動(dòng)瀏覽;
  • 頁碼會(huì)顯示當(dāng)前光標(biāo)所在位置的頁數(shù)/總頁數(shù)。

實(shí)例演示

下面我們通過一個(gè)簡單示例來演示編寫幻燈片的基本功能:

<!-- page_number: true -->

# 畢小煩簡介


超過 8 年互聯(lián)網(wǎng)相關(guān)工作經(jīng)驗(yàn),CSDN 博客專家,百度閱讀暢銷書作者。

---
<!-- page_number: true -->
# 聯(lián)系方式


- 新浪微博:http://weibo.com/wirelessqa
- 微信公眾號:**wirelessqa**

# ![](./imgs/weixin.jpg)

---
# 作品列表

- [《AndroidStudio實(shí)用指南》](https://yuedu.baidu.com/ebook/31beb61a9b6648d7c1c746e8)
- [《互聯(lián)網(wǎng)寫作工具一本通》](https://yuedu.baidu.com/ebook/f2ec7e699a6648d7c1c708a1284ac850ad020418)

渲染效果

Markdown 預(yù)覽模式:

這里寫圖片描述

1:1 Slide 預(yù)覽模式:

這里寫圖片描述

Slide List 預(yù)覽模式:

這里寫圖片描述

語法簡單解析:

這里寫圖片描述

本文選自《Markdown 實(shí)用指南》 作者:畢小煩

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容