首页 / 操作手册 / 注册部署图解版

🖼️ 注册与部署 · 图解版

把「上线拿网址」这一步拆到最细。每个界面都有示意图,红色框 = 你要点的地方,照着做即可。全程约 15 分钟,免费。

开始前准备:① 一个能收邮件的邮箱(QQ/163/ Gmail 都行);② 本站压缩包(已为你打包好,见文末)。
1

打开 Cloudflare 官网并注册

https://dash.cloudflare.com/sign-up
Cloudflare 官网首页布局示意(顶部右侧有登录/注册)
cloudflare Log in 1Sign up
还在电脑上,右上角点 Sign up(注册)
动作说明
①浏览器地址栏输入 dash.cloudflare.com/sign-up 回车。
②页面右上角点橙色的 Sign up(示意图 1 号位置)。
2

填写邮箱和密码

https://dash.cloudflare.com/sign-up
注册表单示意
Create your Cloudflare account
2Create Account
动作说明
①Email 填你的邮箱,Password 设一个密码(建议记在手机备忘录里)。
②点 Create Account(2 号位置)。
③去邮箱收一封 Cloudflare 的验证邮件,点邮件里的链接完成验证(这一步必须做,否则后面进不去)。
✅ 做对的标志:邮件验证后会自动跳回 Cloudflare 后台,看到左侧有一排菜单,说明账号搞定。
3

进入 Workers & Pages

https://dash.cloudflare.com
Websites
3Workers & Pages
Overview
Account Home
Workers & Pages
左侧菜单找到并点击「Workers & Pages」(3 号位置)
4Create
动作说明
①左侧菜单点 Workers & Pages(3 号)。
②右上角点蓝色 Create(4 号)。
4

选择 Pages → Upload assets(上传模式)

Create application
弹出面板示意
Create
Workers
5Pages
选完 Pages 后,下方会出现三个选项,选最后一个:
Connect to Git Use a template 6Upload assets
动作说明
①在弹出面板里点 Pages(5 号)。
②接着点 Upload assets(6 号)——这是「不用连 GitHub」的最省事模式。
⚠️ 别选「Connect to Git」,那需要 GitHub 账号和操作仓库,对新手更麻烦。
5

填项目名并上传压缩包

Upload assets to Pages
上传界面示意
Create project
7📦 把「速算工具箱_上传包.zip」拖到这里
(或点 "Select from computer" 选择文件)
8Deploy
动作说明
①项目名框里填英文名,如 my-toolbox(7 号位置上方)——它会成为你网址的前半段。
②把压缩包拖到虚线框里,或点 Select from computer 选择文件(7 号)。
③文件传完后,点蓝色 Deploy(8 号)。
④等 30–60 秒,页面出现 🎉 和绿色 Successfully deployed。
🚨 最容易出错的地方:压缩包必须是「打开后直接就看到 index.html」的那种。如果你打包时把 /workspace 这层文件夹也包了进去(打开 zip 后还要再点一层文件夹才看到 index.html),首页就会打不开、显示 404。文末给的压缩包已按正确方式打好。
6

拿到网址并验收

Deployment success
部署成功页示意
✅ Successfully deployed!
9https://my-toolbox.pages.dev
这就是你的网址,复制保存下来
动作说明
①复制 https://项目名.pages.dev 这个网址(9 号)。
②浏览器打开它,确认能看到首页。
③点几个工具页、教程页,确认都能正常打开、样式没乱。
✅ 全部通过 = 上线成功!把这个网址发给朋友,或填到小红书/知乎的「个人主页链接」里,就可以开始引流了。

上线后立刻要做的 3 件事

顺序做什么怎么做
第 1 件换掉占位网址用记事本打开 sitemap.xml,Ctrl+H 把 https://your-domain.com 全部替换成你的 pages.dev 网址,保存后重新上传一次。
第 2 件放微信二维码微信里保存自己的二维码 → 改名 qrcode.png → 替换 lead.html 里的占位框(详见 主操作手册 第 ④ 步)→ 重新上传。
第 3 件发第一条内容复制 content/小红书_AI搞钱10条_成品.md 去小红书发,文末写上你的网址。

想更省事这 3 件事?把对应文件和你的需求发给任意免费 AI(豆包/通义/Kimi),说「帮我把里面的 xxx 换成 yyy,给我完整文件」,复制粘贴即可。

出错了怎么办

现象原因与解决
打开网址显示 404 / 文件不存在压缩包多包了一层文件夹。重新打包:选中 index.html、tools、blog、assets 等内容本身再压缩。
首页能开但样式全没了assets 文件夹没传上去,或路径不对。确认压缩包里有 assets/css/style.css。
一直卡在上传不动文件太大或网络慢。本站压缩包很小(不到 1MB),换个网络重试即可。
收不到验证邮件检查垃圾邮箱;或换 Gmail 注册。

← 返回完整操作手册 | 回首页