設定 GitHub Page 的 Domain Name

Posted on:December 29, 2023 at 

概述

在 Namecheap 買完 domain name 後就可以來設定網站了，這邊我是用 GitHub Page 來 host 的，下面會來介紹一下這個過程

步驟

首先，先到 Namecheap 登入後，點選 Account 下的 Domain List

image.png

進來後，點選想要設定的 domain name 右側的 MANAGE

image.png

然後，這裡再點 Advanced DNS 就會到以下這個頁面

image.png

接著，點 ADD NEW RECORD 來新增以下的設定來指向 GitHub 的 DNS server，username 記得設定成自己的使用者名稱

TypeHostValeTTL
A Record@185.199.108.15330min
A Record@185.199.109.153Automatic
A Record@185.199.110.153Automatic
A Record@185.199.111.153Automatic
CNAME Recordwwwusername.github.io30min

設定完就是以下這樣的畫面

image.png

最後到你 Repository 後，點 Setting 之後點選左側的 Pages，接著在 Custom domain 欄位輸入自己的 domain name，然後 GitHub 會開始驗證，待完成後下面就會顯示成功

image.png

如此一來不論是輸入 <username>.github.io 還是自己的 domain name 就都可以連到你的網站了

Reference