[Javascript] Github腳本發佈靜態網站: gh-pages

gh-pages
https://github.com/tschaub/gh-pages

github pages官方教學
https://pages.github.com

GitHub Pages架設靜態網站
https://medium.com/@NorthBei/%E4%B8%8D%E7%94%A8%E6%87%82git%E4%B9%9F%E8%83%BD%E7%94%A8github-pages%E6%9E%B6%E8%A8%AD%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99%E4%B8%A6%E7%B6%81%E5%AE%9A%E7%B6%B2%E5%9F%9F-c60c02bc470c

使用 GitHub 免費製作個人網站
https://gitbook.tw/chapters/github/using-github-pages.html

gh-pages為對github專案(repository),自動建立gh-pages的分支(branch),即可使用github內建的靜態網頁。

npm安裝:
npm install gh-pages --save-dev

於package.json內設定deploy指令,dist可自己更換為靜態網站所在資料夾:
"scripts": {
  "deploy": "gh-pages -d dist"
}

npm執行發佈(deploy):
npm run deploy

github網站位置,{user name}改為自己的github使用者名稱,{repository name}改為自己專案名稱:
https://{user name}.github.io/{repository name}

例:
https://yuda-lyu.github.io/wsemi/wsemi.html


#Javascript, gh-pages, github, static web

留言