
當你成功使用 GitHub Pages 建立了 帳號名稱.github.io 網頁後,你可能會希望網址能更具個性化,例如變成 www.yourname.com。使用個人專屬網域不僅能提升專業度,對於長期經營個人品牌或 SEO 搜尋排名都有極大的幫助。
🛠️ 第一步:在 GitHub 端設定網域
首先,我們要告訴 GitHub 這個存儲庫要對應到哪一個新地址。
- 進入你的 GitHub 專案存儲庫(Repository),點擊頂部的 Settings 選項。
- 在左側選單找到 Code and automation 區塊,點擊 Pages。
- 在頁面中間找到 Custom domain 欄位,輸入你購買的完整網域(例如:
www.yourname.com)。 - 點擊 Save。此時 GitHub 會在你的存儲庫中自動生成一個名為 CNAME 的純文字檔案,裡面記錄了你的網域。請注意,千萬不要刪除這個檔案。
⚙️ 第二步:在網域註冊商端設定 DNS
這是最關鍵的一步,我們需要將網域的流量「導向」GitHub 的伺服器。請登入你購買網域的平台,進入 DNS 管理介面,並新增以下兩種紀錄:
1. 設定 A 紀錄 (指向 GitHub IP)
你需要新增四筆 A 紀錄。主機名(Host)通常填寫 @,目標 IP 請分別指向以下四個 GitHub 官方提供的伺服器位址:
- 185.199.108.153
- 185.199.109.153
- 185.199.110.153
- 185.199.111.153
2. 設定 CNAME 紀錄 (處理 www 別名)
如果你希望使用者輸入 www 也能連到你的網站,請新增一筆 CNAME 紀錄:
- Host (主機名):輸入
www - Target (目標/指向):輸入你原本的 GitHub 網址(例如:
yourname.github.io)
🔒 第三步:檢查與啟用 HTTPS 安全加密
設定完 DNS 後,通常需要等待幾分鐘到數小時讓全球生效。
- 回到 GitHub 的 Pages 設定頁面。
- 當 GitHub 偵測到 DNS 設定正確後,下方的 Enforce HTTPS 選項將會變為可勾選狀態。
- 務必勾選 Enforce HTTPS。這會讓你的網站擁有安全加密連線(SSL),網址開頭會顯示為
https://,並在瀏覽器上出現安全鎖頭圖示。
💡 實用小撇步
- 確認生效進度:如果你不確定 DNS 是否設定成功,可以使用
DNSChecker.org這種免費工具,輸入你的網域查詢 A 紀錄是否已指向上述的 IP。 - 處理網域衝突:如果你發現網頁無法正常顯示,請檢查是否有多餘的 A 紀錄指向了舊的主機,並將其刪除以避免衝突。
- Cloudflare 使用者請注意:如果你是透過 Cloudflare 管理 DNS,在初始設定時建議將雲端圖示(Proxy)設為「僅限 DNS」(灰色雲朵),待 HTTPS 憑證核發成功後再開啟加速功能。
























