前情提要

筆者寫Blog有一段時間了，去年買了自己的名字域名後，一直沒空去設定它，一直都使用github io預設的域名，上週終於有空來設定了。筆者買很夯的.me結尾的域名，剛好歐洲的一個小國家的代碼為me，筆者這邊買的自然就是https://eugenesu.me了。筆者這篇以整個設定到生效的過程一一介紹，若以筆者一樣使用hexo當blog生產工具，且想要將自己的github page掛上域名的，可以參考使用。

內容

筆者使用最簡單的方式解釋一下整個設定過程：

購買域名並掛上SSL，及設定DNS資訊
Github Repo端綁定其上述購買的域名

接著針對每一個步驟，筆者會一一說明其設定步驟

購買域名

筆者是在https://www.smarterasp.net/該網站購買筆者的域名，因筆者有經驗幫親朋好友架簡單網站時候使用過該站台的服務，滿簡單使用的。

該平台是購買一個hosting方案，會在自己購買的hosting方案上，可以購買及設定

域名
VPN
SSL

等各種服務，購買方式跟其他域名平台大同小異，筆者就不另外截圖。

購買SSL

現在講求https時代，當然也幫自己的域名購買一個SSL，筆者這邊也是透過上述的平台上購買其SSL憑證，結帳後會有客服會幫忙設定，等生效需要一段時間，購買過程跟其他平台大同小異，基本上購買時需要指定哪個Domain Name，以筆者使用的平台來說，購買方案有

筆者這邊購買SSL-S這個單個Domain的方案，因為綁定SSL必須要有靜態IP，因此必須得再買一個靜態IP

接下來就照著步驟結帳即可。

DNS設定

上述的都搞定後，必須設定DNS資訊，新增四個A record及一個CNAME record

Github端綁定域名

在blog repo端設定其對應的域名，設定位置：Settings > Pages > Custom Domain

基本上這一步驟中主要透過介面產生CNAME檔案，筆者在下一個步驟中會教學直接使用github repo本機端手動增加CNAME檔案，因此若要先看一下效果，可以使用這個介面操作方式先看一下效果。

Github IO原始碼端設定

筆者參考的幾篇文基本上都介紹到上個步驟就停止了，但對於部落格中產生RSS的xml檔案來說，必須得在blog config中設定其對應的域名，讓它產生靜態頁面時，一併產生出來的RSS xml檔上的域名會是對的。

1
2
3

# _config.yml
# URL區塊
url: https://eugenesu.me

接著大部分的config都會設定對應的github repo以利版控，這時問題來了，你只要將手邊的最新檔案推到Github Repo上，若沒有做額外的動作，於上個步驟設定時產生的CNAME檔案會被蓋掉，因此這步驟會非常重要。也在自己blog端也手動加入CNAME檔案，以至於使用hexo deploy時，也會一併將CNAME檔案也加入版控中，這樣兩邊都會對起來，你只要跟之前一樣deploy即可。

1
2
3

cd Blog/EugeneBlog
cd source
touch CNAME

於CNAME檔案內容中增加自己的域名

1 2	# CNAME eugenesu.me

結論

筆者這邊列一下總費用，以一年時間為例，可以給想要擁有自己域名的朋友參考

域名: USD$30(含域名及privacy)
SSL:USD$53(含SSL及靜態IP)

筆者覺得.me結尾域名，先買起來放著，覺得很有自己品牌的概念，以上述加一加，不到台幣2500，就可以擁有很漂亮的域名，值得花錢投資。

參考

Buy me a coffee

Eugene's Blog

[Hexo]Github Page:設定Domain Name