本文為飢人谷講師若愚原創文章。
ppt-cli是什麼
ppt-cli是一款用於生成線上 slides 的 node 工具,使用它可以通過一個命令把本地甚至線上的 markdown 檔案轉換成HTML 檔案,並擁有各種強大、可配置、神奇的功能。
npm 地址: ppt-cli
github 地址:GitHub - jirengu/ppt-cli: a slides framework using makrdown
為什麼要做它
做課件做展示一直找不到合適的工具,雖然像 gitbook、個人部落格、課件平臺都能使用 markdown 展示內容,但畢竟不像 ppt 那樣有良好的展示效果。
使用國內的線上 ppt 網站,一堆繁複的功能配置和廣告看的心累;使用演說線上定製化太差且不能分享;使用http://slides.com 無奈太卡;使用reveal.js 寫 HTML太複雜;用 keynote 寫起來麻煩分享起來也不方便。
沒有合適的輪子只能自己造了。於是花了一個下午寫了工具的原型,晚上熬個夜做了功能的細化。這個輪子要體現幾個特點:
- 書寫 ppt 一定要極致方便,最好直接用 markdown 寫,不需要任何特殊的語法
- 使用起來極其弱智,一個命令實現目的
- 細細挖掘會發現功能簡約而不簡單。需要實現絕大多數所需的個性化功能,比如轉場效果、排列位置、程式碼亮亮 、 可嵌入 HTML CSS JS、自定義樣式、自定義風格、自定義JS、背景圖片、背景視訊、轉場對應頁面執行當頁JS、新增屬性、支援 markdown 的一二三級標題分頁和特殊字元 --- 分頁
- 新輪子最好基於老輪子,可大大降低開發成本
如何使用
-
安裝 node
-
開啟命令視窗,執行
npm install -g ppt-cli
-
建立 markdown 檔案
-
執行
ppt sample.md ppt sample.md --align=center --theme=black --transition=zoom 複製程式碼
-
或者可以直接使用線上的 markdown 檔案
ppt https://raw.githubusercontent.com/jirengu/server-mock/master/README.md 複製程式碼
注意事項
在書寫 markdown 的時候要注意,每個一級標題、二級標題、三級標題都對應 slides 裡的一個頁面,所以這些標題下對應的內容不要太長,否則一個頁面展示不下。
本文和工具均為作者若愚原創,點個贊又不會懷孕,也讓我熬夜到2點破碎的心有個慰藉
加微訊號: astak10或者長按識別下方二維碼進入前端技術交流群 ,暗號:寫程式碼啦
每日一題,每週資源推薦,精彩部落格推薦,工作、筆試、面試經驗交流解答,免費直播課,群友輕分享... ,數不盡的福利免費送