寫幻燈片(PPT/Keynote)應(yīng)該是大家比較頭疼的事情,這通常會(huì)花費(fèi)我們很長(zhǎng)的時(shí)間。沒(méi)錯(cuò),好的幻燈片和絢麗的特效肯定是要花費(fèi)時(shí)間和精力進(jìn)行創(chuàng)作的,但不是每個(gè)人都要開(kāi)發(fā)布會(huì),也不是每個(gè)人都要公眾演講,因此幻燈片針對(duì)某些場(chǎng)合適用就好,不必追求過(guò)度的設(shè)計(jì)和特效。
拋棄復(fù)雜的設(shè)計(jì),使用 Markdown 寫幻燈片給我們提供了另外一種選擇,簡(jiǎn)潔、高效的寫作方式被越來(lái)越多的人喜歡。
下面我們介紹一款工具,可以將 Markdown 格式的內(nèi)容渲染成幻燈片,可以導(dǎo)出 PDF 格式。這款工具適用于對(duì)設(shè)計(jì)要求不高,對(duì)幻燈片產(chǎn)出的速度要求較高的場(chǎng)景。
Marp 簡(jiǎn)介
Marp 是一款基于 Electron 開(kāi)發(fā)的開(kāi)源工具,可以使用 Github 風(fēng)格的 Markdown 編寫幻燈片。
官網(wǎng):
Marp 的主要特性:
- 開(kāi)源,免費(fèi),使用簡(jiǎn)單;
- 支持使用 Markdown 編寫幻燈片;
- 跨平臺(tái),支持 Windows/macOS/Linux 平臺(tái);
- 支持實(shí)時(shí)預(yù)覽,有 3 種模式:Markdown、1:1 Slide、Slide List;
- 支持兩種主題 (Default 和 Gaia theme);
- 支持表格、表情符號(hào)、數(shù)學(xué)公式和背景圖像;
- 支持把幻燈片導(dǎo)出為 PDF;
- 支持通過(guò)指令改變幻燈片的顯示效果;
- 支持多種指令來(lái)調(diào)整幻燈片的大小;
- 支持顯示頁(yè)碼和頁(yè)腳;
Marp 的不足之處:
- Markdown 和 Slide List 預(yù)覽模式不支持左右同步滑動(dòng);
- 1:1 Slide 預(yù)覽模式不支持上下鍵切換幻燈片;
- 不支持待辦事項(xiàng);
- 只支持渲染成幻燈片,但無(wú)法直接演示;(畢竟現(xiàn)在才 v0.0.11)
開(kāi)始使用 Marp 之前,你應(yīng)該知道的兩個(gè)概念:
1. Marp 支持的 Markdown 語(yǔ)法是什么?
Marp 中使用 Github 風(fēng)格的 Markdown 寫作,因此除了標(biāo)準(zhǔn)的 Markown 語(yǔ)法之外,Github 的部分?jǐn)U展語(yǔ)法也適用于 Marp。
2. Marp 中的指令是什么意思?
Marp 可以通過(guò)一些特定的指令來(lái)調(diào)整幻燈片顯示效果,指令的格式為: ``
如:
<!-- page_number: true -->
多個(gè)指令可以這樣寫:
<!-- page_number: true -->
<!-- $size: 16:9 -->
也可以這樣寫:
<!--
page_number: true
$size: 16:9
-->
快速開(kāi)始
下載安裝
STEP ?:到官網(wǎng) https://yhatt.github.io/marp/ 下載對(duì)應(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來(lái)一鍵安裝,省去好多步驟(如果網(wǎng)絡(luò)好的話)。
界面概覽
打開(kāi) Marp 會(huì)顯示一個(gè)空的編輯界面,如下圖所示,界面非常清晰簡(jiǎn)潔,沒(méi)有太多功能。
Marp 的界面簡(jiǎn)介:
- Marp 的界面跟常見(jiàn)的 Markdown 編輯器非常類似,左邊為編輯區(qū),右邊為效果的預(yù)覽。
- 預(yù)覽模式從左到右依次為:Markdown、1:1 Slide、Slide List。
- Markdown 模式就是普通的 Markdown 效果預(yù)覽;
- 1:1 Slide 模式會(huì)根據(jù)左邊源碼中光標(biāo)的位置顯示幻燈片效果;
- Slide List 模式會(huì)顯示渲染的幻燈片列表,可通過(guò)滑動(dòng)瀏覽;
- 頁(yè)碼會(huì)顯示當(dāng)前光標(biāo)所在位置的頁(yè)數(shù)/總頁(yè)數(shù)。
實(shí)例演示
下面我們通過(guò)一個(gè)簡(jiǎn)單示例來(lái)演示編寫幻燈片的基本功能:
<!-- page_number: true -->
# 畢小煩簡(jiǎn)介
超過(guò) 8 年互聯(lián)網(wǎng)相關(guān)工作經(jīng)驗(yàn),CSDN 博客專家,百度閱讀暢銷書作者。
---
<!-- page_number: true -->
# 聯(lián)系方式
- 新浪微博:http://weibo.com/wirelessqa
- 微信公眾號(hào):**wirelessqa**
# 
---
# 作品列表
- [《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ù)覽模式:
語(yǔ)法簡(jiǎn)單解析:
本文選自《Markdown 實(shí)用指南》 作者:畢小煩