【你沒發現Github的隱藏功能之】預覽html網頁效果

三步設置Github預覽html

1. 新建倉庫
2. Git上傳css、js、img和index.html（必要）&&其他
3. 點擊設置Settings：找到github pages那一欄,在Source中選擇master branch,然後save

Settings設置:

• 找到github pages那一欄,在Source中選擇master branch,然後save

• 藍色路由既是新訪問地址：https://cungudafa.github.io/CungudafaBlog/
  

• 打開新的網頁輸入查看：https://cungudafa.github.io/CungudafaBlog/
  
  這樣就達到了預覽html的效果了！是不是很簡單，很方便 😃

優點

• 這樣預覽頁面效果比代碼倉庫的感覺要一級棒一些！
  

• 這樣的效果竟然和我在服務器發佈項目效果一致，還免去了部署的麻煩！

  • Github頁面：https://cungudafa.github.io/CungudafaBlog/
  • 服務器頁面：http://www.cungudafa.top/

  服務器部署，至少得安裝環境，上傳項目，重啓應用！ 😐
  當然了，如果需要後端的支持，還是需要服務器數據庫的。

用途

作爲應屆生，找工作時總會問道曾經的項目，如果是口頭描述，或者文字形式（說自己的項目中曾用過BootStrap、Echarts、layui…）是很難有說服力的，畢竟大家都這樣說，可是實際效果可能大相徑庭；

如果能夠有頁面直接展示你的項目，並且是可遠程訪問，不用揹着自己的電腦去提前調試，或者帶着U盤提前放映展示（免除病毒侵害），等等；

如果能運用好Github預覽頁面這一點，把項目演示鏈接放在簡歷中，能夠給自己加分也是蠻好的！

---

附：
很多同學不知道自己的頁面應該怎麼寫，參考：

模板之家web簡歷模板預覽

當然不鼓勵下載應用；只是參考動畫和佈局；不然是沒有什麼意義的！