Hexo + Cloudflare Pages 搭建个人博客

本文记录如何用 Hexo 写博客，并把源代码放在 GitHub、由 Cloudflare Pages 自动构建与托管，实现「推送即发布、全球加速」。

为什么选这个组合

方案	优点	缺点
仅 GitHub Pages	零额外注册	国内访问慢、无 CDN
GitHub + Cloudflare Pages	全球 CDN、构建快、免费	多一步配置

追求低成本 + 完全控制权，选后者最合适。

本地初始化

npx hexo-cli init my-blog
cd my-blog
npm install hexo-theme-fluid

在 _config.yml 里设置 theme: fluid，再写 _config.fluid.yml 做个性化。

推送到 GitHub

仓库名必须是 用户名.github.io（本项目即 AhHaiBoy.github.io），只提交源码：

git init
git add .
git commit -m "init blog"
git branch -M main
git remote add origin git@github.com:AhHaiBoy/AhHaiBoy.github.io.git
git push -u origin main

Cloudflare Pages 构建配置

在 Cloudflare 控制台新建 Pages 项目，连接上面的 GitHub 仓库：

• 构建命令：npm run build
• 输出目录：public
• Node 版本：22

每次 git push 后，Cloudflare 会自动重新构建并上线。

小结

整套流程完全基于 Git 版本控制，部署只需一次 push。后续要绑定自定义域名（如 .tk / .ml），在 Cloudflare 的 DNS 里加一条 CNAME 即可。