Cleaver快速製做網頁PPT

原文首發連接:http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/

寫在開始以前

互聯網時代，以瀏覽器做爲入口，已經有愈來愈多的桌面應用被web應用所取代。微軟最賺錢的Office辦公軟件，也正在被免費的web應用所吞噬。現在即使薄學如我就已然知曉reveal.js impress.js等各類輪子來製做體驗優良的網頁PPT。今天就來嘗試下這Node.js的輪子Cleaver來製做網頁PPT。

Cleaver基於HTML5，用最短的時間作出超炫幻燈片。你還會堅持PowerPoint嗎？

Cleaver介紹

若是你已經有了一個Markdown的文檔，30秒就能夠製做成幻燈片。Cleaver是爲Hacker準備的工具。
Cleaver的官方發佈頁：http://jdan.github.io/cleaver/；
參考文章:30秒製做幻燈片 Cleaver。

Cleaver安裝

系統環境(據悉：cleaver不支持win系統)
Linux: Ubuntu 12.04 LTS 64bit
node: v0.6.12
npm: 1.1.4
經過nodejs安裝Cleaver

//局部安裝Cleaver
~ mkdir nodejs-cleaver && cd nodejs-cleaver
~ sudo npm install cleaver

//全局安裝Cleaver
~ sudo npm install cleaver -g

Cleaver基本使用

執行cleaver命令，解析一個markdown文件，會自動生成HTMl文檔，歐耶,算是Pandoc的部分功能深刻了;

用cleaver自帶的例子：

//如是局部安裝，運行下面一句就好
cleaver node_modules/cleaver/examples/basic.md

//如是全局安裝，請跑起Like this：
cleaver  /usr/local/lib/node_modules/cleaver/examples/basic.md

Cleaver配置選項option

title: Basic Example  #HTML的標題名
author:               #做者信息,在最後一頁顯示
  name: Jordan Scales
  twitter: jdan
  url: http://jeffjade.com
output: basic.html

除此以外還有其餘額外設置，譬如：

• theme: 皮膚(theme: jdan/cleaver-retro)
• style: css樣式表(style: css/main.css)
• output: 生成的HTML文件名(output: basic.html)
• controls: 控制按鈕(controls: true)
• progress: 頂部顯示進程條(progress: true)
• agenda: 生成一個目錄頁(progress: false)
• encoding: 文檔的字符編碼(encoding: utf-8)
• template: 設置每張slide的模板(template: template/slide.mustache)
• layout: 設置HTML模板(template: template/layout.mustache)

Cleaver的正文內容:

Cleaver僅支持Markdown語法的，經過Markdown構建網頁內容，Markdown官方網站：http://daringfireball.net/projects/markdown/

須要注意的是，Cleaver以」 — 「(兩個中橫線)作爲分頁的標誌，其餘語法都遵循Markdown規則。

MS Office PowerPoint 正在被漸行漸遠。。。

寫在最後

相比於之下，impress.js, reveal.js以及Cleaver三者各有特點吧；在惟快不破的理論下，Cleaver天然佔據了無與倫比的優點，只是像動畫，樣式等比於impress是一個短板。而且，在寫此文的時候欲以Cleaver來呈現的，不過老是報出下面這樣的問題(Mac OS X Yosemite)：

!! Cannot read property 'compiled' of undefined
Please report this to https://github.com/chjj/marked.

花了些許時間來探究這個問題，只是如今網絡上目測關於這個信息不是不少。逐一對比之下，文章的格式沒什麼問題。在即將放棄的時候，發現原來是標記代碼的時候用了```shell,所形成的問題,去掉shell或者換成別的標記就沒有問題了。額...。

這裏是此文的PPT版本(Cleaver);固然，這個是須要在PC偏高些的瀏覽器上才能正常查看。

原文連接:http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/