「優秀庫推薦」ppt-cli 讓你優雅地做 ppt

飢人谷前端發表於2018-02-14

本文為飢人谷講師若愚原創文章。

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 寫起來麻煩分享起來也不方便。

沒有合適的輪子只能自己造了。於是花了一個下午寫了工具的原型,晚上熬個夜做了功能的細化。這個輪子要體現幾個特點:

  1. 書寫 ppt 一定要極致方便,最好直接用 markdown 寫,不需要任何特殊的語法
  2. 使用起來極其弱智,一個命令實現目的
  3. 細細挖掘會發現功能簡約而不簡單。需要實現絕大多數所需的個性化功能,比如轉場效果、排列位置、程式碼亮亮 、 可嵌入 HTML CSS JS、自定義樣式、自定義風格、自定義JS、背景圖片、背景視訊、轉場對應頁面執行當頁JS、新增屬性、支援 markdown 的一二三級標題分頁和特殊字元 --- 分頁
  4. 新輪子最好基於老輪子,可大大降低開發成本

如何使用

  1. 安裝 node

  2. 開啟命令視窗,執行 npm install -g ppt-cli

  3. 建立 markdown 檔案

  4. 執行

    ppt sample.md
    ppt sample.md --align=center --theme=black --transition=zoom
    複製程式碼
  5. 或者可以直接使用線上的 markdown 檔案

    ppt https://raw.githubusercontent.com/jirengu/server-mock/master/README.md
    複製程式碼

注意事項

在書寫 markdown 的時候要注意,每個一級標題、二級標題、三級標題都對應 slides 裡的一個頁面,所以這些標題下對應的內容不要太長,否則一個頁面展示不下。

本文和工具均為作者若愚原創,點個贊又不會懷孕,也讓我熬夜到2點破碎的心有個慰藉

加微訊號: astak10或者長按識別下方二維碼進入前端技術交流群 ,暗號:寫程式碼啦

每日一題,每週資源推薦,精彩部落格推薦,工作、筆試、面試經驗交流解答,免費直播課,群友輕分享... ,數不盡的福利免費送

「優秀庫推薦」ppt-cli 讓你優雅地做 ppt

相關文章