設定自訂域名到 Github Pages

五 19 2月 2016 by leafwind
48

這東西的教學其實很基礎而且到處都有

但我居然鬼打牆了好幾天才設定完成

追根究柢,除了自己設定天兵之外

我發現大家都花篇幅在解釋 DNS 的運作原理

但每個設定步驟與背後 DNS 原理的關係卻含糊帶過,甚至誤導的都有..

於是手癢還是自己記一下好了..

兩個步驟

Github Pages 會提供每個使用者一個 domain name 叫做 username.github.io

而假設我買了一個 leafwind.tw 的 domain name

那要把 leafwind.github.io 替換成 leafwind.tw 就要做兩件事:

目標一

把買來的 leafwind.tw 對應到 github server 的 IP,讓瀏覽器看到這個網址去問 github server

作法:新增兩筆 A record 到你的 DNS 設定檔

這個設定可以是放在 domain 的供應商,也可以是另外的 DNS server

Name Type Value
@    A    192.30.252.153
@    A    192.30.252.154

可以想像是 leafwind.tw => 192.30.252.153 的關係

(若是 subdomain 則建議用 CNAME record)

目標二

讓 github server 知道當它被問的時候,是哪一個 repo. 要對應到 leafwind.tw

作法:新增 CNAME 檔案到你的 repo.

檔案內容為一行

leafwind.tw

現在示意圖變成 leafwind.tw => 192.30.252.153 => leafwind.github.io

這裡的箭頭是指網頁內容,並不是真的轉址,網址仍然是 leafwind.tw


而其實新增這個 CNAME 檔案還有另一個功能

就是當你輸入 leafwind.github.io 的時候,會自動轉址到 leafwind.tw

CNAME 的 C 就是 Canonical 的意思)

[1.] setting-up-a-custom-domain-with-github-pages/


Comments