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

Cloudflare Pages 自动部署(推荐)#

登录 Cloudflare 控制台 → 进入 Workers & PagesPagesCreate a project

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

项目设置(关键):

  • Project name:自定义(如 my-fuwari-blog
  • Production branchmain
  • Framework preset:选 Astro
  • Build commandpnpm run build(Fuwari 用 pnpm,不要用 npm)
  • Build output directorydist(固定)

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

  • 进入 Environment variablesAdd 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.comdocs.yourdomain.comwww.yourdomain.com 等。

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

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

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

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

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

简单记:

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