本文记录一次完整的实际操作把已在 DigitalPlat 注册的免费域名托管到 Cloudflare使用 Cloudflare Workers 上传静态网站文件再把自定义域名绑定到 Worker。文中的域名、Cloudflare 名称服务器和 Worker 名称均已模糊处理。最终效果访问自己的域名即可打开部署在 Cloudflare Workers 上的静态网站。文章目录一、开始前准备二、注册或登录 Cloudflare三、将 DigitalPlat 域名添加到 Cloudflare1. 进入域名列表并添加域名2. 填写完整域名3. 选择 Free 免费套餐四、检查 DNS 记录并进入激活流程五、在 DigitalPlat 回填 Cloudflare 名称服务器六、等待域名变为 Active七、创建 Worker 并上传静态网站1. 创建 Worker2. 上传文件并部署八、把自定义域名绑定到 Worker1. 打开 Worker 的 Domains 标签2. 选择根域名或子域名九、验证网站访问结果十、常见问题1. Cloudflare 无法添加 DigitalPlat 域名2. NS 填写后仍显示 Pending3. Active 之后域名仍无法打开4. 添加 Worker 自定义域名失败5. 根域名可访问www 无法访问一、开始前准备需要准备以下内容DigitalPlat 注册完成的域名注册过程可参考 DigitalPlat 免费域名注册完整教程一个 Cloudflare 账号一份静态网站文件例如包含 index.html、CSS、JavaScript 和图片的目录托管名称服务器不会自动生成网站部署 Worker 也不会自动绑定你的域名。两部分都完成后域名才能访问网站。如果原域名已经开启 DNSSEC请先在原平台关闭 DNSSEC 或删除旧的 DS 记录再替换名称服务器。否则可能出现域名无法解析的情况。二、注册或登录 Cloudflare打开 Cloudflare 控制台。没有账号时填写邮箱、密码完成人机验证后注册也可以使用 Google、Apple 或 GitHub 账号继续。已有账号直接在登录页输入邮箱和密码或选择已有的第三方登录方式。登录成功后会进入账户首页。这里可以直接在 “Add a domain” 区域输入域名也可以从左侧进入 Domains。三、将 DigitalPlat 域名添加到 Cloudflare1. 进入域名列表并添加域名在左侧选择 Domains - Overview然后点击右上角的 Add domain。在下一页选择 Connect a domain。本次是把已有的 DigitalPlat 域名接入 Cloudflare不是转入注册商也不是在 Cloudflare 购买新域名。2. 填写完整域名先在 DigitalPlat 的“域名列表”中点击需要使用的域名复制详情页显示的完整域名。将复制的完整域名填入 Cloudflare 的 Domain name 输入框例如myproject.dpdns.org然后点击 Continue。Cloudflare 实测识别不了.qd.je域名所以 DigitalPlat 不要申请这个结尾的域名。3. 选择 Free 免费套餐套餐页选择 Free价格显示为 $0然后点击该卡片中的 Select plan。个人静态网站和本教程中的 Worker 部署可以先使用免费套餐。若意外跳转到付款页面先返回检查是否点错了套餐。四、检查 DNS 记录并进入激活流程Cloudflare 会展示当前区域的 DNS 管理页面。截图中的新域名还没有 DNS 记录因此页面提示根域名和 www 暂时无法解析。点击 Continue to activation 继续名称服务器托管流程。五、在 DigitalPlat 回填 Cloudflare 名称服务器Cloudflare 会为每个域名分配两个专属名称服务器。在激活页面中分别复制这两个以 .ns.cloudflare.com 结尾的地址。回到 DigitalPlat依次进入左侧“域名列表”点击需要使用的域名打开“名称服务器”标签在 NAME SERVER 1、NAME SERVER 2 中分别填入 Cloudflare 分配的两个地址其他 NS 输入框保持为空点击“更新名称服务器”。填写后回到 Cloudflare点击 I updated my nameservers告知 Cloudflare 开始验证。六、等待域名变为 ActiveCloudflare 会显示 “Waiting for your registrar to propagate your new nameservers”。点击 Check nameservers now 可以主动检查一次。提交后页面会提示 Cloudflare 正在检查名称服务器。DNS 变更需要传播时间Cloudflare 官方说明最长可能需要 24 小时。回到 Domains - Overview当域名状态显示 Active 时表示 Cloudflare 已开始作为该域名的权威 DNS。如果长时间仍为 Pending Nameserver Update重点检查DigitalPlat 中的两个 NS 是否与 Cloudflare 页面逐字一致是否还保留了第三方名称服务器是否遗留 DNSSEC 或 DS 记录填写的是不是完整的 DigitalPlat 域名。将示例域名替换为自己的完整域名。结果应返回 Cloudflare 当前为你分配的两个名称服务器。七、创建 Worker 并上传静态网站域名 Active 后就可以部署网站。本次使用 Cloudflare Workers 的控制台上传静态文件不需要本地安装 Wrangler。1. 创建 Worker在已激活域名的概览中点击右侧 Create Worker或从 Workers Pages 创建新的 Worker。如果 Cloudflare 要求验证账号先打开注册邮箱中的验证链接可在弹窗中点击 Resend email 重新发送邮件去邮箱中验证完成。在创建方式中选择 Upload your static files适用于已经准备好 HTML、CSS、JavaScript 和静态资源的项目。2. 上传文件并部署进入 Upload and deploy 页面后点击文件或文件夹入口选择网站构建产物。若是普通静态网站确保目录中有可作为首页的 index.html。文件上传完成后为 Worker 设置一个便于识别的名称再点击 Deploy。部署完成时页面会提示所有文件已成功上传。确认 Worker 名称无误后提交部署。部署后 Cloudflare 会先提供一个 workers.dev 地址可先用它确认首页、静态资源和页面跳转都正常再绑定正式域名。八、把自定义域名绑定到 Worker1. 打开 Worker 的 Domains 标签在 Worker 详情页进入 Domains在 Custom Domains and Routes 区域点击 Add Domain。在弹窗列表中选择刚刚显示为 Active 的 Cloudflare 域名。2. 选择根域名或子域名选择自己的子域名确认后点击 Add domain。Cloudflare 会自动为 Worker 创建所需的 DNS 记录。因此不要在同一个主机名上提前手动创建冲突的 CNAME 记录有冲突时先删除或调整旧记录再重新添加自定义域名。九、验证网站访问结果等待绑定状态就绪后在浏览器访问刚添加的根域名或子域名。截图中的静态网站已通过自定义域名正常打开。建议按以下顺序检查首页能否以 https:// 正常打开CSS、JavaScript、图片等静态资源是否都加载成功页面内链接和浏览器刷新是否正常Worker 的 workers.dev 地址和自定义域名是否指向预期内容Cloudflare DNS 页面中是否出现自动创建的 Worker 相关记录。若域名能解析但网站打不开先确认 Worker 已部署成功再进入 Worker 的 Domains 页面检查自定义域名状态。若只看到 DNS 记录而没有绑定 Worker域名不会自动把请求交给 Worker。十、常见问题1. Cloudflare 无法添加 DigitalPlat 域名确认填入的是完整域名例如 myproject.dpdns.org而不是父域 dpdns.org、www 主机名或带协议的网址。且.qd.je 域名无法添加。2. NS 填写后仍显示 Pending检查 DigitalPlat 的 NAME SERVER 1、NAME SERVER 2 是否准确填入 Cloudflare 分配值其他 NS 是否清空并等待 DNS 传播。不要填 Cloudflare 公共 DNS 的 IP 地址。3. Active 之后域名仍无法打开Active 只表示名称服务器已经托管到 Cloudflare不等于网站已部署。请继续完成 Worker 部署和自定义域名绑定或者在 Cloudflare DNS 中添加指向其他主机的正确记录。4. 添加 Worker 自定义域名失败自定义域名必须属于当前账号中已经 Active 的 Cloudflare 区域目标主机名不能已有冲突的 CNAME 记录。删除冲突记录后重试。5. 根域名可访问www 无法访问自定义域名按精确主机名匹配。给根域名绑定 Worker 后www 不会自动生效为 www 单独绑定或为它添加跳转规则。