MUKI AI Summary
GitHub 提供簡易環境可執行前端程式,只需在 repo 新增 gh-pages 分支並將檔案 push 即可。使用 Sourcetree 來切換 branch 會改變檔案,不是理想方法。建議使用 npm 套件 gh-pages 管理,安裝指令為 $ npm install gh-pages -g。
gh-pages 套件可簡單地將當前 branch 檔案推送到 gh-pages。執行 $ gh-pages -d . 指令時,需輸入 GitHub 帳號密碼多次。為避免此情況,修改 .git/config,將 repo 位置從 http:// 改為 git@,即可免密碼推送。...
github 提供一個簡易的環境可以執行 HTML/CSS/JS 等前端程式,使用方法很簡單,只要把在 repo 新增一個gh-pages
分支,然後將檔案 push 到該分支即可。
但用 sourcetree 切換 branch,檔案也會隨之改變,並不是個好方法。也許用 sourcetree 有其他的解法,但目前我研究不出來,所以我目前的做法是用 npm
套件去管理。
gh-pages 套件介紹
這個套件就叫做 gh-pages,可以直接在 cmd 執行以安裝 (當然前提是要先安裝 npm 套件管理):
$ npm install gh-pages -g
套件頁面有詳細的文件說明,會告訴你如何做更多進階的設定。
但我要的功能很簡單,只希望把當前 branch 的檔案 push 到 gh-pages
即可,因此請在 Terminal 輸入該指令即可 (最後面可以輸入資料夾位置):
$ gh-pages -d .
這個原理很簡單,就是先把你要的檔案抓下來,再移除gh-pages
裡的檔案,最後再上傳。也因此這些動作都需要輸入 github 的帳號密碼,最少可能要輸入三次,為了避免這種情況,我們必須要修改 config,將你的 repo 位置從 http://
改為 git@
修改 config 檔案
請在 Terminal 利用 vim 或任一編輯器打開 config (該檔案為隱藏檔)
$ vim .git/config
在[remote "origin"]
裡面有一個url
,將它的路徑改為git@
開頭的 repo 位置即可。
最後存檔再試著執行gh-pages -d .
,就會發現不用再輸入密碼了唷!