經常在團隊內部進行技術分享，最苦惱的一件事就是寫PPT：

• 找模板
• 對其字型
• 設定過度動畫
• 。。。

調著調著，一天就過去了~
結果是耗費了大量時間做出來的PPT還不好看。

PPT 1.0

於是很多快速生成PPT的工具出現了，比如聲享、吾道，可以線上編輯PPT（再也不用找XXX的破解/去廣告版了）。
相對於本地的PPT製作軟體有不少優勢：

• 提供大量好看的線上模板。
• 提供雲端儲存環境，製作好的PPT也不用隨身碟拷來拷去，開啟瀏覽器即可播放。
• 功能精簡，只保留常用功能，基本上做到了傻瓜式操作。

總體評價：
上手難度：****
編寫方便：***
功能豐富：*****

PPT 2.0

有沒有更簡單地製作PPT方法，GitHub上有專案可以用來快速來製作PPT，比如impress.js和reveal.js。
它們雖然語法格式不相同，但共同點就是透過引入對應的庫，從而支援寫程式碼的方式來製作HTML5頁面，還支援翻頁等動畫，也能做到類似PPT的演示效果。
一張帶圖文的PPT的程式碼是下面的樣子：

<section  class="slide" >
  <h2>3 航拍無人機的黑科技</h2>
  <p>
    3.1 雲臺<br>
    <img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="xx/cloud.gif" alt="">
  </p>
</section>

相對於PPT線上編輯網站，有不少好處：

• 更加具有極客風格。
• 對簡直不要太友好，即使其它工程師學點HTML也很容易掌握。
• 強大的可擴充套件性，只要程式碼寫得溜，沒有實現不了的佈局和特效。

總體評價：
上手難度：***
編寫方便：***
功能豐富：****

PPT 3.0

使用開源專案寫PPT的方式真的很完美嗎？
至少存在兩個問題：

1. 每次建立PPT（HTML檔案）時，需要引入依賴的js庫以及樣式。以及創造一些冗餘的標籤，還要呼叫js函式進行初始化，比較繁瑣。
2. 編寫上如果用Markdown格式會更加簡潔。

主角出場！
應該是Atom編輯上的一款外掛，現在被移植到了VSCode上。
它能將MarkDown格式和reveal.js結合起來，省去編寫冗餘標籤、引用依賴等不必要的操作，編寫PPT的時候只需要關注內容本身即可，讓你快速製作一款極簡風格的PPT。非常適合不需要過多動畫效果的內部演示PPT。

安裝完成以後使用起來很簡單，開啟任意一個md檔案，按照MarkDown格式編寫PPT內容，比如上面的內容可以寫成：

<!-- slide -->
## 航拍無人機的黑科技
3.1 雲臺
![](xx/cloud.gif)

這裡的註釋很重要，表示後面的內容在一個頁面中。

然後在編輯區滑鼠右鍵，選擇Open Preview，預設快捷鍵ctrl+k,v。
右邊就會顯示實時預覽效果。

PPT編寫的時候，在預覽區域右鍵，選擇“Open in Browser”即可在瀏覽器中開啟進行預覽或播放。
透過瀏覽器的另存為或其它工具（比如pandoc）可以匯出成圖片、pdf、epub等幾種格式。

總體評價：
上手難度：*
編寫方便：*****
功能豐富：****

最後

如果你覺得這篇文章對你有幫助，歡迎點贊分享~

一部由眾多技術專家推薦，
幫你成為具有全面能力和全域性視野工程師的進階利器——
《了不起的JavaScript工程師》出版了~
點選下方連結踏上進階之路！