零成本搭建个人博客之迁移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/"

域名设置

尽管已经自带域名，不过我还是想要一个稍微有个人标识的域名，所以需要额外购买一个。购买的费用一般可以用网站广告收入来抵消 。域名厂商有很多，国内有 腾讯云、阿里云。优点是在国内备案较容易，缺点是必须实名制。国外有Godady、NameSilo等。

经过简单比较，我最终选择在 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 解析，解析到原来免费送的域名即可。