掌握 reveal.js

本视频教程将教会您了解掌握 reveal.js 所需的一切知识，以便制作出外观精美的演示文稿。

我们将从安装 reveal.js、创建幻灯片和配置演示文稿等基础知识入手。然后，我们将进阶到更有趣的话题，例如展示语法高亮的代码、使用 Auto-Animate 为幻灯片内容添加动画效果以及使用演讲者视图。在进阶视频中，我们将探讨 reveal.js JavaScript API、插件创建以及如何自定义键盘绑定。（请参阅视频全集。）

本教程适合哪些人？

本课程针对初学者，以及已经了解基本原理、但准备探索完整功能集的人。

您需要对 HTML、CSS 和 JavaScript 有基本了解。HTML 是 reveal.js 的支柱，在整个课程中将广泛使用。CSS 和 JavaScript 主要用于高级视频，例如创建自定义主题、使用 reveal.js API 以及编辑源代码。

谁来介绍？

👋 我是 Hakim，一名瑞典前端开发人员，也是 reveal.js 的创建者。我是联合创始人，目前负责 Slides.com 的开发，该演讲平台和图形编辑器基于 reveal.js 构建。此外，我还喜欢在 hakim.se 上做视觉演示和实验。

十年前 (!) 我发布了 reveal.js 的第一个版本，我无法想象最终它会发展到被数十万人使用。我希望您加入并亲自体验为什么这么多人选择使用 reveal.js 创建他们的演示文稿！

^$99 ^$79

购买课程

22 个视频
总时长 5 小时 39 分钟
高清流
下载 4K
免费更新

本课程通过 Gumroad 出售。在购买时，如果适用，将增收增值税。如果您觉得本课程不适合您，我们将全额退款，无需任何疑问。

入门
入门	时长
安装 reveal.js 并设置开发服务器。	5:40
创建幻灯片、在它们之间建立链接并保存草稿。	10:04
配置您的演示文稿。	8:23
使用垂直幻灯片。	9:05
使用 Markdown 创建幻灯片。	16:34
内容创作
将文本、图像、视频和 iframe 添加到幻灯片中。	10:47
使用堆栈和自动调整大小的文本布局幻灯片内容。	13:58
全屏背景图片、视频、颜色和 iframe。	16:26
呈现语法高亮代码。	21:51
使用片段以步骤形式构建幻灯片。	13:14
使用 Auto-Animate 动画化幻灯片内容。	17:01
配置与功能
演示文稿大小和比例。	14:34
幻灯片过渡。	12:36
主题化您的内容并创建自己的主题。	16:12
演讲者便签与如何使用演讲者视图。	11:27
幻灯片编号和 URL。	19:55
将演示文稿转换为 PDF。	10:23
高级（JS）
初始化和运行多个演示文稿。	19:06
插件；在哪里可以找到以及如何创建它们。	14:52
使用 reveal.js API 控制演示文稿。	40:32
自定键盘快捷键。	15:04
使用源代码。	21:09

掌握 reveal.js

本教程适合哪些人？

谁来介绍？

目录