博客搭建

如何使用 GitHub + Cloudflare Pages 搭建完全免费的个人博客

为什么选择这个方案? 这是当前个人博客搭建的「天花板级免费方案」,完美匹配 免费、安全、隐私优先、高可靠 的需求: ✅ 完全0成本,无任何隐性消费 ✅ 隐私100%可控:所有原始内容存在你自己的GitHub私有仓库,任何第三方都无法获取你的草稿、未发布内容 ✅ 全球访问速度快:Cloudflare全球300+节点CDN加速,纯静态页面加载仅需几百毫秒 ✅ 企业级安全:免费HTTPS、DDoS防护、防入侵,比绝大多数自建站更安全 ✅ 无限流量、无限存储空间,无广告打扰 ✅ 高度自定义:可以任意更换主题、添加功能,不受平台限制 ✅ 内容完全可迁移:所有源文件都在你手里,随时可以迁到其他平台 前置准备 你只需要两个免费账号: GitHub账号(你Chrome上已经登录了,直接用就行) Cloudflare账号(https://dash.cloudflare.com/sign-up 注册,完全免费) 步骤1:创建内容仓库与发布仓库 打开GitHub:https://github.com/new 填写仓库信息: 内容仓库名:比如 my-blog(随便取,英文即可) 内容仓库类型选择 Private(私有,避免你的原始内容、草稿被公开) 勾选 Add a README file 点击 Create repository 创建完成 再创建一个发布仓库: 发布仓库名:比如 my-blog-public 发布仓库类型选择 Public 或 Private 点击 Create repository 创建完成 步骤2:上传博客文件到内容仓库 我已经帮你生成了完整的博客项目文件,存在你本地的 /Users/liwei.ok/.openclaw/workspace/github-cloudflare-blog/ 目录下,直接上传到内容仓库即可: 打开刚才创建的内容仓库页面,点击 Add file → Upload files 把本地 github-cloudflare-blog 目录下的所有文件全部拖到上传框里 点击 Commit changes 完成上传 步骤3:绑定Cloudflare Pages自动部署 打开Cloudflare控制台:https://dash.cloudflare.com/ 左侧菜单找到 Pages → 点击 Create project → 选择 Connect to Git 授权Cloudflare访问你刚才创建的发布仓库 配置部署参数: 项目名称:随便取,比如 my-blog,这个就是你的免费二级域名前缀,最终访问地址是 https://项目名.pages.dev 生产分支:public/release 构建命令:hugo 构建输出目录:public 点击 Save and Deploy,等待1分钟左右,部署就完成了! 部署成功后,Cloudflare会给你一个免费的访问地址,打开就能看到你的博客了。 在内容仓库配置 CI,同步构建产物到发布仓库的 public/release 分支 后续怎么发布新文章? 超级简单,两步搞定:

Read More