將React發布到github page

 因為heroku很方便所以之前都放到，不過說真的React.js純前端放在heroku上就很沒必要。所以就看一下介紹原來發布到github page這麼簡單方便。

1. 安裝gh-pages套件

yarn add gh-pages

我有些寫的超亂的code不是很想分享source出去，就會開另外一個public的github

2. 加入另外一個github repo

git remote add gh-pages {github-repo-url}

我這裡會把該remote命名為gh-pages

3. 修改一下react script的package.json

3.1 改一下private為false

3.2 設定一下homepage為上一步驟的repo

"homepage": "https://{github-user-name}.github.io/{repo_name}/",

3.3 再修改一下script部份

"predeploy": "react-scripts build",

"deploy": "gh-pages -d build -o gh-pages",

-d 是用來指定要build的目錄進行發布

-o 是用來指定remote名稱

4. 發布你的github page

yarn deploy

發布上去之後不會立刻就完成，要等到github action跑完才會更新。

約等個2-5分鐘在回來看你的github.io就會看到發布的結果

https://{github-user-name}.github.io/{repo_name}/