零成本搭建個人部落格之遷移Pages和域名
阿新 • • 發佈:2022-05-29
在上文零成本搭建個人部落格之搭建篇中,我將Hugo部落格搭建到 Github Page上,後來考慮到用 Cloudflare cdn加速,乾脆就把部落格站點遷移到Cloudflare Page上,方便管理。
遷移至Cloudflare Page
Cloudflare Page支援直接從Github倉庫拉取檔案並且自動部署,無需額外建立github actions,同時自帶cdn加速以及二級域名,整體配置比較簡單。
- 建立一個CloudFlare賬號
- 建立page,允許cloudflare訪問github賬號上存放完整部落格程式碼倉庫。
Framework preset 選擇 Hugo,Environment variables 自行設定成自己倉庫中hugo的版本(該Page預設hugo框架版本太低,不設定無法自動構建)。其餘預設即可。 - 構建成功後,page免費送了一個域名,通過域名就可以直接訪問站點了。為了讓靜態資源正常顯示,不要忘記修改部落格專案中config.toml配置檔案,
baseURL = "https://hugo-c1e.pages.dev/"
域名設定
儘管已經自帶域名,不過我還是想要一個稍微有個人標識的域名,所以需要額外購買一個。購買的費用一般可以用網站廣告收入來抵消 。域名廠商有很多,國內有 騰訊雲、阿里雲。優點是在國內備案較容易,缺點是必須實名制。國外有Godady、NameSilo等。
經過簡單比較,我最終選擇在NameSilo上購買,好處是域名價格購買和續費相對較便宜,支援支付寶,免費的WHOIS Doamin 保護。先設定NameSilo:
-
建立賬號,購買域名,進入Manage My Domains -> Domain Console 。由於使用cloudflare加速需要把NameServer設定成cf,所以自行修改。
arch.ns.cloudflare.com bailey.ns.cloudflare.com
設定CloudFlare(CF):
- 首先自行添加個人域名。
- 然後進入Pages,繫結域名
- 最後在個人域名裡DNS設定中新增一個CName解析,解析到原來免費送的域名即可。