Create Presentation Slides using Reveal.js | Interesting JS Library Series

本文将带你快速掌握Reveal.js（HTML演示框架）的使用，从安装到制作专业级演示文稿，全程只需30分钟。 读完本文，你将能够：使用Markdown快速编写幻灯片、添加动画和过渡效果、自定义主题样式、集成代码高亮和数学公式，并发布你的演示文稿。

若使用 reveal.js 製作簡報，只要將簡報網頁放在網路上，不管是 Windows、Mac OS X、Linux 的系統，甚至各種手機，只要是可以看網頁的設備都可以直接打開簡報觀看；如果放在自己的電腦或是隨身碟中，也可以像一般簡報檔一樣撥放，使用上很彈性。 以下是使用 reveal.js 製作簡報的步驟教學。 從 reveal.js 的 GitHub 網站上下載最新的 reveal.js zip 壓縮檔，並解壓縮。

1. 完整安装 1.1 安装node.js sudo apt install nodejs（但是版本有些老？ v12.18.2……虽然也够用。 目前最新的LTS版本是v14.15.5） 大概老的node.js里没有包含npm，所以我们还要sudo apt install npm 2. 基础功能 2.1 转场动画 Reveal.initialize( backgroundTransition: 'slide' }); 更换所有 ...

reveal.js 是一个开源 HTML 演示框架。 它是一个工具，任何拥有 Web 浏览器的人都可以免费创建功能齐全且精美的演示文稿。 使用 reveal.js 制作的演示文稿基于开放的 Web 技术构建。 这意味着你在 Web 上可以做的任何事情，你都可以在演示文稿中做。 使用 CSS 更改样式，使用 <iframe> 包含外部网页，或使用我们的 JavaScript API 添加你自己的自定义行为。 该框架具有广泛的功能，包括 嵌套幻灯片 、 Markdown 支持 、 自动动画 、 P

我們將從安裝 reveal.js、創建幻燈片和配置你的簡報的基礎開始。 然後，我們將進一步探討更有趣的話題，如展示語法高亮代碼、使用自動動畫讓幻燈片內容動起來，以及使用演講者視圖。

能讓任何有瀏覽器的人都可以免費創建功能齊全且美觀的簡報。 使用 reveal.js 製作的簡報是基於網頁技術。 這意味著你在網頁上能做的任何事情，都可以在你的簡報中實現。 使用 CSS 更改樣式，使用 <iframe> 嵌入外部網頁或使用我們的 JavaScript API 添加自定義行為。

Reveal.js 是開源 HTML 簡報框架，支援 Markdown 編輯、動畫切換與程式碼高亮，適合開發者製作互動簡報與技術教學展示。