0%

[Hexo]Github Page:設定Domain Name

前提情要

筆者寫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原始碼端設定

筆者參考的幾篇文基本上都介紹到上個步驟就停止了,但對於部落格中產生RSSxml檔案來說,必須得在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,就可以擁有很漂亮的域名,值得花錢投資。

參考