使用 Cloudflare Pages 部署 Hugo 博客

Cloudflare Pages 是一个 JAMstack 平台,用于前端开发人员协作和部署网站。简单的来说就是可以通过此平台,部署静态网站。

开始之前,需提前将 Hugo 博客生成的文件托管于 Github 或 Gitlab 平台。

Cloudflare Pages 提供了三种方式创建项目:

  • 连接到 Git
  • 直接上传
  • Wrangler Cli

这里选择连接到 Git ,选择 Github 或 Gitlab 平台,添加账户,选择 Hugo 文件的仓库。

Git

不同的主题对 Hugo 版本会有不同的要求,在构建设置中,可以通过环境变量:HUGO_VERSION 来指定使用的 Hugo 版本。

hugo_version

最后点击保存并部署,平台将自动拉取主分支文件并部署发布。

Cloudflare Pages 平台我在使用中发现有两个缺点:

  1. 在国内的访问速度并不是很友好,但总体来说还是可以用的。
线路最快节点最慢节点平均响应
电信上海127ms新疆乌鲁木齐217ms170.1ms
多线江苏徐州152ms辽宁大连184ms167.7ms
联通山东济南167ms安徽合肥253ms200.5ms
移动安徽合肥195ms四川成都230ms212.5ms
其他德国<1ms韩国200ms17.8ms
  1. 自动重定向:当访问 a.html 后缀的页面时,总是会重定向为 /a/ 。这点如果在 Hugo 配置中,没有开启 uglyurls 可忽略不计。