01 / 问题
你的网页,
还困在电脑里
你用 AI 做好了一个漂亮的网页。但它现在只待在你自己的电脑里,除了你,没有人能打开它。
就像你做了一桌好菜,餐厅却还没开门——香味飘不出厨房,客人进不来。
要让全世界都能访问,你得把它「搬到网上」。这件「开门营业」的事,就是接下来要解决的。
不用懂代码。用几个生活里的比喻,几分钟就明白它是干嘛的、怎么用。
(顺便说一句——你正在看的这一页,就是用它部署上线的。)
你用 AI 做好了一个漂亮的网页。但它现在只待在你自己的电脑里,除了你,没有人能打开它。
就像你做了一桌好菜,餐厅却还没开门——香味飘不出厨房,客人进不来。
要让全世界都能访问,你得把它「搬到网上」。这件「开门营业」的事,就是接下来要解决的。
把 Cloudflare 想象成一家 超级物业公司。你的网站是它名下的一间店铺,它一条龙全包了:
重点:基础服务全部免费,个人用完全够。
R2 就是这家物业的 网上仓库——把图片、网页、视频丢进去,别人就能通过网址取走。
如果 R2 是仓库,那 Pages 就是物业帮你开的自动售货机。
你只要把做好的网页文件夹「放进去」,它就自动帮你摆好货架、贴好标签、开门迎客。专为网页设计,部署网站最省心——这也正是这一页用的东西。
前面那些服务,平时你得登录 Cloudflare 网站、点来点去才能操作。而牧马人(Wrangler)让你 在命令行里敲一行命令就搞定。
它就是 Cloudflare 的遥控器——不用起身走到电视机前按按钮,坐着按一下就行。
在终端敲一行,把牧马人装进电脑。
每台电脑一次它会弹出浏览器,你点一下「允许」就连上了。
每个账号一次把网页文件夹推上去,几秒后给你一个网址。
每次更新$ npm install -g wrangler
✓ 牧马人已装进你的电脑
$ wrangler login
→ 浏览器弹出,点一下「允许」
✓ 已和你的 Cloudflare 账号配对
$ wrangler pages deploy ./我的网页
✨ 部署完成! https://我的网站.pages.dev 这三行命令,你甚至不用背下来。只要对 AI 助手(比如 Claude)说一句:
「帮我把这个文件夹部署到 Cloudflare。」
它就会拿起牧马人这把遥控器,替你把命令一行行敲完。你负责创作,按按钮的事交给 AI。
🥚 彩蛋:你正在看的这一页,本身就是用牧马人的一行命令 wrangler pages deploy 部署到 Cloudflare 上的。比喻成真。