---
# System prepended metadata

title: 使用 Github Pages 上傳你的第一個網頁

---

# 使用 Github Pages 上傳你的第一個網頁

首先開啟iterm輸入`cd project`(前往我們創建好的資料夾)。
![](https://i.imgur.com/LZMAVSw.jpg)

創建一個html檔案，輸入`touch index.html`在輸入`ls`檢查有美有創建成功。
![](https://i.imgur.com/FoZA3tv.jpg)

輸入`git status`確認狀態，看到呈現的結果是紅色的，代表檔案還沒被加入git

![](https://i.imgur.com/M0P4gSI.jpg)

輸入`git add index.html` 將html加入，再次輸入`git status`確認狀態，可以在圖中發現狀態變成綠色

![](https://i.imgur.com/pitRCXE.jpg)

接著準備`git commit`(commit代表我們將檔案從暫存提交至檔案庫)
輸入`git commit -m "add index.html"` (" " 裡盡量放動詞＋名詞讓人知道你做了啥）

![](https://i.imgur.com/8IKerv9.jpg)

輸入`git status`確認狀態clean

![](https://i.imgur.com/iCUVwkj.jpg)

建造一個branch -
git branch 創建一個branch
輸入`git branch gh-pages`

![](https://i.imgur.com/vx5Rbks.jpg)

切換到gh-pages
輸入`git checkout gh-pages`就可以切換到gh-pages

![](https://i.imgur.com/6VLQhA6.jpg)

輸入`git add . `將index.html加入並輸入`git status`確認狀態由 紅 變成 綠

![](https://i.imgur.com/HL5fjzn.jpg)

到自己的GitHub網頁創造新的repo 並給定名稱hhello_github_pages
再輸入`git@github.com:mike8061/hello_github_pages.git`
推上git
在輸入 git push

![](https://i.imgur.com/BrS0fIL.jpg)

創造的repo裡面就有我們剛剛創立的網頁了

![](https://i.imgur.com/7N9Gk2S.jpg)

