github page進階使用branch分支產生靜態頁面

在使用這技術之前習慣依最簡單的方式，不開分支只傳在master主支上
直到最近發現github有相關教學，完全解決了原本使用vue打包不知道如何產生靜態頁面的疑惑

Step1

先新增repo的名字為name.github.com
將其repo clone下來
指令如下

git clone https://github.com/你的帳號名稱/name.github.com.git

Step2

建立一個分之名稱叫做gh-pages並切換至分支裡，
這邊需特別注意的一點是，一般開分支都會繼承主支的內容，
**只要在指令裡多下--orphanru就可以單獨為一個分支內容 **

指令如下

git checkout --orphan gh-pages //建立一個沒有parent的branch，並移到該branch上

Step3

將編輯好的內容上傳至github及可完成

git add .
git commit
git push origin gh-pages

Step4

來到最後一個步驟，也是一開始github就會自動產生靜態頁面網址的部分
在設定裡撿查是否產生網址的路徑是在分支，是的話就可以直接開始網址打上命名的html
就可以產生靜態頁面的網址囉!

以下為學習時參考的網頁
kpman
github-pages

還有許多林林總總的網站，若有想到會再補上，以上為個人學習紀錄