0 成本 10 分钟用 Cloudflare + GitHub + Astro 搭建一个全球秒开、永久免费的顶级个人博客

423 阅读3分钟

《有了域名之后,0 成本 10 分钟用 Cloudflare + GitHub + Astro 搭建一个全球秒开、永久免费的顶级个人博客》

—— 2025 年 11 月最新最稳全流程(亲测 100% 成功版,已补全阿里云 Nameserver 修改细节)

最终效果

  • 域名:你自己的 xxx.com / xxx.space
  • 速度:全球 CDN,首屏 < 50ms,Lighthouse 100 分
  • 费用:0 元(免费额度几年都用不完)
  • 维护:只管写 Markdown,push 一下 30 秒自动更新
  • 永不宕机、无限流量、自动 HTTPS

第一步:把域名托管到 Cloudflare(3 分钟)

  1. 注册/登录 dash.cloudflare.com
  2. Add a Site → 输入你的域名 → 选 Free Plan
  3. Cloudflare 给你两行 Nameserver(类似 xxx.ns.cloudflare.com 和 yyy.ns.cloudflare.com)

关键:阿里云域名修改 Nameserver 的正确位置(很多人卡这里)
千万不要去“云解析 DNS”里找!
正确路径(2025 年最新界面):
阿里云官网 → 控制台 → 顶部菜单“域名” → 域名列表 → 找到你的域名 → 点右边“管理” → 左侧菜单直接点“DNS 修改”(或页面中间往下滚有“修改 DNS 服务器”)→ 把原来的 freens1.jdgslb.com、dns15.hichina.com 等全部删掉 → 换成 Cloudflare 给你的两行 → 保存 + 短信验证
(腾讯云/华为云/GoDaddy/Namesilo 等也类似,在域名管理而不是解析设置里改)

  1. 等 5~30 分钟生效(用 www.whatsmydns.net 检查 NS 是否变成 Cloudflare 的)

第二步:Fork 一个超好看的 Astro 博客模板(30 秒)

最稳模板(2025.11 每周更新):github.com/satnaing/as…
点右上角 Fork 到你自己 GitHub 账号

第三步:用 Cloudflare Pages 一键部署(2 分钟)

  1. Cloudflare 仪表盘 → Workers & Pages → Pages → Create a project → Connect to Git
  2. 选你刚 Fork 的仓库
  3. 配置(直接复制):
    • Project name:随便(比如 yzdy-blog)
    • Branch:main
    • Framework preset:Astro(必须选!)
    • Build command:npm run build
    • Build output directory:dist
  4. Save and Deploy

第四步:绑定自定义域名(最关键!30 秒,解决了 99% 的 522 错误)

部署成功后,在同一个 Pages 项目页面 → Custom domains → Set up a domain → 输入你的域名 → Continue → Activate domain
这一步做了,522 才会彻底消失!!!

第五步:DNS 记录配置(两条就够)

去 DNS → Records,删除所有旧 A 记录,只加/保留这两条 CNAME(橙色云必须开):

类型     名称    内容                        代理状态
CNAME    @      your-project.pages.dev      已代理(橙色云)
CNAME    www    your-project.pages.dev      已代理(橙色云)

(your-project.pages.dev 在 Pages 项目顶部能看到)

第六步:清理多余配置(保持极致干净)

  1. Rules → Origin Rules → 把所有自己加的 Rule 全删(Pages 静态站不需要)
  2. DNS 里把旧的阿里云 NS(freens*.jdgslb.com)删掉

第七步:开始写博客

GitHub 网页直接改:

  • src/data/site.config.ts → 改标题、作者、描述
  • public/avatar.png → 上传头像
  • src/content/blog/ → 新建 .md 文件写文章

常见坑 & 一句解决

  • 522 → 99% 是没在 Pages 项目里点 “Activate domain”
  • 还是 522 → 把两条 CNAME 的橙色云关一下再开一次
  • 浏览器还显示 522 → Ctrl + Shift + R 强制刷新,或换手机流量

照着这篇笔记做,绝对 10 分钟搞定!
我的博客:yzdy.space (就是这么搭的)

2025.11.19 记录🚀