［情境劇場］

小當家：哇！怎麼來了這麼多外國人

解師傅：嘿嘿～因為我們把網站偷偷發布上線了，沒想到成效這麼好啊！

React 熱炒店已名聲遠播，但這不會是終點，它們會為世人再做出更美味的料理

gh-pages 可以將我們製作的專案很簡易的部署到 Github

安裝 gh-pages

// npm
npm install --save gh-pages

// yarn
yarn add gh-pages

先安裝 gh-pages，接著執行下面的動作

1. package.json 添加 homepage、scripts 指令

package.json

{
	"name": "my-app",
	"homepage": "https://myusername.github.io/my-app",
	// more...
}

加入 homepage，在 myusername 帶入自己的 github 帳號、在 my-app 帶入專案名稱

{
  "scripts": {
	"predeploy": "npm run build",
	"deploy": "gh-pages -d build",
    // more...
  }
}

在 scripts 欄位中添加 predeploy、deploy 指令

1
2
3

git remote add origin https://github.com/myusername/my-app.git
git branch -M main
git push -u origin main

myusername 為自己的 github 帳號、my-app 為專案名稱

1	npm run deploy

在終端機輸入指令

部署後會多了一個 gh-pages 分支，將網站指定此分支後，部署就完成囉！

為期 30 天的鐵人賽完成了～～～太令人感動的一刻！
很開心自己可以堅持到最後，每天要寫一篇技術文章不是一件容易的事，
在寫文章同時也更了解 React 的生態，也可能可以幫助到別人(不知道有沒有XD)
IT 鐵人賽完賽 get～明年再見吧！！

最近時賦學苑開了實體體驗課，即使你對程式碼沒有概念也能上手！Lala 會帶你一起做出一個個人品牌形象網站，帶你快速了解前端的開發流程，快跟我們一起玩轉 Web 吧！

線上課程可以加速學習的時間，省去了不少看文件的時間XD，以下是我推薦的一些課程
想學習更多關於前後端的線上課程，可以參考看看。

Hahow 有各式各樣類型的課程，而且是無限次數觀看，對學生或上班族而言，不用擔心被時間綁住

如果你是初學者，非常推薦六角學院哦！
剛開始轉職也是上了六角的課，非常的淺顯易懂，最重要的是，隨時還有線上的助教幫你解決問題！

Udemy 裡的課程非常的多，品質普遍不錯，且價格都滿實惠的，CP值很高！
也是很多工程師推薦的線上課程網站。