1 准备工作

  • 安装 hugo 并创建 hugo 项目,此步骤略;

2 在 github 创建私有仓库并将代码 push 到刚刚创建的仓库中

  • 基于图形界面创建即可,具体步骤略;
  • 推送代码:
echo "# blog" >> README.md
echo "public/" > .gitignore
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:sopuy/blog.git
git push -u origin main
  • 注意事项:
    • 仓库创建私有仓库即可;
    • 创建 .gitignore 文件,并添加 public/,表示不将 public 目录下的文件提交到 github;
    • hugo 配置文件记得放在项目路径下,主题内的文件都不需要修改;主题中的个性化需求通过项目路径下的 assets/layouts 等目录实现;

3 在 cloudflare pages 关联 github 仓库并使用 hugo 构建

  • 按照 cloudflare docs 官方文档配置即可;但是有以下几个注意事项:
    • 通过变量配置 hugo version 的版本,因为默认会使用很老的版本。选择的版本建议与本地保持一直。例如 HUGO_VERSION=v0.134.2
    • 构建命令使用如下命令:hugo

4 使用 cloudflare 配置 cdn 及解析

  • 使用 cloudflare 配置 cdn 及解析即可,具体步骤略。

5 参考