你的项目名.pages.dev。通过设置自定义域,让访问者更轻松地找到您的站点。不用 Git、不用命令行、不用压缩。上传文件夹,点几下绑定域名,完事。填过的信息会记住,下次自动填好。
把你做好的网站文件夹准备好。文件夹第一层必须有 index.html,不能多套一层。
my-site/ ← 上传这个文件夹
├── index.html
├── style.css
├── script.js
└── 404.html ← 放在这里,一起上传
Cloudflare Pages 会自动识别根目录下的 404.html。用户访问不存在的地址时,就会显示它,而不是 Cloudflare 默认的错误提示。
在下面填入你的域名,点「下载 404.html」,得到一个已经填好域名的文件,把它放进项目文件夹。
效果预览:
① 打开控制台,登录后看右上角:
右上角有一个 「询问 AI」 按钮,点它打开 AI 助手。
② 复制这句话,发给 AI:
③ AI 会把账户 ID 发给你,复制它,填到下面:
打开直达链接后,会先看到这个页面,点第二个选项 「拖放文件」 右边的「开始使用」:
点「拖放文件」的「开始使用」后,进入这个页面:
上传完成后,会显示这个成功页:
点最下方卡片里的 「添加自定义域」,就进入下一步。
https://你的项目名.pages.dev。关掉页面后想再找,去 Workers & Pages → 点进项目,概览页就能看到。
如果你的域名已经托管在 Cloudflare,绑定非常简单,Cloudflare 会自动帮你创建 DNS 记录和 SSL 证书。
部署完成后,进入你的 Pages 项目,点顶部的 「自定义域」 标签,会看到这个页面:
你的项目名.pages.dev。通过设置自定义域,让访问者更轻松地找到您的站点。点「设置自定义域」后,会出现这个页面:
填入主域名后,点下面的按钮,可以自动拼出完整域名。输入 @ 直接用主域名,输入 www 就是 www.主域名。
输入域名后点「继续」,会出现这个页面。Cloudflare 会自动列出需要添加的 DNS 记录:
| 类型 | 名称 | 内容 | TTL |
|---|---|---|---|
| CNAME | 你的项目名 | 你的项目名.pages.dev | 自动 |
点右下角的 「激活域」。因为域名已经在 Cloudflare 托管,DNS 记录会自动生效。
点「激活域」后,页面会回到「自定义域」,顶部出现蓝色提示条,下面列出你刚添加的域名:
| 域 | 状态 | 操作 |
|---|---|---|
| 你的域名 | 活动 | 🔒 SSL 已启用 ⋯ |
状态变成 活动 就说明绑定成功了。SSL 证书也会自动签发,用 https://你的域名 就能访问。
/.well-known/acme-challenge/ 路径。临时关掉,激活后再打开。
Inactive,再改回来需要重新验证。
不用重建项目。进入 Pages 项目,点右上角的 创建部署,重新拖一遍新文件夹就行,地址不变。