1. 程式人生 > 其它 >零成本搭建個人部落格之遷移Pages和域名

零成本搭建個人部落格之遷移Pages和域名

在上文零成本搭建個人部落格之搭建篇中,我將Hugo部落格搭建到 Github Page上,後來考慮到用 Cloudflare cdn加速,乾脆就把部落格站點遷移到Cloudflare Page上,方便管理。

遷移至Cloudflare Page

Cloudflare Page支援直接從Github倉庫拉取檔案並且自動部署,無需額外建立github actions,同時自帶cdn加速以及二級域名,整體配置比較簡單。

  1. 建立一個CloudFlare賬號
  2. 建立page,允許cloudflare訪問github賬號上存放完整部落格程式碼倉庫。
    Framework preset 選擇 Hugo,Environment variables 自行設定成自己倉庫中hugo的版本(該Page預設hugo框架版本太低,不設定無法自動構建)。其餘預設即可。
  3. 構建成功後,page免費送了一個域名,通過域名就可以直接訪問站點了。為了讓靜態資源正常顯示,不要忘記修改部落格專案中config.toml配置檔案, baseURL = "https://hugo-c1e.pages.dev/"

域名設定

儘管已經自帶域名,不過我還是想要一個稍微有個人標識的域名,所以需要額外購買一個。購買的費用一般可以用網站廣告收入來抵消 。域名廠商有很多,國內有 騰訊雲、阿里雲。優點是在國內備案較容易,缺點是必須實名制。國外有GodadyNameSilo等。

經過簡單比較,我最終選擇在NameSilo上購買,好處是域名價格購買和續費相對較便宜,支援支付寶,免費的WHOIS Doamin 保護。先設定NameSilo:

  1. 建立賬號,購買域名,進入Manage My Domains -> Domain Console 。由於使用cloudflare加速需要把NameServer設定成cf,所以自行修改。

    arch.ns.cloudflare.com  
    bailey.ns.cloudflare.com
    

設定CloudFlare(CF):

  1. 首先自行添加個人域名。
  2. 然後進入Pages,繫結域名
  3. 最後在個人域名裡DNS設定中新增一個CName解析,解析到原來免費送的域名即可。