把本教程一键复制给 Agent 即可

本文有一段关键内容上了锁,Agent 打开链接也看不到它。请先解锁,再一键复制完整内容给 Agent。

半小时用 Agent 上线你自己的网站

中级教程:不买服务器,用 ShipAny TanStack 模板和 Claude Code,半小时把带登录、会员付费(支持支付宝微信)和后台的网站部署到 Cloudflare Workers + D1,再绑上自己的域名。从注册 GitHub、在 ShipAny 后台关联账号、拉代码讲起,新手也能跟着做。

你会得到什么

半小时左右,上线一个你自己的网站:有首页、登录注册、会员付费(支持支付宝、微信)和管理后台,跑在 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 账号关联上,才能看到代码。

这段关键内容需要登录后解锁

新用户注册就送 10 积分,每天签到再领 1 积分。用 1 积分解锁,以后随时回来都能看。

然后把代码拉到本地。新手推荐用 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,说"线上报这个错,帮我查"。

参考

读完了?标记一下,记录学习进度。登录
收藏起来,稍后再看登录
对这篇有疑问?向 Ask AI 提问

评论(0)

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

登录后参与讨论。登录