reveal.js

reveal.js 是什么

reveal.js 是一个开源的 HTML 演示文稿框架。只要有一个浏览器，就能用它免费制作并播放漂亮的幻灯片。演示文稿本质上是一个网页，因此可以托管在任意静态服务器上，用链接分享，也能纳入 Git 做版本管理。

官方在线演示与文档见 revealjs.com。

核心特性

• 嵌套幻灯片：支持横向与纵向两个维度的页面组织，适合分层讲解。
• Markdown 支持：可以直接用 Markdown 写内容，降低排版成本。
• Auto-Animate：在相邻幻灯片之间自动补间动画，做出流畅的过渡效果。
• PDF 导出：把演示导出为 PDF，便于分发与存档。
• 演讲者视图：显示备注、计时与下一页预览。
• LaTeX 排版：内置数学公式支持，适合学术与技术内容。
• 代码高亮：内置语法高亮，写技术分享很顺手。
• 丰富的 API：可通过 JavaScript 控制幻灯片跳转、事件与状态。

基本结构示意

一个最简演示通常由若干 section 组成，横向与纵向嵌套即形成二维结构：

<div class="reveal">
  <div class="slides">
    <section>第一页</section>
    <section>
      <section>纵向第一页</section>
      <section>纵向第二页</section>
    </section>
  </div>
</div>

具体初始化方式与配置项请参考官方安装与文档页面。

使用建议

• 技术分享、教学课件、项目汇报等场景可以直接上手，先跑通官方 demo 再改主题。
• 需要图形化编辑时，可以试试同团队出品的 Slides.com 可视化编辑器。
• 若追求独特视觉风格，建议基于内置主题做 CSS 定制，而不是从零重写。

许可

MIT 协议，版权归 Hakim El Hattab 所有。