reveal.js 6.0：用 HTML 和 Markdown 写幻灯片，还是那个最灵活的演示框架
HTML 表示框架。它使任何拥有网络浏览器的人都可以免费创建精美的演示文稿。
秒懂
- 它是什么？
- reveal.js 是一个开源 HTML 演示框架，用浏览器就能创建幻灯片。本文拆解它的核心机制、安装方式、局限与替代方案，帮你判断是否值得在下一个技术分享或培训中使用。
- 适合谁用？
- reveal.js 适合那些愿意写 HTML 或 Markdown 的开发者、讲师和开源项目维护者，尤其是需要精确控制布局、嵌入代码或公式，并希望演示文稿能进版本库长期维护的人。不适合追求零学习成本、拖拽式编辑的普通办公用户，这类人应该直接去用 slides.com 或传统 PPT 工具。
- 能商用吗？
- 可以。MIT 是宽松许可证：你可以使用、修改并销售基于它的软件，只需保留版权和许可证声明。
- 还在维护吗？
- 在维护。仓库最近一次提交在 5 天前。
- 用什么语言写的？
- 主要是 JavaScript（依据 GitHub 的语言统计）。
以上回答依据项目的 GitHub 数据（最近同步于 2026年9月15日）和我们的分析，不构成法律意见。
开源项目深度解析
它解决什么问题：用网页技术替代 PPT 的演示方案
reveal.js 解决的是传统演示工具的两类痛点。第一，PPT 和 Keynote 的文件格式是封闭的，难以做版本管理，多人协作时合并冲突很痛苦。reveal.js 把幻灯片写成 HTML 或 Markdown，纯文本格式可以直接放进 Git 仓库，每一次修改都可追溯。第二，技术分享往往需要展示代码、公式或交互式元素，传统工具要么支持得很别扭，要么需要导出图片。reveal.js 运行在浏览器里，语法高亮、LaTeX 排版和实时交互都是原生能力。它面向的用户很明确：会写一点 HTML 的开发者、开源项目的维护者、技术讲师，以及任何想在演示中嵌入网页元素的人。根据 README 的描述，它让任何有浏览器的人都能免费创建演示文稿，但这句话的潜台词是，你需要愿意学习它的标记方式。
核心机制：从 HTML 标记到浏览器渲染的演示引擎
reveal.js 的运作方式是把幻灯片定义为网页 DOM 结构，然后用 JavaScript 控制切换和动画。从文档可知，它支持嵌套幻灯片，也就是垂直方向的子幻灯片，这对应了演讲中常见的“先总览再深入”的结构。Markdown 支持意味着你可以把幻灯片内容写在 .md 文件里，框架负责解析成 HTML 结构。Auto-Animate 是另一个值得注意的特性，它能在两个幻灯片之间自动补间动画，前提是元素结构相似，这比传统的逐帧动画声明式得多。PDF 导出功能依赖浏览器自身的打印能力，原理上是把每张幻灯片渲染成固定尺寸的页面。整个框架的核心是一个 JavaScript API，文档中提到了 extensive API，这意味着你可以用脚本控制跳转、监听状态变化，甚至嵌入自定义交互。这种设计让 reveal.js 不只是一个演示工具，更像是一个可编程的演示运行时。
安装与起步：从 npm 到第一张幻灯片的实际路径
根据文档的安装指南，起步方式有两种。第一种是直接下载仓库的压缩包，解压后打开 index.html 就能看到示例演示。第二种是通过 npm 安装，命令是 npm install reveal.js，然后在项目里引入对应的 CSS 和 JS 文件。一个最小化的 HTML 结构大致是：一个 <div class="reveal"> 容器，里面放 <div class="slides">，每个 <section> 就是一张幻灯片。如果你用 Markdown，可以在 <section> 里写 <script type="text/template"> 来嵌入 Markdown 内容，框架会自动渲染。配置项通过 Reveal.initialize() 传入，比如可以设置 transition 为 'slide' 或 'fade'，也可以开启 slideNumber 来显示页码。这些配置键在官方文档的 markup 和 configuration 页面有完整列表。值得注意的是，README 提到的视频课程是付费的，但核心框架本身完全免费，MIT 许可证允许商用和修改。
局限与失败模式：什么时候它不是正确工具
reveal.js 的第一个明显局限是学习曲线。虽然 Markdown 降低了门槛，但要做精细的排版或自定义主题，你必须写 CSS 和 JavaScript，这对非技术用户是很大的障碍。第二个问题是它的输出是网页，而不是一个独立的可执行文件。如果你需要离线演示，必须确保所有资源（包括字体、插件、CDN 上的依赖）都已本地化，否则在没网的环境下会直接白屏。第三个失败模式是版本升级带来的兼容性。从 5.2.1 到 6.0.0 是一次大版本更新，API 可能有不兼容变化，如果你用了第三方插件，升级后需要重新测试。还有一个常被忽略的细节：Auto-Animate 的效果依赖元素在前后两张幻灯片中的结构匹配度，如果结构差异太大，动画会失效或产生奇怪的结果，这需要你花时间调整标记。最后，打印 PDF 的体验取决于浏览器，Chrome 的打印到 PDF 通常没问题，但其他浏览器可能无法正确分页。
替代方案：slides.com 与经典 PPT 的差异
README 里明确提到了 slides.com，它是同一个作者团队做的图形化编辑器。slides.com 与 reveal.js 的区别在于，你不需要写任何代码，用拖拽和点选就能生成演示文稿，而且它可以直接导出成 reveal.js 格式的 HTML。这个差异很关键：如果你追求的是快速产出和零代码，slides.com 是更省事的选择，但它是一个商业服务，免费版有功能限制。另一个替代方案是传统的 PowerPoint 或 Keynote，它们的优势是所见即所得，且有强大的排版工具，但文件格式不透明，难以做版本控制。还有一个思路是直接用静态网站生成器（比如 Hugo 或 VuePress）配合 HTML 模板做幻灯片，但那样你等于自己造轮子，失去了 reveal.js 提供的演示专用功能，比如演讲者备注和自动动画。所以选择其实是在“写代码但可控”和“拖拽但受平台限制”之间做权衡。
维护与升级成本：版本节奏和许可证边界
从仓库的提交记录看，reveal.js 的维护相当活跃，6.0.0 在 2026 年 3 月发布，一个月后就出了补丁版本 6.0.1。这意味着你可以期待 bug 修复和新特性，但也意味着你需要关注版本更新。升级成本取决于你用了多少自定义代码。如果只是用默认主题和 Markdown，升级通常只需替换 JS 和 CSS 文件；如果你写了大量自定义插件或修改了核心样式，大版本升级可能需要调整 API 调用。许可证是 MIT，这是最宽松的开源许可证之一，允许你自由使用、修改和分发，甚至可以闭源商用。但注意，MIT 许可证不提供任何担保，也没有义务维护，所以如果你的业务关键系统依赖它，你需要自己承担风险。另外，slides.com 是商业服务，它与 reveal.js 的代码共享关系意味着，你在 reveal.js 里写的内容可以导入 slides.com，但反向导出可能会遇到格式差异，这一点在采用前值得验证。
编辑结论
reveal.js 适合那些愿意写 HTML 或 Markdown 的开发者、讲师和开源项目维护者，尤其是需要精确控制布局、嵌入代码或公式，并希望演示文稿能进版本库长期维护的人。不适合追求零学习成本、拖拽式编辑的普通办公用户，这类人应该直接去用 slides.com 或传统 PPT 工具。采用前先验证三件事：你的目标浏览器是否支持最新特性，尤其是 Auto-Animate 的兼容性；你的使用场景是否需要离线运行，因为依赖 CDN 引入资源时断网会失效；以及你是否愿意花时间学习主题定制和插件机制，因为默认主题的美观度有限，真正的效果需要自己调 CSS。最后一个具体判断：如果你已经会写 HTML，reveal.js 6.0 的 Markdown 支持和 PDF 导出流程值得一试，但如果你只想要现成的漂亮模板，它大概率会让你失望。
社区笔记