首先膜拜一下三水清大大 @http://js8.in/
前言
剛?cè)氪髮W(xué)被prezi炫了一臉襟齿,各種翻轉(zhuǎn)切換3D效果真是閃瞎我的o(=?ェ?=)o眼,也曾下載使用過枕赵,記得當(dāng)時(shí)花了一晚上找好用的模板拷窜。不過存在一些問題开皿,如生成文件較慢,中文字體支持不夠友好篮昧,在性能較差的機(jī)器上展示不夠流暢等赋荆。
后來學(xué)習(xí)Web前端的時(shí)候接觸到了reveal.js和impress.js,它們是開源的可以制作基于瀏覽器的幻燈演示窄潭,相比Prezi和PPT這種傳統(tǒng)的幻燈片軟件來說擁有很多的優(yōu)勢(shì)嫉你,如跨平臺(tái)展示,支持markdown等躏惋。不過今天的主題是nodeppt均抽。
什么是nodeppt
nodeppt是基于nodejs來寫的網(wǎng)頁P(yáng)PT,支持html和markdown語法
為什么要用nodeppt
- 基于GFM(Github Flavored Markdown)的markdown語法編寫
- 支持html混排其掂,再復(fù)雜的demo也可以做油挥!
- 導(dǎo)出網(wǎng)頁或者pdf更容易分享
- 支持18種轉(zhuǎn)場(chǎng)動(dòng)畫,可以設(shè)置單頁動(dòng)畫
- 支持單頁背景圖片
- 多種模式:overview模式款熬,雙屏模式深寥,socket遠(yuǎn)程控制,搖一搖換頁贤牛,使用ipad控制做分享更酷哦~
- 可以使用畫板惋鹅,可以使用note做備注
- 支持語法高亮,自由選擇highlight樣式
- 可以單頁ppt內(nèi)部動(dòng)畫殉簸,單步動(dòng)畫
- 支持進(jìn)入/退出回調(diào)闰集,做在線demo很方便
坑點(diǎn)
- sudo apt-get install
- 直接apt-get下載的npm貌似不完整,功能不全導(dǎo)致后面安裝遇到問題般卑,神坑武鲁!
- 原因:npm install過程中要編譯個(gè)包需要有node支持。
- 解決方法:curl添加官方源再安裝蝠检,利用node -v和npm -v測(cè)試是否可以使用沐鼠。然后npm install -g nodeppt進(jìn)行安裝。
- 服務(wù)器部署
- 部署后發(fā)現(xiàn)黑屏無法查看,查看頁面源代碼沒有發(fā)現(xiàn)什么問題..
- 原因:生成的js文件夾中可能會(huì)有兩個(gè)同名的nodeppt饲梭,僅僅只有大小寫之分乘盖,因?yàn)樵趌inux下大小寫有區(qū)分,然后直接拷到windows下果斷直接合并無提示(hhhhh憔涉,再也不愛微軟了)订框。
- 解決方法:用前端的js替代服務(wù)器端的js即可