Hong Cheung 
為什麼你會想用 GitHub 架設網站？
因為它既簡單又免費。在開始之前，讓我們先看看一些優缺點，並確認它是否符合你的需求。
優點
它會幫你處理好網域名稱，而且你不必擔心儲存空間被收費或流量過高。你只需要一個免費的 GitHub 帳號。
缺點
你無法在 GitHub Pages 上架設動態網站，只能架設靜態網站。這表示你無法架設伺服器來接收傳入的流量，例如使用 express.js 或 flask，你只能架設靜態網站。不過，它可以是動態的靜態網站——你仍然可以在上面執行腳本，只是這些腳本必須事先載入。
另一個缺點是，如果你使用免費帳號執行 GitHub Page，你的 GitHub 儲存庫（也就是你的網站檔案與目錄）會是公開的。這表示每個人都能看到並瀏覽你的檔案。所以你最好別在網站資料夾裡放入任何機密內容。
話雖如此，它仍然很適合用來架設你不介意公開程式碼的簡單網站。例如你的個人履歷、簡單的公司網站，或簡單的部落格。或者你只是想測試自己的動態靜態網頁應用程式。
先備條件
- 一台能上網的電腦。
- 基本的電腦操作能力。
- 一個免費的 GitHub 帳號。
如何建立免費 GitHub Page 的逐步指南
- 建立一個 GitHub 帳號。
登入後，建立新的儲存庫。請務必選擇「Public」。
建立好空的儲存庫後，點選「create new file」。
- 複製並貼上下方的範例程式碼，並將檔案命名為 index.html 來建立這個檔案。
畫面應該會像這樣。點選 commit changes。
前往 Settings 分頁 > 側邊欄的 Pages > Branches - 選擇 main 並點選 save。
現在回到你的儲存庫，等待幾分鐘。
重新整理頁面，你就會看到 GitHub page 已成功發布。
做得好！你的 GitHub Page 現在已經可以透過這個連結瀏覽了！
範例程式碼：
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>My Website</title> <link rel="stylesheet" href="./style.css"> <link rel="icon" href="./favicon.ico" type="image/x-icon"> </head> <body> <main> <h1>Welcome to My Website</h1> </main> <script src="index.js"></script>2 collapsed lines
</body></html>接下來呢？
如果你是個新手，我真的很建議你去上 freeCodeCamp.org 上的免費課程，它幾乎涵蓋了你入門網頁開發所需知道的一切。
雖然 GitHub page 很容易架設，但它也有一些限制，隨著你在網頁開發上持續進步，可能會限制你能做的事。如果你認真想投入這個領域，了解 React、Next、Flask、Express.js 等不同的開發技術至關重要。在這方面，GitHub Page 就是不夠用。你需要尋找其他方案，例如 Netlify、Digital Ocean，最終則是搭配 Docker 執行個體的自架 VPS，讓你自己架設網站的每一個部分。
Cloudflare 與 GitHub Pages 的比較
雖然 GitHub page 容易架設且適合新手，但現在我傾向使用 Cloudflare pages，它不僅免費且流量無上限，如果你透過 Cloudflare 購買網域，它還會幫你設定自訂網域。除此之外，你的儲存庫也可以設為私人。所以，它可說是 GitHub page 的進化版。你或許也可以去看看。
如果這份指南對你來說不夠清楚，你可以參考 GitHub 的官方指南這裡。
