Cloudflare Pages 最简部署教程

不用 Git、不用命令行、不用压缩。上传文件夹,点几下绑定域名,完事。填过的信息会记住,下次自动填好。

一、上传网站

第 1 步:准备文件夹

把你做好的网站文件夹准备好。文件夹第一层必须有 index.html,不能多套一层。

my-site/          ← 上传这个文件夹
├── index.html
├── style.css
├── script.js
└── 404.html      ← 放在这里,一起上传

顺便加一个 404 页面

Cloudflare Pages 会自动识别根目录下的 404.html。用户访问不存在的地址时,就会显示它,而不是 Cloudflare 默认的错误提示。

在下面填入你的域名,点「下载 404.html」,得到一个已经填好域名的文件,把它放进项目文件夹。

效果预览:

404 Not Found


域名

第 2 步:问 AI 要账户 ID

① 打开控制台,登录后看右上角:

https://dash.cloudflare.com

右上角有一个 「询问 AI」 按钮,点它打开 AI 助手。

② 复制这句话,发给 AI:

我的账户 ID 请给我

③ AI 会把账户 ID 发给你,复制它,填到下面:

第 3 步:创建项目并上传

打开直达链接后,会先看到这个页面,点第二个选项 「拖放文件」 右边的「开始使用」:

+ Workers 和 Pages
✦ 询问 AI ❓ 支持
← 创建 Worker

开始使用

开始使用 Pages。您想要如何开始?
⑂
导入现有 Git 存储库
从导入现有 Git 存储库开始。
☁
拖放文件
直接从计算机上传站点的资产,包括 HTML、CSS 和 JS 文件。

点「拖放文件」的「开始使用」后,进入这个页面:

Workers 和 Pages › 创建 › 直接上传
✦ 询问 AI ❓ 支持

通过上传项目部署站点

为您的项目命名并上传您的站点资产,包括您要部署的 HTML、CSS 和 JS 文件。
1
为项目创建名称:
此名称将用于在 pages.dev 上生成永久主机名。
2
上传您的项目资产:
把整个文件夹拖到这里

上传完成后,会显示这个成功页:

Workers 和 Pages › 创建 › 直接上传
✦ 询问 AI ❓ 支持
成功!您的项目已部署到以下区域:全球
后续步骤
⌘
试用 Wrangler CLI
在本地开发项目
▦
浏览资源
创建资源并将资源绑定到项目
🌐
添加自定义域
在项目中添加域
快速链接 文档 Discord 反馈

点最下方卡片里的 「添加自定义域」,就进入下一步。

链接在哪?部署成功页面上会直接显示,格式是 https://你的项目名.pages.dev。关掉页面后想再找,去 Workers & Pages → 点进项目,概览页就能看到。

二、绑定自己的域名

如果你的域名已经托管在 Cloudflare,绑定非常简单,Cloudflare 会自动帮你创建 DNS 记录和 SSL 证书。

第 1 步:进入「自定义域」

部署完成后,进入你的 Pages 项目,点顶部的 「自定义域」 标签,会看到这个页面:

Workers 和 Pages › 你的项目名
✦ 询问 AI ❓ 支持
部署
指标
自定义域
设置
⬆ 创建部署

自定义域

设置自定义域以指向您的站点。
+
为您的站点添加自定义域
您项目的主机名是 你的项目名.pages.dev。通过设置自定义域,让访问者更轻松地找到您的站点。

第 2 步:输入你的域名

点「设置自定义域」后,会出现这个页面:

Workers 和 Pages › 你的项目名
✦ 询问 AI ❓ 支持
部署
指标
自定义域
设置
⬆ 创建部署
1 输入域
2 配置 DNS

添加自定义域

输入您现有的已注册的域或子域。 自定义域
域
例如,example.com、www.example.com、shop.example.com

生成子域名

填入主域名后,点下面的按钮,可以自动拼出完整域名。输入 @ 直接用主域名,输入 www 就是 www.主域名。

第 3 步:确认 DNS 记录并激活

输入域名后点「继续」,会出现这个页面。Cloudflare 会自动列出需要添加的 DNS 记录:

Workers 和 Pages › 你的项目名
✦ 询问 AI ❓ 支持
部署
指标
自定义域
设置
⬆ 创建部署
✓ 输入域
2 配置 DNS
‹ 输入域

确认新 DNS 记录

Cloudflare 将添加这些 DNS 记录来为您的项目站点激活 你的域名:
类型 名称 内容 TTL
CNAME 你的项目名 你的项目名.pages.dev 自动
更新后,访问者可以通过访问 https://你的域名 来访问您的站点。

点右下角的 「激活域」。因为域名已经在 Cloudflare 托管,DNS 记录会自动生效。

第 4 步:等待激活

点「激活域」后,页面会回到「自定义域」,顶部出现蓝色提示条,下面列出你刚添加的域名:

Workers 和 Pages › 你的项目名
✦ 询问 AI ❓ 支持
部署
指标
自定义域
设置
⬆ 创建部署
正在设置 你的域名。需要长达 48 小时,DNS 记录才能得以更新,访问者才能查看您的站点。

自定义域

设置自定义域以指向您的站点。
域 状态 操作
你的域名 活动 🔒 SSL 已启用 ⋯

状态变成 活动 就说明绑定成功了。SSL 证书也会自动签发,用 https://你的域名 就能访问。

卡在 Verifying 不动?检查这个域名上有没有开启 Cloudflare Access、重定向规则或 Worker 拦截了 /.well-known/acme-challenge/ 路径。临时关掉,激活后再打开。
以后别乱改 DNS。如果改动了这个域名的 DNS 记录,自定义域会变成 Inactive,再改回来需要重新验证。

三、更新内容

不用重建项目。进入 Pages 项目,点右上角的 创建部署,重新拖一遍新文件夹就行,地址不变。