01
注册并登录 Cloudflare
打开 Cloudflare 控制台，用邮箱注册。收到验证邮件后点确认，再登录。已经有账号的直接登录即可。
- 免费账号就够用，不需要升级任何付费套餐
- 建议同时开启两步验证（2FA）
发布教程 · 约 8 分钟
网站做好后，怎么让全世界看到？
CloudSite 负责把网站做出来，Cloudflare Pages 和 Firebase Hosting 负责把网站送到访客面前。两者都免费起步、不用买服务器、自动开启 HTTPS。下面从「它们是什么」讲到「点哪里、填什么」。
不需要懂代码不需要买服务器免费套餐就能开始
CloudSite
AI 已生成网站
页面、文案、样式全部就绪
Cloudflare Pages
推荐Firebase Hosting
可选已发布HTTPS
https://yourbrand.com
30 秒先弄懂
它们到底是什么？
把 CloudSite 想成「设计 + 施工」，把这两个服务想成「全球仓库 + 快递」。网站文件做好后要放进仓库，访客才能在离自己最近的地方取到。
1
CloudSite 生成网站
AI 写好页面，网站文件准备就绪
2
选择发布平台
Cloudflare Pages 或 Firebase Hosting
3
访客打开域名
全球加速，自动 HTTPS
Cloudflare
Cloudflare Pages
全球 CDN 上的免费网站托管
Cloudflare 是全球知名的网络加速与安全公司。Pages 是它的静态网站托管服务：把网页文件放上去，Cloudflare 会用遍布全球的节点分发给访客。
- 免费套餐够用，静态流量不额外收费
- 自动配置 HTTPS 证书
- 可以先用 xxx.pages.dev 访问
- 绑定自己的域名最省事
Google
Firebase Hosting
Google 出品的网站托管
Firebase 是 Google 的应用开发平台，Hosting 是其中的网站托管服务。它同样把网页放到 Google 的全球机房，再通过 CDN 分发给访客。
- 免费 Spark 套餐就能起步
- 自动配置 HTTPS 证书
- 默认网址是 xxx.web.app
- 和 Google Cloud / Firebase 生态打通
省下来的都是麻烦
为什么 CloudSite 用这两个？
不是非要你多注册一个账号，而是它们把建站里最麻烦的一步，变成了点几下按钮。
不用买服务器
传统建站要租服务器、装环境、配 Nginx、续证书。这两个服务全部托管，你只需要上传网页文件。
全球访问更快
网页会被缓存到离访客更近的节点，比一台固定位置的服务器更稳、打开更快。
安全省心
自动 HTTPS、弹性带宽和基础攻击防护，不用自己维护证书、防火墙和扩容。
和 CloudSite 打通
凭据只填一次。之后发布、绑定域名、切换平台，都能在 CloudSite 后台点按钮完成。
选一个就行
Cloudflare Pages 还是 Firebase Hosting？
先看结论：大多数个人和企业官网，选 Cloudflare Pages。
一句话定位
Cloudflare
全球 CDN 静态托管，建站首选
Firebase
Google 生态里的网站托管
需要什么账号
Cloudflare
Cloudflare 账号（免费）
Firebase
Google / Firebase 账号（免费）
要交给 CloudSite 什么
Cloudflare
API Token + Account ID
Firebase
服务账号 JSON 密钥
默认网址
Cloudflare
xxx.pages.dev
Firebase
xxx.web.app
绑定自己的域名
Cloudflare
系统自动创建 CNAME，最省事
Firebase
按 Firebase 返回的 A / TXT 记录解析
中国大陆访问
Cloudflare
通常可访问，绑定自己的域名后更稳定
Firebase
默认域名经常无法直接打开，不建议面向大陆访客
免费额度
Cloudflare
静态请求和带宽不额外收费
Firebase
Spark 套餐有存储和流量上限，超出需升级
适合谁
Cloudflare
绝大多数官网、落地页、博客
Firebase
已在用 Google / Firebase、访客主要在海外
上手难度
Cloudflare
★☆☆ 简单
Firebase
★★☆ 多一步生成密钥
如果网站主要给中国大陆客户看，优先 Cloudflare Pages。Firebase 的 *.web.app 域名在境内访问不稳定，可能完全打不开。
方案 A · 推荐
Cloudflare Pages 图文教程
从注册 Cloudflare 到在 CloudSite 绑定域名，一共 6 步。第 2 步只有绑定自己的域名时才需要；先用 pages.dev 预览可以跳过。
约 5 分钟（不含域名 Nameserver 生效时间）
02
把域名添加到 Cloudflare（可选）
想用自己的域名（例如 yourbrand.com）才需要这一步。只用系统赠送的 pages.dev 地址，可以跳到第 3 步。
- 点 Add a site（新版可能叫 Add a domain），只输入裸域 yourbrand.com
- 选择 Free 套餐，Cloudflare 会自动扫描原有 DNS 记录
- 到域名注册商（阿里云、腾讯云、GoDaddy 等）把 Nameservers 改成 Cloudflare 给的两条
- 回到 Cloudflare 等状态变成 Active，通常几分钟到 24 小时
- 检查 MX / TXT 记录是否完整，避免切换后企业邮箱收不到信
两条 Nameserver 都要改；如果注册商开了 DNSSEC，先删除 DS 记录再改 NS，否则域名会解析失败。
dash.cloudflare.com/add-siteDEMO
添加站点
Cloudflare
1输入你的域名
example.com
2Free
免费套餐即可
3完成 Nameserver 设置
到域名注册商把 NS 改成下面两条
ada.ns.cloudflare.com 复制
bob.ns.cloudflare.com 复制
只填裸域，不要带 https:// 或 www
03
创建 API Token
CloudSite 需要一把「只能做建站相关操作」的钥匙，来替你创建项目、上传文件和写 DNS。这把钥匙就是自定义 API Token。
- 右上角头像 → My Profile → API Tokens → Create Token
- 选 Custom token → Get started，不要用现成模板
- Token 名称填 CloudSite
- 按示意图添加 4 条权限：Pages 编辑、DNS 编辑、Zone 读取、Account Settings 读取
- Zone Resources 选 All zones；Account Resources 选你自己的账号
- TTL 建议 90 天，然后 Continue to summary → Create Token
- Token 只显示一次，立刻复制到 CloudSite 或密码管理器
绝对不要使用 Global API Key。它拥有整个账号的全部权限，泄露后风险很大。
dash.cloudflare.com/profile/api-tokensDEMO
创建自定义 Token
1Token 名称
CloudSite
2权限
ResourcePermissionLevel
AccountCloudflare Pages编辑
ZoneDNS编辑
ZoneZone读取
AccountAccount Settings读取
3Zone Resources
Include · All zones
Account Resources
Include · 你的账号
4创建 Token
只勾这 4 项，不要用 Global API Key
04
找到 Account ID
Account ID 是 32 位十六进制字符串，不是 Token。最快的找法是直接看浏览器地址栏。
- 登录后地址栏形如 dash.cloudflare.com/32位ID/home，中间那串就是 Account ID
- 也可以打开 Workers & Pages，在概览页底部复制 Account ID
- 以 cfut_ 开头的是 API Token，不要填到 Account ID 里
dash.cloudflare.comDEMO
Account ID 就在地址栏里
132 位十六进制
dash.cloudflare.com/a1b2c3d4e5f6a7b8c9d0e1f2a3b4c5d6/home
点一下即可复制 32 位十六进制
cfut_ 开头的是 Token，不是 Account ID
05
在 CloudSite 设置里添加
回到 CloudSite，打开左侧「设置」，找到「Cloudflare 授权」卡片。
- 把第 3 步复制的 API Token 粘贴到第一栏
- 点「验证获取」。如果 Token 有 Account Settings 读取权限，会列出你的账号，点一下自动填入 Account ID
- 没有出现账号列表，就手动粘贴第 4 步的 Account ID
- 点「保存凭据」，右上角状态变成「已连接」
凭据只保存在你的服务器数据目录，页面不会回显完整内容；不要截图发群或提交到 Git。
cloudsite / settingsDEMO
Cloudflare 授权
已连接1API Token
••••••••••••••••••••••••
2Account ID
a1b2c3d4e5f6...
验证获取可访问账号 · 点击选择
My Company
3保存凭据
先验证，再保存
06
发布站点并绑定域名
打开站点详情页，先点「部署」。成功后再绑定域名；第一次部署会真正创建 Pages 项目。
- 站点详情 → 点「部署」，等日志显示成功
- 在「域名」里输入 shop.example.com 或 example.com，点「绑定」
- 系统自动创建指向 xxx.pages.dev 的 CNAME，并申请 HTTPS 证书
- 通常 1–5 分钟生效，状态从 pending 变成 active
- 访问 https://你的域名 验证是否可以打开
不要手动修改或删除备注为 Managed by CloudSite 的 CNAME。根域名也可以用 CNAME，Cloudflare 会自动扁平化。
cloudsite / sites / my-siteDEMO
绑定域名后的 DNS 记录
1绑定域名
shop.example.com
绑定2DNS
TypeNameValueProxy
CNAMEshop.example.comhome-abc.pages.dev已代理
CNAMEwww.shop.example.comhome-abc.pages.dev已代理
3 证书状态：有效 · 已生效
CNAME 由系统自动创建，不要手动改
需要更深入的 Cloudflare 排错？
权限细节、Wrangler 导入、命令行自检和完整故障表，都在进阶手册里。
方案 B · Google 生态
Firebase Hosting 图文教程
Firebase 多一步「生成服务账号密钥」，但同样不需要安装任何软件。提醒：如果访客主要在中国大陆，请优先选 Cloudflare Pages。
约 10 分钟
02
创建 Firebase 项目
点「创建项目」，填项目名称。Project ID 会出现在网址里，必须全球唯一。
- 项目名称可以随便填，例如 My Site
- Project ID 只能用小写字母、数字和连字符，建议用品牌名
- Google Analytics 可以关闭，不影响网站托管
- 点「创建项目」，等几十秒完成
console.firebase.google.comDEMO
创建 Firebase 项目
Firebase
1项目名称
My Site
2Project ID
my-site-2026
3创建项目
Project ID 全球唯一，创建后不能改
03
开通 Hosting
项目创建好后，在左侧菜单找到 Hosting，点「开始使用」，按向导走完。只要打开过一次，CloudSite 就能通过 API 部署。
- 不需要安装 Firebase CLI
- 向导里的命令行步骤可以跳过
04
启用 Firebase Hosting API
打开 Google Cloud 控制台，确认当前项目是刚创建的那个，在 API 库里启用 Firebase Hosting API。多数新项目会自动启用，找不到就手动开一次。
- 进入 console.cloud.google.com，在顶部选择同一个项目
- 打开 APIs & Services → Library，搜索 Firebase Hosting API
- 点 Enable（启用）
05
生成服务账号密钥
CloudSite 需要一把服务账号钥匙。它是一份 JSON 文件，相当于这个项目的「机器人账号密码」。
- Firebase 控制台 → 左上角齿轮 → 项目设置 → 服务账号
- 选择 Firebase Admin SDK，点「生成新的私钥」
- 下载 .json 文件，用文本编辑器打开，复制全部内容
- 建议到 Google Cloud → IAM 与管理，给这个服务账号授予 Firebase Hosting Admin（roles/firebasehosting.admin）
- 如果服务账号已有 Editor 权限也能用，但最小权限更安全
JSON 里包含私钥，等同于密码。不要发群、不要提交 Git、不要放在公开网盘。
console.firebase.google.com/project/my-site-2026/settings/serviceaccountsDEMO
项目设置/服务账号
Firebase Admin SDKFirebase
firebase-adminsdk@my-site-2026.iam.gserviceaccount.com1生成新的私钥
2
已下载 service-account.json
3推荐的 IAM 角色
Firebase Hosting Admin
私钥只下载一次，请当场保存
06
在 CloudSite 设置里添加
打开「设置 → Firebase Hosting 项目」，把 JSON 全文粘贴进去。
- 可以填一个备注名，例如「主站」或「客户 A」
- 粘贴完整 JSON，从第一个 { 到最后一个 }
- 点「添加 / 更新项目」，再点「验证连接」
- 验证成功会显示已有 x / 36 个 Hosting 站点
- 有多个项目时，把常用的设为默认
同一个项目再次保存会更新密钥；私钥保存后不会回显，页面只显示项目 ID 和服务账号邮箱。
cloudsite / settingsDEMO
Firebase Hosting 项目
已有 3 / 36 个 Hosting 站点my-site-2026主站
项目备注名
主站
1服务账号 JSON
{ "type": "service_account", "project_id": "my-site-2026", ... }
2添加 / 更新项目3 验证连接
粘贴完整 JSON，验证通过后再设为默认
07
选择平台并部署
打开站点详情页，把上线平台切换为 Firebase，选好项目后重新部署。
- 站点详情 → 上线状态 → 平台选择 Firebase
- 选择这个站点要用的 Firebase 项目
- 点「部署」，成功后默认网址是 https://<siteId>.web.app
- 每个 Firebase 项目最多 36 个 Hosting 站点，超出请换项目
切换平台不会自动迁移已绑定的域名，需要在新的平台重新绑定。
cloudsite / sites / my-siteDEMO
站点上线设置
Cloudflare Pages
1Firebase Hosting
2Firebase 项目
my-site-2026
https://my-site-2026.web.app3部署
切换平台后需要重新部署
08
绑定自己的域名
在站点详情的「域名」里输入域名。Firebase 会要求添加 A 和 TXT 记录，按页面提示操作即可。
- 按页面显示的类型 / 名称 / 值，到域名 DNS 服务商添加记录
- 如果域名托管在已配置的 Cloudflare 账号下，系统会尝试自动写入
- Cloudflare 的橙色云代理要关闭（改成 DNS only），否则证书可能签不下来
- CAA 记录需要允许 pki.goog
- 等待证书状态变成有效，通常几分钟到几小时
域名验证和证书都由 Google 完成；DNS 生效前访问失败是正常的。
cloudsite / sites / my-site / domainsDEMO
按 Firebase 提示添加 DNS 记录
自定义域名
example.com
1DNS
TypeNameValueProxy
TXTexample.comfirebase=my-site-2026DNS only
Aexample.com199.36.158.100DNS only
Awww.example.com199.36.158.100DNS only
2 证书状态：正在签发（通常几分钟）
Cloudflare 代理必须关闭，改成灰色云
新手常见问题
第一次接触这两个服务，最容易卡住的几个地方。
一定要有自己的域名吗？
不用。Cloudflare 会送 xxx.pages.dev，Firebase 会送 xxx.web.app，都能直接访问。域名只是让网址更好记、更专业，可以之后再加。
需要买服务器或备案吗？
用这两个服务不需要买服务器。只有使用中国大陆境内的服务器才涉及 ICP 备案；Cloudflare 和 Firebase 属于境外托管，通常不需要备案，但中国大陆的访问速度不受保证。
需要会写代码吗？
不需要。你只需要复制粘贴 Token 或 JSON，其余都在 CloudSite 里点按钮完成。
为什么默认推荐 Cloudflare？
免费额度大方、绑定域名自动完成、默认域名在中国大陆通常能打开，适合大多数官网和落地页。
Firebase 在中国大陆能正常使用吗？
后台配置和部署可以完成，但 *.web.app 域名在中国大陆经常无法直接访问。如果客户主要在大陆，请选 Cloudflare Pages，或考虑境内主机。
一个账号能建几个网站？
CloudSite 会员有效期内不限站点。Cloudflare 每个项目可以绑定多个域名；Firebase 每个项目最多 36 个 Hosting 站点，可以创建多个项目。
Token / JSON 放在 CloudSite 安全吗？
凭据只保存在服务器端，接口不会回显完整内容。建议 Cloudflare Token 设 90 天有效期；JSON 泄露时，到 Firebase 删除该密钥并重新生成。
可以先发布，之后再绑域名吗？
可以。先用默认网址上线，随时回到站点详情页绑定自己的域名。
换发布平台会怎样？
网站内容不变，但需要重新部署；已绑定的域名不会自动迁移，要在新平台重新绑定。
遇到问题先看这里
按报错关键词找到对应的一行；大部分问题都在凭据和 DNS 上。
Cloudflare
Invalid API Token / 401 / 403
核对 4 条权限；确认 Account Resources 包含你的账号；重新生成 Token 再保存。
Cloudflare
Could not route to /accounts/...
Account ID 填错了，或把 Token 填进了 Account ID。重新复制 32 位十六进制 ID。
Cloudflare
找不到域名所属的 Zone
确认域名已添加到 Cloudflare 且状态 Active；Token 的 Zone Resources 选 All zones。
Cloudflare
绑定域名后出现 522 / 526
证书可能还在签发，等 1–5 分钟；SSL/TLS 模式改为 Full (strict)。
Cloudflare
Nameserver 一直是 Pending
用 dig NS 你的域名 检查；确认注册商只保留 Cloudflare 的两条 NS，并检查 DNSSEC。
Firebase
服务账号鉴权失败
重新下载 JSON 并完整粘贴；确认密钥未被删除，且 Firebase Hosting API 已启用。
Firebase
403 PERMISSION_DENIED
在 Google Cloud IAM 给服务账号授予 Firebase Hosting Admin（roles/firebasehosting.admin）。
Firebase
已有 36 个 Hosting 站点
删除不用的 Hosting 站点，或换一个 Firebase 项目。
Firebase
部署成功但打开是 404
确认站点根目录有 index.html，并在 CloudSite 重新部署一次。
Firebase
域名一直 pending
按域名卡片补齐 A / TXT 记录；关闭 Cloudflare 橙色云代理；CAA 放行 pki.goog。
把钥匙收好：3 条安全习惯
这两个凭据都能代表你操作发布平台，按下面做就足够安全。
最小权限
Cloudflare 只勾选教程里的 4 项权限；Firebase 服务账号只给 Hosting Admin。不要用 Global API Key 或 Owner。
定期轮换
Cloudflare Token 建议 90 天更换一次；怀疑泄露就立即删除并重新生成。Firebase 旧密钥可以在控制台删除。
不要外传
Token 和 JSON 都不要截图发群、提交 Git 或写进网页代码。CloudSite 也只把它们保存在服务器端。