reveal.js
开源的 HTML 演示框架,把幻灯片写成网页,支持横向与纵向嵌套翻页、代码高亮、演讲者视图和 PDF 导出,适合熟悉前端的开发者做技术分享时摆脱模板限制。
reveal.js 是一个开源的 HTML 演示框架,由 Hakim El Hattab 和贡献者维护。它把幻灯片写成网页:一份 HTML 文件里放若干 section,浏览器打开就是演示,翻页、动画、背景都在网页里完成。对不想被 PowerPoint 模板限制、又熟悉前端的人来说,它解决的是「演示文稿能不能像网页一样自由」的问题。
主要功能
幻灯片可以横向排,也可以在一个横向页下面嵌套纵向页,用空格键依次翻过去,适合把细节收在下一层。代码块带语法高亮,靠 highlight.js 实现;元素可以按片段逐步出现,有 grow、shrink、fade-out 等几种效果。按 ESC 进入总览,按住 alt(Linux 下是 ctrl)点击任意元素可以放大查看。
演讲者视图会显示计时器、下一页预览和备注,按 S 键打开。演示可以导出成 PDF。背景支持纯色、图片、平铺图、视频和 iframe 网页,每页还能单独设置过渡方式。触屏设备上直接滑动翻页,加一个 class 就能让文字自动适配大小。
适合谁
主要面向会写 HTML/CSS 的开发者、讲师和技术分享者。页面里也提到,不写代码的人可以用 slides.com 的可视化编辑器做同样的演示。它提供 JavaScript API,可以自己写初始化、绑定事件、控制播放进度,也支持从右到左的语言排版。
费用与限制
框架本身开源免费,源码在 GitHub 上,文档和示例都在官网。它没有账号体系,也不需要登录,做好的演示就是一个网页,要发布得自己找地方托管。功能多意味着配置项不少,想改主题、过渡、尺寸都得翻文档;不熟悉前端的人上手会比拖拽式工具慢。