一場極客的盛宴
什麼是“用代碼做演示文稿”
用代碼寫類似於PPT的演示文稿，大多數都是在底層基於HTML來實現的，利用Markdown風格的語言，藉助成熟的模板、軟件，可以快速的製作一份漂亮的演示文件。
用代碼寫演示文稿，優勢何在？
引子
打個比方，PowerPoint就像是一把大刀，百兒八十斤，死沉死沉。
- 往大了說，拿它殺雞宰牛完全不虛。筆者拿她做過遊戲、做過視頻動效，是一個強大可靠的工具。
- 往小了說，雕個蘿蔔花也不是不可以，就是端久了實在累胳膊。假如說只想做個素色的文稿，還得一點點加文本框…而筆者又是個不折騰會死星人，各種各樣的插件塞了滿滿一排。光是打開就很費時間了。
而代碼寫的演示文稿，就像一把小折刀，應付日常的任務綽綽有餘，然而要是愛折騰，也不是不可以用她幹票大的。
敏捷快速
設想這樣一種情況，晚上翻看ddl，突然發現一份PPT還沒有做，從0開始寫PPT費時費力，隨手套模板也可能遇上大大小小的問題。
又或者你心血來潮，打算順着思路做一份PPT，卻發現冗雜的格式調整，讓你的熱心和靈感一點點丟失。
基於HTML的PPT製作隱藏了大部分繁瑣的格式控制，在做PPT的時候不需要過多考慮美觀與佈局，你唯一需要做的就是寫下自己的靈感，自動模板會幫助你完成剩下的一切。
當然，隱藏了格式並不代表完全不能對格式進行隨心所欲的操縱，許多模板內置了格式控制代碼塊，完全可以進行深度定製。
簡單易上手
大部分模板的語言都是Markdown風味的，一分鐘瞄一眼格式控制符號就能快速上手，五分鐘讀一下格式控制就能迅速進階，多做幾份，你就是大佬。
這也意味着，當你寫完了一份Markdown文檔，稍加修改就可以將文檔輕鬆轉化爲演示文稿。一文兩用，極度舒適。
代碼寫演示文稿，適用於什麼樣的情景
學術報告
學術報告堪稱“花裏胡哨星人的禁區”，越是硬核的報告，演示文稿可能越樸素。ban掉動效、裝飾組件的情況下，PPT上場顯然就有些多餘。用代碼實現的演示文稿則表現得又快又好。
創新場合
這裏，是 代碼實現演示文稿 彎道超車的地方。PowerPoint屬實強大，但也有難以做到的地方，比如轉場3D，更加風騷的特效，而這些卻正是js和css的主場。
來欣賞一下這兩個花枝招展的傢伙，這種要多騷氣有多騷氣的玩意，往往能在千篇一律的模板裏讓評委眼前一亮：
目前較爲成熟的代碼演示文稿軟件/模板
Yu-Writer Pro
點擊進入官網
這款工具是一個國人出品的，極其完善的MarkDown寫作平臺。寫演示文稿是這玩意下轄的一個強大的功能。該平臺在Markdown的支持上可以Typora打的有來有回。
語法簡單，文檔詳細，能基本還原PowerPoint的靜態顯示部分，支持實時顯示預覽，同步滾動，最重要的一點是，它不需要任何修改就可以直接進入演示，是文檔與演示文稿的通用體。
軟件可以免費下載，不氪金已經可以滿足大多數基礎功能，氪金激活後可以解鎖所有功能，並去除演示時的水印，有學生優惠。（別想着白嫖，一方面網絡上基本不存在破解版，另一方面國人的軟件，有條件的話支持一下比較好）
x1 然而沒法直接從剪貼板貼圖
x2 作者 @河馬大佬 花式拖更
—來自筆者的碎碎念
Remark
點擊觀看demo
點擊進入下載
輕量而不失強大的HTML模板，在格式的支持上沒有過多選擇，但演示模式卻極爲強大。她基本實現了PowerPoint的所有演示功能，計時，演講者模式，提示文本等（除了激光筆和實時筆跡暫時不支持，不過用處不大，因爲激光筆可以用光標代替，實時筆記可以配合截圖工具實現）
在實時渲染上也極爲優秀，所有改動在0.5s內基本都能完成更新。
學術報告類演示文稿必備佳品！
不過在Latex的渲染上好像有bug，似乎渲不出來…
—來自筆者的碎碎念
Remark-it
點擊觀看demo
點擊進入下載
這玩意是國人在Remark基礎上添加各種組件，升級融合的產物，打個比方，就像個武裝到牙齒的瑞士軍刀，堪稱代碼風演示文稿對抗正統PowerPoint的種子選手。
繼承了Remark的所有優點，添加的組件讓花裏胡哨的式樣成爲可能，唯一的問題就是渲染比較費時間，建議先用樓上Remark寫個初版，再進來 加 特 效。而且建議不要自動刷新，不然改代碼的刷新空窗能逼死人。
Impress.js
點擊觀看demo
點擊進入下載
8說了，賊幾把炫酷。唯一能和這玩意的換場動效抗一波的，應該只有萬彩家的動畫大師了。
項目WiKi裏有句話過於真實：
WARNING
impress.js may not help you if you have nothing interesting to say 😉
Code Surfer
碼農展示代碼專用裝逼神器…
然而這玩意渲染起來太慢了，建議寫之前仔細閱讀語法規則，寫完了渲染一波帶走，免得出問題又要重新渲染。
關於代碼演示文稿的導出工具
由於這些玩意實現的演示文稿過於妖豔，瀏覽器的打印網頁功能已經完全伺候不了他們了。這種時候需要腳本的力量。
DeckTape
點擊進入下載
禁止執行腳本的解決方案
適用於Remark系列的演示文稿系列，有動效的還是洗洗睡吧。
路徑還是建議用單引號括起來。不然玩意有空格會識別錯誤。
碎碎念-關於筆者的演示文稿觀
很多人瞧不起用PowerPoint模板的行爲，認爲這樣老套，俗氣，沒有自主性和創新精神。這種觀點在我看來是狹隘的。
認爲模板老套俗氣，也許因爲他們遇到的模板都比較廉價。沒錯，挑PPT模板也是一門學問，並不是隨隨便便拽一個模板，就能拿去玩萬能套娃的。模板的配色、佈局等各種細節都決定了他的適用範圍。而這往往需要一定的美學功底，才能牢牢駕馭。挑模板，以及對模板進行適應性改造的過程，就是自主性和創新精神的最佳體現。
同時，筆者作爲學生，演示文稿的用途基本都是拿去答辯，非商業化的行爲也基本回避掉了大部分 可能因爲模板裏字體和圖片 而產生的版權糾紛（再說即使自己從零做起，一不小心也會有版權風險）。
因此，即使是熱愛製作演示文稿的筆者，一般情況下也套模板，怎麼簡單怎麼來，追求高效率的投入產出比。這裏的模板，是作爲工具出現的。只有靜下心來有閒工夫的情況，或者遇到了值得認真起來的場合，纔會從零開始，一點點慢慢做設計。而此時的演示文稿，就不僅僅是一個冷冰冰的工具，而是一個有血有肉有溫度的藝術品。