###### tags: `FM631A` `FM628A` `FM633A`
# 使用 GitHub Pages 架設個人網站
:::info
GitHub 原本是檔案版本控制的雲端平台。不過它提供有一個 GitHub Pages 功能, 可以當作網頁伺服器使用, 只要將 HTML 檔上傳至 GitHub, 即可用使用瀏覽器取得網頁。
:::
## 註冊 GitHub 帳號
連線至 https://github.com/ 頁面並依照下列步驟完成:
![](https://i.imgur.com/3c0B3y9.png)
![](https://i.imgur.com/toodFIy.png)
![](https://i.imgur.com/TzPqOhl.png)
![](https://i.imgur.com/KMtFf3a.png)
![](https://i.imgur.com/Tgud9Ur.png)
![](https://i.imgur.com/CrOnMUp.png)
## 使用 GitHub
### 建立倉庫
Github 的使用是以**倉庫 (repository)** 為單位, 倉庫內可以存放各式各樣的檔案, 接著我們就要建立一個專屬於 Github Pages 的倉庫, 讓我們可以存放後續實驗所需的網頁。
![](https://i.imgur.com/3j6nJeD.png)
![](https://i.imgur.com/T1tQ2Zc.png)
![](https://i.imgur.com/GRJNz1q.png)
### 上傳檔案
倉庫建立完成後就可以開始上傳檔案, 請準備如下的文字檔 test.txt:
![](https://i.imgur.com/zcI5akk.png)
準備好檔案後, 就可以上傳到 GitHub 了:
![](https://i.imgur.com/0IDXDyt.png)
![](https://i.imgur.com/zwX5jee.png)
![](https://i.imgur.com/hSaVZwe.png)
![](https://i.imgur.com/sv8MYAF.png)
:::info
將檔案放入倉庫的動作稱為 commit, 除了儲存檔案外, 也會記錄不同時間儲存的檔案內容, 以便能夠將檔案內容回復到特定時間點。
:::
### 瀏覽網頁
將檔案成功上傳到 GitHub 後, 在瀏覽器輸入以下網址就能看到網頁內容:
```
https://使用者名稱.github.io/test.txt
```
:::warning
請務必在網址開頭填入自己 GitHub 帳號的**使用者名稱**。
:::
![](https://i.imgur.com/ROyHHDO.png)
前半段的 `https://使用者名稱.github.io` 是 GitHub Pages 的伺服器網址, 後半段則是檔案名稱。
利用這樣的方式, 我們就可以把網頁檔案放到 GitHub 上, 用 GitHub 來建置專屬的個人網站了。