首先膜拜一下三水清大大 @http://js8.in/
前言
刚入大学被prezi炫了一脸,各种翻转切换3D效果真是闪瞎我的o(=•ェ•=)o眼,也曾下载使用过,记得当时花了一晚上找好用的模板。不过存在一些问题,如生成文件较慢,中文字体支持不够友好,在性能较差的机器上展示不够流畅等。
后来学习Web前端的时候接触到了reveal.js和impress.js,它们是开源的可以制作基于浏览器的幻灯演示,相比Prezi和PPT这种传统的幻灯片软件来说拥有很多的优势,如跨平台展示,支持markdown等。不过今天的主题是nodeppt。
什么是nodeppt
nodeppt是基于nodejs来写的网页PPT,支持html和markdown语法
为什么要用nodeppt
- 基于GFM(Github Flavored Markdown)的markdown语法编写
- 支持html混排,再复杂的demo也可以做!
- 导出网页或者pdf更容易分享
- 支持18种转场动画,可以设置单页动画
- 支持单页背景图片
- 多种模式:overview模式,双屏模式,socket远程控制,摇一摇换页,使用ipad控制做分享更酷哦~
- 可以使用画板,可以使用note做备注
- 支持语法高亮,自由选择highlight样式
- 可以单页ppt内部动画,单步动画
- 支持进入/退出回调,做在线demo很方便
坑点
- sudo apt-get install
- 直接apt-get下载的npm貌似不完整,功能不全导致后面安装遇到问题,神坑!
- 原因:npm install过程中要编译个包需要有node支持。
- 解决方法:curl添加官方源再安装,利用node -v和npm -v测试是否可以使用。然后npm install -g nodeppt进行安装。
- 服务器部署
- 部署后发现黑屏无法查看,查看页面源代码没有发现什么问题..
- 原因:生成的js文件夹中可能会有两个同名的nodeppt,仅仅只有大小写之分,因为在linux下大小写有区分,然后直接拷到windows下果断直接合并无提示(hhhhh,再也不爱微软了)。
- 解决方法:用前端的js替代服务器端的js即可