首先我們登入github，進入專案倉庫，點選setting,找到github pages欄的source，點開，如下圖：

第一個的意思是，建立一個gh-pages分支，第二個是直接選擇主分支部署到github pages,第三個是主分支下的docs資料夾。能成功部署的條件是必須有個index,html作為入口，也就是說無論用哪種方式，都要有個index.html在主目錄。靜態網頁的話就可以直接訪問：github名.github.io/倉庫名,就可以看到了 ,也就延伸出了在github部署自己的部落格這類說法。在剛才那張github截圖的下面，官方也給出了相應的提示的。

       如果是vue-cli等專案的話，需要先npm run build，打包出dist資料夾，再按上面的方式進行。打包有可能會出現執行index.html時是空白頁的情況，解決方案在：http://blog.csdn.net/theoneEmperor/article/details/78155644。

     還有需要注意的是，專案裡不能用線上的框架，如bootstrap，jq等，否則是無法載入的。解決方案在：http://blog.csdn.net/theoneemperor/article/details/78158667