使用reveal.js製作PPT，並部署至GitHub

折騰了一天把PPT做好，經歷千辛萬苦終於上傳到Github上實現預覽，記下啦，以免下次再用的時候忘掉

製作PPT

一、安裝reveal.js

1、基本安裝（我覺得寫個PPT，基本安裝就可以啦）

clone reveal.js 庫

$ git clone github.com/hakimel/rev…

開啟index.html就可以檢視效果啦，裡面是預設的demo，想改成什麼內容，就直接在index.html中編輯就行啦

2、完整安裝

1. 安裝 nodeJs (對前端同學來說，這步可以省啦)
2. 安裝 Grunt
3. clone reveal.js 庫

$ git clone github.com/hakimel/rev…

4. 切換到reveal.js下

$ cd reveal.js

5. 安裝依賴

$ npm install

6. 監控原始檔的改變

$ grunt serve

7. 開啟 http://localhost:8000 預覽你的簡報

你可以通過 $ grunt serve --port 8001 改變埠

備註：還是修改index.html檔案哦

預覽PPT

使用grunt啟動服務，預設埠是8000，

一、做好的PPT上傳至GitHub

1、去Github新建一個repository

首你需要一個GitHub賬號，點選頭像旁邊小加號-> new repository

輸入專案名稱，點選create按鈕

2、將空專案下載到本地

$ git clone github.com/niuchunling…

3、上傳寫好的PPT

1. 把reveal.js資料夾裡的檔案複製到juejin-test-reveal目錄下(刪掉node_module、package.json等無用檔案，如果發現預覽失敗，先刪這些檔案試試哈，我被這個坑了好久，也不到為啥，有知道的大佬，給我留言哈)
2. 進入到juejin-test-reveal資料夾中

$ cd juejin-test-reveal

3. 提交檔案

$ git add .

$ git commit -m 'some message'

$ git push -u origin master

4. 去看效果 看我的demo
   那怎麼知道在哪預覽那？ 專案 -> settings -> GitHub pages

完成啦，有問題或者不足的地方，歡迎給我留言哦