CloudflarePages+GitHub零成本博客搭建手册

🚀 零成本搭建永不过期的个人博客 (CF 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 文章 -> git commit -> git push

  • 自动触发:Cloudflare 监测到 GitHub 提交后,会在 1 分钟内自动完成构建并更新上线。

3. 评论系统 (完全免费)

推荐使用 Waline (基于 LeanCloud) 或 Giscus (基于 GitHub Discussions)。

为什么这个方案"永不丢失"?

  1. 代码在 GitHub:即使 Cloudflare 倒闭(概率极低),你的原始文章和模版都在 Git 仓库里,随时可以迁移。

  2. 静态化:博客生成的全是 HTML 文件,不依赖数据库,极难被黑,维护成本几乎为零。

  3. 免费额度:Cloudflare Pages 的免费额度对于个人博客来说绰绰有余(无限流量,每月 500 次构建)。

💡 避坑小建议

  • 图片处理 :不要把大量高清原图直接塞进 GitHub 仓库。建议使用 Cloudflare R2(有免费额度)或者简单的图床。

  • 环境版本 :如果在构建时报错,记得在 Pages 的环境变量里设置 HUGO_VERSION

相关推荐
云空7 小时前
《VPython 相关的 GitHub 仓库地址清单》
github·可视化·vpython
小弥儿10 小时前
GitHub今日热榜 | 2026-08-14:OSINT情报工具回流,本地AI赛道升温
人工智能·学习·开源·github
Shell运维手记1 天前
Linux 常用基础命令学习笔记
linux·运维·笔记·学习·算法·github
码流怪侠1 天前
StereoCrafter 源码级深度拆解:腾讯如何把 2D 视频“抠“成 3D
github·音视频开发·webvr
fthux1 天前
不必下载整个仓库:GitZip Pro 让 GitHub 文件与文件夹批量下载更简单
前端·chrome·ai·edge·开源·github·firefox
人工智能研究所1 天前
GitHub 10k+ Star:用自然语言描述系统,AI 帮你生成可交互架构图
人工智能·github·交互·自然语言·系统架构图·archify
逛逛GitHub1 天前
一个 Skill.md 拿下 1.8 万星,这个 GitHub 项目让 AI 先说重点。
github
云空1 天前
《GitHub 从入门到进阶完整教程》
github
Timeless1591 天前
Git与TortoiseGit使用教程:第二章 Git常用命令及TortoiseGit使用教程
github
用户69371750013841 天前
深夜炸场!DeepSeek 没发新模型,却重构了整个 Agent 生态
前端·后端·github