Cloudflare Pages 部署 Hugo

September 22, 20241 minute

主题

Hugo提供了许多可供选择的模板,开箱即用。个人比较喜欢简约的风格,所以选择了Doks

定制

Doks可以通过 npm 直接拉取。

npm create thulite@latest -- --template doks

拉取下来以后修改 config/_default文件夹中相关的配置,自己定制一些菜单、样式。

npm run dev

修改完毕以后,运行看一下效果,没问题的话就可以Push到GitHub。

部署

Cloudflare Pages的部署相较于Github Pages比较简单,不需要自己编写脚本。Doks官方也提供了相应的部署文档。

Note

需要值得注意的是Cloudflare Pages提供的预设环境可能与你本地的环境有较大的差异,会导致部署失败。在Cloudflare的构建配置中去更改相应的Node以及Hugo版本。

配置位置

域名

部署完成后,Cloudflare Pages会依据你的项目名称提供一个访问路径。如果有需要的话,可以在配置中自定义域名。

配置位置