Cloudflare · 网页部署零基础教程

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

  1. 登录 Cloudflare Dashboard
    打开浏览器,访问:
    https://dash.cloudflare.com
    用你注册 Cloudflare 时的邮箱和密码登录。
  2. 进入 Workers & Pages 页面
    登录后,看左侧菜单栏,找到并点击:
    Workers 和 Pages
    (英文界面显示为 "Workers & Pages")
  3. 创建新项目
    点击页面右上角的蓝色按钮:
    创建(或 "Create")
    然后选择 Pages 标签页(不要选 Workers)。
  4. 选择「直接上传」
    你会看到两个选项:
    • 连接 Git → 适合程序员,忽略它
    • 直接上传(Upload assets) → 点这个!
  5. 给项目起个名字
    在 "Project name" 那栏输入:
    a68x
    这个名字会生成一个临时网址 a68x.pages.dev,后面我们会绑定你的真实域名。
  6. 上传你的 HTML 文件
    把我之前给你做的那个 a68x_index.html 文件先改名为 index.html

    超级重要 文件必须叫 index.html!这是网站首页的固定名称。如果叫别的名字,打开网站会显示 404。
    然后把 index.html 拖拽到上传区域,或者点击选择文件来上传。
  7. 点击「部署站点」
    Deploy site(部署站点)按钮。
    等几秒钟,部署完成后你会看到一个网址:
    https://a68x.pages.dev
    点开它,你的网页已经能看到了!
恭喜 到这里,你的网页已经在互联网上了。a68x.pages.dev 这个地址任何人都能访问。接下来我们把它绑定到你自己的域名 a68x.com

2 绑定 a68x.com 域名

前提 你的 a68x.com 域名是在 Cloudflare 注册的,所以 DNS 已经自动托管在 Cloudflare 上了——这省了很多麻烦,不需要额外改 DNS。
  1. 进入你刚创建的 Pages 项目
    在 Cloudflare Dashboard 中:
    Workers 和 Pages → 点击 "a68x" 项目
  2. 点击「自定义域」标签
    进入项目后,顶部有几个标签页,点击:
    自定义域(Custom domains)
  3. 添加域名
    点击 设置自定义域(Set up a custom domain) 按钮。
    输入:
    a68x.com
    然后点确认。
  4. 再添加一个 www 版本(可选但推荐)
    重复上面的操作,再添加一个:
    www.a68x.com
    这样不管别人输入 a68x.com 还是 www.a68x.com 都能访问。
  5. 等待 DNS 生效
    因为域名在 Cloudflare 注册的,DNS 记录会自动配好,通常几分钟内就能生效。
    Cloudflare 还会自动帮你配好免费的 HTTPS 证书(那个小锁图标),不需要你做任何事。
  6. 验证
    打开浏览器,访问:
    https://a68x.com
    看到你的网页了吗?搞定!🎉

3 以后怎么更新网页?

每次你修改了 index.html,需要重新上传来更新网站:

  1. 登录 dash.cloudflare.com
  2. 点击 Workers 和 Pages → 点击 "a68x" 项目
  3. 点击 创建新部署(Create deployment) 按钮
  4. 上传新的 index.html 文件
  5. 点击部署,几秒钟后网站就更新了
小技巧 每次部署都会保留历史版本。如果新版本搞砸了,可以在「部署记录」里一键回滚到之前的版本。

4 lhl568.workers.dev 怎么办?

这个 Worker 如果你不打算用,可以删掉,也可以留着不管(不会产生费用)。

如果要删除:

  1. 进入 Workers 和 Pages
  2. 找到 lhl568,点击它右边的三个点
  3. 选择 删除(Delete)

完整流程总结

从零到上线,只需要 4 步 ① 把 a68x_index.html 改名为 index.html
② 在 Cloudflare Pages 创建项目,上传 index.html,部署
③ 在项目的「自定义域」里绑定 a68x.com
④ 等几分钟,打开 https://a68x.com 验证

全程免费,不需要服务器,不需要写代码。