Cloudflare+Github搭建一个自己的博客网站

写在前面

本教程适合有自己域名的人。如果你没有域名，也可以直接用 GitHub Pages。

你需要有：

• 一个已注册的域名（如没有可先用 GitHub Pages 体验）
• GitHub 账号（或 GitLab）
• Cloudflare 账号

创建并配置博客仓库

1. 登录 GitHub，访问 starter 仓库。
2. 点击 Use this template，选择 Create a new repository。
3. 给新仓库命名，建议设置为私有或公开均可，完成创建。
4. 关闭 GitHub Actions 自动部署：
   • 删除 .github/workflows/deploy.yml 文件。
   • 在 GitHub Actions 页面中删除相关工作流。
   • 这样做是为了避免和 Cloudflare Pages 的自动部署冲突。

Cloudflare Pages 配置

1. 登录 Cloudflare，进入“构建 → 计算和AI → Workers 和 Pages”。
2. 选择底部的“Looking to deploy Pages? Get started”。
3. 导入现有 Git 仓库，选择刚刚创建的博客仓库。
4. 选择生产分支为 main，并按下表配置：

构建设置	值
构建命令	bundle install --jobs 4 --retry 3 && bundle exec jekyll build -d _site
构建输出目录	_site
（环境变量名称）JEKYLL_ENV	production

1. 保存并部署。
2. 在“自定义域”中添加并配置自己的域名，按提示完成 DNS 解析。

博客内容更新流程

1. 在 main 分支撰写或修改博文。
2. 提交并推送到远程仓库：

   git add .
   git commit -m "update site"
   git push -f origin main
   

3. Cloudflare Pages 会自动检测到变更并自动部署，无需手动操作。

补充

问：为什么没有使用 GitHub Pages ？

答：个人免费版的 GitHub Pages 需要将仓库保持公开状态才能使用，个人觉得源文件没必要展示。