在网络上创建令人惊叹的演示文稿

reveal.js 是一个开源 HTML 演示文稿框架。它是一款工具，任何拥有 Web 浏览器的人都可以免费创建功能齐全且精美的演示文稿。

使用 reveal.js 制作的演示文稿基于开放的 Web 技术构建。这意味着您在 Web 上可以实现的任何功能，都可以在您的演示文稿中实现。您可以使用 CSS 更改样式，使用 <iframe> 包含外部网页，或使用我们的 JavaScript API 添加您自己的自定义行为。

该框架具有丰富的功能，包括嵌套幻灯片、Markdown 支持、自动动画、PDF 导出、演讲者备注、LaTeX 支持和语法高亮代码。

准备好开始了吗？

只需一分钟即可完成设置。请参阅 安装说明，了解如何创建您的首个演示文稿！

在线编辑器

如果您想体验 reveal.js 的优势，又不想编写 HTML 或 Markdown 代码，不妨试试 https://slides.com。它是一个功能齐全的可视化编辑器，同时也是 reveal.js 的平台，由 Hakim 开发。

支持 reveal.js

该项目由 @hakimel 在社区众多贡献的帮助下发起并维护。支持该项目的最佳方式是成为 Slides.com 的付费会员——Hakim 正在构建的 reveal.js 演示平台。

安装

reveal.js 的某些功能（例如外部 Markdown）要求演示文稿在本地 Web 服务器上运行。以下说明将设置此类服务器以及编辑 reveal.js 源代码所需的所有开发任务。

1. 安装 Node.js（10.0.0 或更高版本）
2. 克隆 reveal.js 代码库

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

3. 移动到 reveal.js 文件夹并安装依赖项

$ cd reveal.js && npm install

4. 启动演示文稿并监控源文件的变化

$ npm start

5. 打开 http://localhost:8000 查看您的演示文稿

开发服务器端口

开发服务器默认端口为 8000。您可以使用 port 参数切换到其他端口：

npm start -- --port=8001

从 npm 安装

该框架已发布到 npm，并可从 npm 安装。请注意，reveal.js 面向浏览器，包含 CSS、字体和其他资源，因此 npm 依赖项的使用场景可能有限。

npm install reveal.js
# 或
yarn add reveal.js

安装完成后，您可以将 reveal.js 作为 ES 模块引入：

import Reveal from 'reveal.js';
import Markdown from 'reveal.js/plugin/markdown/markdown.esm.js';

let deck = new Reveal({
  plugins: [Markdown],
});
deck.initialize();

您还需要引入 reveal.js 样式和演示主题。

<link rel="stylesheet" href="/node_modules/reveal.js/dist/reveal.css" />
<link rel="stylesheet" href="/node_modules/reveal.js/dist/theme/black.css" />