你会得到什么
半小时左右,上线一个你自己的网站:有首页、登录注册、会员付费(支持支付宝、微信)和管理后台,跑在 Cloudflare 上,绑定你自己的域名。
- 不用买服务器。 网站部署在 Cloudflare Workers,数据库用 Cloudflare 的 D1,起步免费。
- 代码几乎不用自己写。 模板里自带写给 Agent 的 Skill,你用一句话描述网站,Agent(Claude Code、Codex 等)照着 Skill 写代码、部署上线。
- 本站 CWYZ 就是用同一套模板和做法上线的。
需要准备
| 准备什么 | 说明 |
|---|---|
| Cloudflare 账号 | 浏览器里已经登录好。没有的话去 cloudflare.com 免费注册 |
| GitHub 账号 | 用来拿模板代码。没有的话去 github.com 免费注册 |
| ShipAny TanStack 模板 | 付费模板,买一次一直能用。通过 这个链接 购买可优惠 25 美元 |
| 一个 Agent | 推荐 Claude Code,也可以用 Codex 等能在终端里干活的 Agent |
| 一个域名(可选) | 先用 Cloudflare 免费给的 *.workers.dev 地址也行,以后再绑 |
电脑上还要装好 Node.js 22 以上和 pnpm 10、Git。不会装就让 Agent 帮你装:"帮我检查并安装 Node.js 22、pnpm 10 和 Git"。
第 1 步:GitHub 账号关联 ShipAny,拿到代码(约 5 分钟)
ShipAny 的模板代码放在 GitHub 的私有仓库里,买完后要把你的 GitHub 账号关联上,才能看到代码。
然后把代码拉到本地。新手推荐用 GitHub 官方命令行 gh,登录走浏览器,不用配 SSH 密钥:
# 安装 gh(Mac 用 Homebrew;Windows 可用 winget install GitHub.cli)
brew install gh
# 浏览器里登录 GitHub
gh auth login
# 拉代码:把 <仓库名> 换成你在 GitHub 上看到的 TanStack 模板仓库名
gh repo clone shipany-ai/<仓库名> my-site
cd my-site
pnpm install
my-site是你本地的文件夹名,随便起。已经配好 SSH 的话,也可以直接git clone复制来的地址。
第 2 步:让 Agent 按你的想法做网站(约 10~15 分钟)
在 my-site 目录里打开 Claude Code:
claude
模板自带 /quick-start 这个 Skill。把你想做的网站用一句话告诉它,越具体越好:做什么、给谁用、怎么收费、想参考哪个网站的样子。
/quick-start 做一个 AI 壁纸生成器,叫 WallpaperAI,用户输入提示词生成壁纸,按月订阅,设计参考 jasper.ai
Agent 会问你缺的信息(网站名、数据库选什么、域名),然后自己改配置、做首页、接好登录和付费。数据库这一步直接告诉它:用 Cloudflare D1。
做完后在本地看一眼:
pnpm dev
浏览器打开 http://localhost:3000。哪里不满意,直接用中文告诉 Agent 改,比如"首页标题换成……""价格改成每月 9.9 美元"。
第 3 步:一句话部署到 Cloudflare(约 5~10 分钟)
对 Agent 说:
/deploy-cloudflare 部署到 Cloudflare Workers,数据库用 D1
这个 Skill 会自动完成:创建 D1 数据库、建表、初始化权限、配置密钥、构建、部署,最后帮你建一个管理员账号。
中间唯一要你动手的是授权 Cloudflare:Agent 运行 wrangler login 时会打开浏览器。因为你浏览器里已经登录了 Cloudflare,页面上点 Allow 就行,不用再输密码。
部署前 Agent 会让你确认一次(这是唯一不能撤回的一步),回复"确认"。完成后它会给你一个 https://<名字>.<你的账号>.workers.dev 的地址,打开就能访问。
D1 数据库的名字建议用你的域名:比如域名是
wallpaperai.com,数据库就叫wallpaperai。D1 建好后不能改名。
第 4 步:绑定你自己的域名(约 2 分钟)
域名要先加到 Cloudflare 里(在 Cloudflare 买的域名自动就在)。然后二选一:
- 让 Agent 做: "把 wallpaperai.com 绑定到这个 Worker"。
- 自己点: Cloudflare 后台 → Workers & Pages → 选你的 Worker → Settings → Domains & Routes → Add → Custom Domain,填域名保存。
几分钟内生效,HTTPS 证书 Cloudflare 自动配。绑好后让 Agent 把网站地址改成新域名再部署一次,登录回调等功能才不会跳回旧地址。
第 5 步:后台配置收款和登录
用第 3 步建的管理员账号登录 你的域名/admin,在 Settings 里配置:
- 收款: 支持 Stripe、PayPal、Creem,以及支付宝、微信支付。填对应平台给你的商户信息。
- 登录: 邮箱登录默认可用;要 Google、GitHub 一键登录,填对应的 OAuth 信息。
- 存储、邮件、AI 等也都在这里配,不用改代码。
以后怎么改
- 改内容、加功能: 继续对 Agent 说,比如"加一个博客页面""用户中心加一个积分记录"。模板里还有
/new-page、/new-module等 Skill。 - 重新上线: 每次改完说"重新部署",Agent 会再跑一遍
/deploy-cloudflare,可以反复跑。 - 上线前检查: 说"跑一遍上线检查",
/launch-audit会检查手机适配、深色模式、SEO、性能和安全。
费用
- 起步免费。 Cloudflare Workers 和 D1 都有免费额度,个人网站一般够用。
- 访问量起来了、站多了: 开 Workers Paid,每月 5 美元,支持国内的信用卡。免费版 D1 每天最多写入 10 万行,超了网站能看但不能注册、下单;付费版额度大很多。
常见问题
- GitHub 上看不到仓库: 检查激活时填的是 GitHub 用户名而不是邮箱,并确认已经点了 Accept invitation。
gh repo clone报 404: 仓库名打错了,或者登录的不是关联的那个 GitHub 账号。运行gh auth status看当前账号。wrangler login浏览器没反应: 复制终端里打印的链接,粘到已登录 Cloudflare 的浏览器打开。- 部署后打开是空白或报错: 把报错原样贴给 Agent,说"线上报这个错,帮我查"。


评论(0)
还没有评论,来说第一句。