不管是学生还是社畜,ppt始终是一个难以绕过的坎。没有艺术细胞的人对此的苦恼自不必说,即使对艺术感兴趣,限于时间和精力有限,我们也很难
1.背景
1.1 reveal.js是什么?
最开始我接触这个技术的时候是上次学习顾秩灵的web语义化,当时看的时候就觉得惊为天人,炫酷不说,而且和专业相关能够表现出自己的专业性
说了再多不如直接去看演示
它最突出的功能都在其官网主页展示得很清楚了,你只需要像坐火车一样静心欣赏它的美景就可以了
当然它最吸引我的还是其对markdown语法的支持,对于我这样重度md爱好者来说就是最好的福音
1.2 它的优势
- 炫酷
- 可配置型不错(比不过ppt大佬,但强于一般人)
- 表现形式强
- 相比ppt碎片化表现感更强(ppt的基本展现单元是页,而这个可以是段)
- 支持markdown语法
1.3 相似的技术
- deck.js
- Scrollify
- fullPage.js [这个也非常好]
- impress.js
2. 参考资料
3. 使用方法
3.1 一些快捷操作
- 息屏 [B]
- 演讲者模式 [S]
- 缩放模式 [ESC]
- 全屏模式 [F]
3.2学习步骤
多说无益,直接去看我上面列出的参考资料即可,虽然官方给出的api配置繁多,但想要实现基本功能却是非常简单。
我的建议是首先上它的github上下载源文件之后,首先学习它的index.html,这个比较简单而且一开始上手的话利于理解它整体的结构。这段代码很少,应该很快就能理解。然后再慢慢啃demo.html,理解完demo.html应该就差不多了,剩余的一些api就没有必要学得太详细了,需要用的时候再查就可以了