無論你是想建立個人履歷、作品集，還是測試剛寫好的小專案，在 GitHub 上建立網頁最簡單且完全免費的方式就是使用 GitHub Pages。這項強大的功能可以讓你將存儲庫（Repository）中的程式碼直接轉化為公開的網站。
跟著以下的快速上手指南，只要三個步驟，你的第一個網頁就能順利上線！
🚀 步驟一：建立存儲庫 (Repository)
要建立網站，我們首先需要一個存放網站檔案的空間。- 登入你的 GitHub 帳號，點擊右上角的 「+」，選擇 New repository（新增存儲庫）。
- 設定 Repository name（存儲庫名稱）：
- 如果你希望未來的網址是個人專屬的 帳號名稱.github.io，請務必將名稱設定為 你的帳號名稱.github.io（例如：你的帳號是 myname，就輸入 myname.github.io）。
- 如果這只是一個特定專案的展示，名稱可以隨意設定（網址將會變成 帳號名稱.github.io/專案名稱）。
- 將可見度設定為 Public (公開)，否則 GitHub Pages 無法免費使用。
- 勾選 Add a README file（這能幫助你初始化存儲庫），最後點擊 Create repository。
📄 步驟二：上傳網頁檔案
有了空間後，接著要把網頁內容放進去。
- 在剛建好的存儲庫頁面中，點擊上方的 Add file，然後選擇 Create new file（建立新檔案）。
- 在檔名欄位輸入
index.html（請注意，網站的首頁一定要叫這個名字，系統才抓得到）。 - 在下方的編輯大框框中，輸入簡單的 HTML 測試內容，例如：
<h1>哈囉！這是我的 GitHub 網頁</h1>
<p>我的第一個網站成功上線了！</p>
- 滑到頁面最下方，點擊綠色的 Commit changes 按鈕來儲存檔案。
🌐 步驟三：啟動 GitHub Pages
檔案準備好後，最後一步就是把網站的「開關」打開。
- 進入該存儲庫，點擊頂部選單的 Settings (設定)。
- 在左側選單往下找，點選 Pages。
- 在畫面中間的 Build and deployment 區塊下，找到 Branch（分支）的設定。將原本的
None點開，改成 main，然後點擊旁邊的 Save 儲存。
✨ 成果驗收與進階玩法
設定完成後，請稍等約 1 到 3 分鐘。重新整理 Pages 的設定頁面，你會在頂部看到一行提示：
Your site is live at https://你的帳號.github.io/...
點擊那個連結，恭喜你，你的網頁已經正式發佈到全世界了！
💡 給新手的進階建議：
- 本機端開發更方便：當你的網頁檔案變多（加入 CSS 或 JavaScript 檔案），建議下載 GitHub Desktop 或是直接在 VS Code 等編輯器中透過 Git 指令來推送檔案，效率會高很多。
- 未來擴充性：當你熟悉了基本操作後，未來甚至可以在 Pages 設定中綁定專屬的個人網域，或是為網站加上 Google Analytics 來追蹤網站流量。如果你後續打算使用 React 或 Vite 等框架開發更複雜的網站，GitHub Pages 也能完美配合進行自動化部署。
