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 上,文档和示例都在官网。它没有账号体系,也不需要登录,做好的演示就是一个网页,要发布得自己找地方托管。功能多意味着配置项不少,想改主题、过渡、尺寸都得翻文档;不熟悉前端的人上手会比拖拽式工具慢。

常见问题

reveal.js 收费吗?
reveal.js 免费使用。
用 reveal.js 要登录吗?
不用登录就能用。
reveal.js 国内能访问吗?
本站 11 月 8 日 检测,reveal.js 在国内可以直接访问。
reveal.js 有哪些平台 / App?
支持 网页。
reveal.js 的替代品有哪些?
本站整理了 1 个替代品,例如 Marp。

替代品 全部 1 个 →

收录于 11 月 8 日 · 更新于 11 月 8 日 · 本站 11 月 8 日 检测 · 浏览 0 · 报告问题

替代品 1 个打开官网revealjs.com