CLOUDFLARE PAGES / CUSTOM DOMAIN

填一个域名,
配置全给你生成好。

在下面这行里写下你自己的域名,页面会立刻生成:自定义域的填写格式、DNS 记录表、 _redirects 跳转规则、site.config.json 与 wrangler 部署命令。

https://
格式可用 只填主机名,不要带 https:// 或结尾 /

① 域名格式(填写位置)

把这一行贴进 Cloudflare Pages → Custom domains,或填进配置文件。

填写格式模板

主域名      : your-domain.com
带 www      : www.your-domain.com
子域名示例  : app.your-domain.com
Pages 默认域: my-pages-site.pages.dev
完整地址    : https://your-domain.com

DNS 记录

类型名称内容 / 目标代理

域名已托管在 Cloudflare 时,Pages 绑定自定义域会自动创建记录,无需手填。

_redirects(www → 主域)

https://www.your-domain.com/*  https://your-domain.com/:splat  301

放进站点根目录,Pages 会自动生效。

site.config.json

{
  "domain": "your-domain.com",
  "project": "my-pages-site",
  "canonical": "https://your-domain.com/"
}

发布命令

npx wrangler pages deploy . --project-name=my-pages-site
# 绑定自定义域(可选)
npx wrangler pages domain add your-domain.com --project-name=my-pages-site

② 部署三步

上传这一整个文件夹即可,不需要 npm install,也没有构建步骤。

  1. 01

    上传目录

    Cloudflare Dashboard → Workers & Pages → Create → Pages → Upload assets,选中本文件夹(含 index.html)。

  2. 02

    绑定域名

    项目 → Custom domains → Set up a domain,填上面「①」里生成的域名。

  3. 03

    等证书

    Cloudflare 自动签发 SSL,通常 1–3 分钟;DNS 不在 Cloudflare 时按「DNS 记录」表到你的服务商添加。

③ 说明

域名该填 www 还是不带 www?

主域(如 example.com)和 www.example.com 都可以绑定到同一个 Pages 项目。推荐主域作为规范域名,再用 _redirects 把 www 301 过去,避免重复收录。

域名被占用了怎么办?

Pages 的自定义域必须是你有权控制的域名。免费方案可用 <项目名>.pages.dev 先上线,之后随时替换。

改了域名要重新部署吗?

站点本身不用改;把 site.config.json 里的 domain 改掉、重新上传即可,页面会自动同步标题、canonical 与页脚域名。