405 字
2 分钟
Cloudflare Pages 自动部署静态网页

Cloudflare Pages 自动部署(推荐)#

登录 Cloudflare 控制台 → 进入 Workers & Pages → Pages → Create a project。

选择 Connect to Git → 授权你的 GitHub/GitLab 账号 → 选中你的 Fuwari 仓库 → Begin setup。

项目设置(关键):

  • Project name:自定义(如 my-fuwari-blog)
  • Production branch:main
  • Framework preset:选 Astro
  • Build command:pnpm run build(Fuwari 用 pnpm,不要用 npm)
  • Build output directory:dist(固定)

环境变量(必须加,否则构建失败):

  • 进入 Environment variables → Add variable
  • Name: NODE_VERSION,Value: 20(Fuwari 要求 Node ≥20)

点击 Save and Deploy,等待 3–5 分钟。

成功后会得到 xxx.pages.dev 域名,访问即可。

绑定自定义域名#

在 Pages 项目 → Custom domains → 添加你的域名 → 按提示修改 DNS 记录即可

如何给我的域名注册子域名#

子域名不需要单独注册,只要你有主域名,在DNS 解析面板添加记录即可免费创建。下面以你正在用的 Cloudflare 为例,给出最常用的两种场景(绑定 Pages / 指向服务器)。

一、前提#

  • 主域名(如 yourdomain.com)已在 Cloudflare 托管(NS 已指向 Cloudflare)。
  • 子域名格式:blog.yourdomain.com、docs.yourdomain.com、www.yourdomain.com 等。

二、Cloudflare 添加子域名(通用步骤)#

  1. 登录 Cloudflare → 进入你的主域名(如 yourdomain.com)。
  2. 左侧菜单 → DNS → 记录 → 右上角 添加记录。
  3. 填写关键信息(二选一):

场景 1:子域名指向 Cloudflare Pages(最适合你的 Fuwari 博客)#

  • 类型:CNAME
  • 名称:你的子域名前缀(如 blog)
  • 内容:你的 Pages 域名(如 my-fuwari.pages.dev)
  • 代理状态:橙色云朵(启用)(必须打开,否则 HTTPS 与加速不生效)
  • TTL:自动

最终我访问的域名是什么?#

简单记:

名称 = 前缀,最终域名 = 前缀.主域名