Reveal.js 是开源的 HTML 演示框架，基于 Web 技术构建幻灯片。支持 Markdown、嵌套幻灯片、PDF 导出、演讲者视图、代码高亮与 LaTeX 公式。

---

安装方式

方法 A：克隆源码

适用于需要完整定制或使用外部 Markdown 的场景。

• 克隆仓库

  git clone https://github.com/hakimel/reveal.js.git

• 安装依赖

  cd reveal.js && npm install

• 启动开发服务器

  npm start

• 浏览器访问 http://localhost:8000

方法 B：使用 reveal-md

reveal-md 是 Markdown 专用的 CLI 工具，无需手动配置 HTML。

• 全局安装

  npm install -g reveal-md

• 启动演示

  reveal-md slides.md

---

Markdown 语法

幻灯片分隔

# 第一页

---

# 第二页（水平切换）

---

## 嵌套页（垂直切换）

• ---：水平分页
• ----：垂直嵌套页

演讲者备注

# 标题

Note: 这是演讲者备注，观众不可见

代码高亮与行号

```js [1-2|3|4]
let a = 1;
let b = 2;
let c = (x) => 1 + 2 + x;
c(3);
```

[1-2|3|4] 表示逐步高亮第 1-2、3、4 行。

---

自定义配置

在 Markdown 文件头部使用 YAML front-matter：

---
title: My Presentation
theme: black
highlightTheme: monokai
---

或创建 reveal.json 配置文件：

{
  "transition": "slide",
  "controls": true,
  "progress": true
}

---

导出

PDF 导出

reveal-md slides.md --print slides.pdf

静态站点

reveal-md slides.md --static _site

---

参考

Reveal.js 官方文档

reveal-md GitHub

贡献者: paiad