reveal.js是什么
reveal.js 是一個展示內容的框架，可以簡單的理解為網頁版的PPT。我們用 reveal.js 做出來的PPT其實是一個HTML文件。
優勢
和傳統的PPT相比，reveal.js 有哪些吸引我的地方呢？主要有：
- 界面優美：UI風格簡介優美，對數學公式、代碼、多媒體擴展支持。
- 運行簡單：因為是一個HTML文件，那么只要雙擊，就能在瀏覽器中展示。也可以通過url分享。
- 功能強大：因為是在瀏覽器中運行的，可以用HTML+CSS+JS，做各種想要的東西：比如與現場的用戶進行交互（如用戶在手機上進行一些投票，頁面上實時顯示投票數）；並且，reveal.js 有多套默認皮膚，支持 多種PPT切換動畫，Fragments，內聯PPT( nested slides)，代碼高亮，解析 Markdown，懶加載圖片和視屏，導出為PDF和一系列的 JS API 等特性
安裝
簡單版
1. 下載： https://github.com/hakimel/reveal.js/releases
2. 解壓下載的文件。將 index.html 里的內容替換成自己的內容
3. 打開 index.html 來查看效果
完整版
對於reveal.js 的某些特性如外部Markdown、演講者注釋需要本地Web服務器的支持。接下來的步驟教你建立這樣一個服務器。
1. 安裝Node.js(9.00 or later)
2. clone reveal.js倉庫
$ git clone https://github.com/hakimel/reveal.js.git
3. 進入reveal.js文件夾
$ cd reveal.js
4. 安裝依賴
$ npm install
5. 運行presentation和監視源文件的變化
$ npm start
6. 打開 http://localhost:8000/ 查看你的presentation
你可以通過運行 npm start -- --port=8001 換端口.
有前端基礎的可以采用編輯源代碼的方式，可參考官方文檔。
在線編輯
需要去slides.com注冊賬號，我這里使用的免費版（可能有廣告，空間小，不能使用某些特性）
利用其在線編輯器就可以開始編輯：
一個有趣的地方是可以向下加Page，也可以向右加Page.
還有兩個有用的功能：
1）REMOTE CONTROL：遠程控制功能，先向手機發送一條信息，手機打開鏈接即能控制PC端的PPT
2）PRESENT LIVE：實時展示，當觀眾通過live鏈接查看，觀眾端將會與PC端保持一致
語言描述能力太差，自己去體驗吧。
你可以通過url展示，也可以以html格式下下來（由於沒有生成assets文件夾，所以image不能離線查看）。
支持一些快捷鍵：
- ESC:預覽slides
- Alt + click:局部放大slides
- B 或.： 鎖屏slides
- S:演講者模式
Demo