0 先搞清楚三个东西
一句话理解
域名(a68x.com)= 门牌号 → 告诉别人怎么找到你
托管平台(Cloudflare Pages)= 房子 → 你的网页文件住在这里
Workers(lhl568.workers.dev)= 一个可以跑代码的小程序 → 不适合放静态网页
你的 lhl568.workers.dev 没内容是因为它只是一个空的 Worker 程序,你没有往里面写代码。Workers 不是用来托管网页的,它是用来跑后端逻辑的。
要把网页放上去,你应该用 Cloudflare Pages——这才是专门用来托管网站的服务,而且完全免费。
❌ Workers
用来跑后端代码(JavaScript),不是放网页的。你的 lhl568.workers.dev 就是这个。
✅ Cloudflare Pages
专门用来托管静态网站。上传 HTML 文件就能自动生成网址,还能绑定自己的域名。
1 上传网页到 Cloudflare Pages
-
登录 Cloudflare Dashboard
打开浏览器,访问:
https://dash.cloudflare.com
用你注册 Cloudflare 时的邮箱和密码登录。
-
进入 Workers & Pages 页面
登录后,看左侧菜单栏,找到并点击:
Workers 和 Pages
(英文界面显示为 "Workers & Pages")
-
创建新项目
点击页面右上角的蓝色按钮:
创建(或 "Create")
然后选择 Pages 标签页(不要选 Workers)。
-
选择「直接上传」
你会看到两个选项:
- 连接 Git → 适合程序员,忽略它
- 直接上传(Upload assets) → 点这个!
-
给项目起个名字
在 "Project name" 那栏输入:
a68x
这个名字会生成一个临时网址 a68x.pages.dev,后面我们会绑定你的真实域名。
-
上传你的 HTML 文件
把我之前给你做的那个 a68x_index.html 文件先改名为 index.html。
超级重要
文件必须叫 index.html!这是网站首页的固定名称。如果叫别的名字,打开网站会显示 404。
然后把 index.html 拖拽到上传区域,或者点击选择文件来上传。
-
点击「部署站点」
点 Deploy site(部署站点)按钮。
等几秒钟,部署完成后你会看到一个网址:
https://a68x.pages.dev
点开它,你的网页已经能看到了!
恭喜
到这里,你的网页已经在互联网上了。a68x.pages.dev 这个地址任何人都能访问。接下来我们把它绑定到你自己的域名 a68x.com。
2 绑定 a68x.com 域名
前提
你的 a68x.com 域名是在 Cloudflare 注册的,所以 DNS 已经自动托管在 Cloudflare 上了——这省了很多麻烦,不需要额外改 DNS。
-
进入你刚创建的 Pages 项目
在 Cloudflare Dashboard 中:
Workers 和 Pages → 点击 "a68x" 项目
-
点击「自定义域」标签
进入项目后,顶部有几个标签页,点击:
自定义域(Custom domains)
-
添加域名
点击 设置自定义域(Set up a custom domain) 按钮。
输入:
a68x.com
然后点确认。
-
再添加一个 www 版本(可选但推荐)
重复上面的操作,再添加一个:
www.a68x.com
这样不管别人输入 a68x.com 还是 www.a68x.com 都能访问。
-
等待 DNS 生效
因为域名在 Cloudflare 注册的,DNS 记录会自动配好,通常几分钟内就能生效。
Cloudflare 还会自动帮你配好免费的 HTTPS 证书(那个小锁图标),不需要你做任何事。
-
验证
打开浏览器,访问:
https://a68x.com
看到你的网页了吗?搞定!🎉
3 以后怎么更新网页?
每次你修改了 index.html,需要重新上传来更新网站:
-
登录 dash.cloudflare.com
-
点击 Workers 和 Pages → 点击 "a68x" 项目
-
点击 创建新部署(Create deployment) 按钮
-
上传新的
index.html 文件
-
点击部署,几秒钟后网站就更新了
小技巧
每次部署都会保留历史版本。如果新版本搞砸了,可以在「部署记录」里一键回滚到之前的版本。
4 lhl568.workers.dev 怎么办?
这个 Worker 如果你不打算用,可以删掉,也可以留着不管(不会产生费用)。
如果要删除:
-
进入 Workers 和 Pages
-
找到
lhl568,点击它右边的三个点 ⋯
-
选择 删除(Delete)
✓ 完整流程总结
从零到上线,只需要 4 步
① 把 a68x_index.html 改名为 index.html
② 在 Cloudflare Pages 创建项目,上传 index.html,部署
③ 在项目的「自定义域」里绑定 a68x.com
④ 等几分钟,打开 https://a68x.com 验证
全程免费,不需要服务器,不需要写代码。