基于 GitHub 与 Cloudflare Pages 的零成本博客搭建指南

零成本搭建永不过期的个人博客 (Cloudflare Pages + GitHub)

这个方案的核心逻辑是：GitHub 存放源代码 + Cloudflare Pages 负责自动构建、托管和全球加速。

第一步：选择并初始化博客框架

推荐使用 Hugo (速度最快) 或 Hexo (插件最丰富)。以下以 Hugo 为例：

1. 在 GitHub 上找模板：
   • 访问 Hugo Themes 或直接在 GitHub 搜索 Hugo theme。
   • 快捷操作：找一个带 "Deploy to Cloudflare" 按钮的项目，可以直接一键克隆。
2. 创建你的仓库：
   • 在 GitHub 新建一个仓库（例如：my-blog）。
   • 如果你本地有代码，关联并 git push 到 GitHub。

第二步：配置 Cloudflare Pages

1. 登录控制台：打开 Cloudflare Dashboard，点击左侧菜单的 Workers & Pages。
2. 创建项目：点击 Create application -> Pages -> Connect to Git。
3. 授权 GitHub：选择你刚才创建的 my-blog 仓库。
4. 构建设置 (Build Settings)：
   • Framework preset: 选择 Hugo (或你用的框架)。
   • Build command: hugo。
   • Build output directory: public。
5. 部署：点击 Save and Deploy。

第三步：获取你的免费域名

• 部署完成后，Cloudflare 会分配一个类似 my-blog.pages.dev 的二级域名。
• 特性：
  • 自带 SSL 证书（HTTPS）。
  • 全球 CDN 加速。
  • 永久免费且不会过期。

第四步：进阶玩法（选配）

1. 绑定顶级域名

如果你以后买了 .com 或 .top 域名，直接在 Pages 的 Custom domains 选项卡里添加即可。CF 会自动帮你配置 DNS 和证书。

2. 内容发布流程

• 你不需要在 Cloudflare 网页上操作。
• 流程：本地写 Markdown 文章 -> -> 。