建站工具彻底完蛋了，只是它们自己还不知道。Framer、Webflow、Squarespace、Wix，全都要被淘汰。这就是目前市场的真相。我去年在这些工具上花了六千美元，今年这个数字直接归零。
为啥？因为我发现了一个免费方案，用AI把网站搭起来，托管在Cloudflare上，一分钱不花。
我有个Webflow网站，就一个工作区，每年一千多美元。Wix的Business Elite套餐快两千了。再加上Squarespace和Framer，还没上线呢，两千五百欧元就没了。这些工具本来是想帮我们这些不会编程的人。结果它们自己变成了大麻烦，又贵又碍事。
现在情况变了。我们不需要写代码，只需要对话。准确说，是Claude写代码，我们来指挥它。技术应该消失在后头才对。用户根本不应该感觉到技术的存在。这些老工具太显眼了，每一秒都在提醒你“我在用建站工具”。
新方案就五样东西，你大概率已经有了
假设你已经买了域名，那么只需要准备这五样。
- 免费注册GitHub账号。搞定。我们接下来做的所有事情都永久免费，一分钱不用花。
- 免费开通Cloudflare或者Vercel账号。用它们的免费套餐就行了，个人网站完全够用。
- 订阅任何AI服务。我推荐Claude，因为我们会用Claude Design来做设计工作，效果特别好。
- 在你电脑上装好Visual Studio Code。这是代码编辑器，免费的，随便下。
- 在VS Code里安装Claude Code。去扩展商店搜索“Claude”，点安装，然后用你的Claude账号登录就行。整个过程两分钟。
如果你卡在某个步骤上了，直接把报错信息复制到Claude里问它。它会手把手教你操作，比任何教程都管用。
我的食谱就十四个步骤，周末就能搞定
现在任何人都能用这十四个步骤，免费搭建并发布任何网站。
百分之九十九的使用场景都适用。部署免费，维护免费，唯一的成本就是你每年要续费域名。
说实话我还没仔细研究过域名续费这件事。我所有域名续费每年要两千美元，这确实是下一步要解决的问题。不过比起之前六千美元的年费，已经省了三分之二了。
先去Pinterest上扒几张图找灵感
五张图就够了。当然你也可以用自己已有的网站截图来参考。
搜索词随便填，比如“网站首页设计”、“UX/UI界面”、“个人网站模板”之类的。挑那些符合你审美的风格，把图片保存下来。
这一步特别重要。AI需要知道你想要什么样的视觉风格，不然它只能瞎猜。Pinterest上全是好东西，随便翻翻就有灵感。
让AI帮你整理所有资料
打开Claude或者其他AI工具。把你所有信息都扔进去：领英链接、个人项目介绍、你卖什么产品、你在做什么工作，全给AI。
然后问它：Create an MD file with the structure and copy of my page。
AI会给你生成一个干净的Markdown文件，里面有用你自己的语气写好的页面结构和文本。保存下来，这就是你的内容草稿。
别小看这一步。很多人的网站看起来别扭，就是因为内容和设计脱节。先让AI帮你把内容梳理清楚，后面的事情就顺了。
把灵感变成设计指令
把之前保存的五张Pinterest图片，粘贴到同一个聊天窗口里。
然后问AI这个问题：Create full instructions for a web AI developer, in markup, based on these references。
AI会基于这些参考图，生成一份详细的设计简报。这份简报就是给后面的AI开发看的，告诉它你要什么样的布局、配色、字体。
设计简报里包含了所有视觉细节。哪个模块放在哪里，用什么颜色，间距多大，全都写清楚了。AI比人类设计师还听话，给什么指令就执行什么。
生成视觉方案，挑一个你喜欢的
去Claude Design网站。把之前保存的MD文件（就是你的内容）和设计简报一起粘贴进去。
要求它们提供五个完全不同的视觉方案。等着就行，Claude会给你生成五套完整的设计。
五套方案摆在你面前，随便挑。有简约的，有花哨的，有商务风的，有创意风的。总有一款适合你。
选好之后，告诉Claude Design你选的是哪个版本。然后让它把设计生成到文件夹里，路径是/website/home.html。
这一步特别爽。以前找人设计网站，来回改十几次都不一定满意。现在五分钟出五套方案，不满意就重新生成，完全没成本。
拿到交接文件，准备开工
让Claude Design给你完整的交付文件，这些文件是给Claude Code用的。
下载压缩包，解压到你电脑上的一个文件夹里。这个文件夹就是你的项目根目录，所有代码都放这儿。
打开VS Code，用“打开文件夹”功能打开这个项目文件夹。现在你可以看到所有文件了。
问问Claude Code：Read this folder and build everything. Astro with HTML preferred for static sites and SEO. Match the design 1:1。
选Astro是因为它生成静态网站，SEO特别好，而且几乎没有JavaScript代码，加载速度飞快。如果你不在乎这些，换成Next.js或者纯HTML也行，步骤完全一样。
这段话你看不懂也没关系，原样复制给Claude Code就行。AI知道怎么处理。
然后等着。第一次等的时间会长一点，因为AI要搭建项目框架、写代码、安装各种依赖包。
你可以去泡杯咖啡，或者刷会儿手机。等回来的时候，代码应该已经写好了。
本地跑起来看看效果
代码写完之后，问Claude Code：Can you run it locally for me?
或者更直接一点，在VS Code的终端里输入“npm run dev”。终端一般在底部面板，找不到的话让AI帮你打开。
AI会生成一个本地地址，通常是http://localhost:5555之类的。点开这个链接，你就能在浏览器里看到自己的网站了。
检查一下网站对不对。文字有没有错别字，图片显示正不正常，点链接能不能跳转。有问题就让Claude Code改，告诉它哪里不对，它会立刻调整。
这一步就像试衣服。本地跑起来就是试穿，不合适就改，改到满意为止。不用花钱，不用求人，全靠指挥AI。
去GitHub建个仓库存代码
打开GitHub网站，登录你的账号。创建一个新仓库，设置成私有仓库。
仓库名字随便起，就叫“my-website”或者“personal-site”都行。但一定要选私有，别选公开。虽然你的代码也没啥见不得人的，但习惯从私有开始总是好的。
创建完之后，GitHub会给你一个仓库地址。复制这个地址，待会儿要用。
让Claude Code帮你同步到GitHub
回到VS Code，告诉Claude Code把项目同步到GitHub。
AI会引导你完成身份验证。点几个按钮，授权访问权限，就搞定了。全程不用自己敲Git命令。
同步成功之后，你的代码就安全地躺在GitHub的私有仓库里了。以后换电脑也能拉下来继续改，出了问题也能回滚到之前的版本。
这一步的意义在于，代码不再是本地的一堆文件，而是有了版本控制。你做的每一次修改都有记录，随时可以找回。
第一次部署，听AI的就行
Claude Code会问你一些问题，比如用什么分支部署，要不要自动构建。全部答应就行，选默认选项。
暂时不用管什么分支策略、拉取请求那些专业概念。先把第一个版本顺利发布出去，后面熟悉了再优化流程。
这就像第一次开车上路，别管什么漂移技巧，能平稳开到目的地就行。
去Cloudflare创建Pages项目
打开Cloudflare，登录账号。找到Pages这个产品，创建一个新项目。
把Pages项目连接到你的GitHub仓库。Cloudflare会要求你授权访问GitHub，点同意就行。
连接成功之后，Cloudflare会自动读取你的代码仓库。它会检测到你用的是Astro框架，然后自动配置构建命令。
如果你在某个步骤卡住了，直接把报错信息复制到ChatGPT或者Claude里。让它一步一步指导你操作，比任何官方文档都好用。
把域名指向Cloudflare
更新你的DNS记录，把你的域名指向Cloudflare。这个过程大概两分钟。
具体怎么操作？把这段话复制到任何AI工具里：Guide me how to move my DNS nameservers to Cloudflare free plan to deploy some pages with them. Including backing up DNS settings in the old just in case in a csv。
AI会根据你用的域名注册商，给出详细的操作步骤。还会提醒你先备份旧的DNS设置，导出成CSV文件，以防万一。
域名迁移听起来吓人，其实就是改两个服务器地址。跟改WiFi密码差不多难度。
网站上线了，每年零美元
DNS解析生效之后，你的网站就正式上线了。全世界的人都能访问了。
每年花费零美元。永久免费，只要你不主动升级到付费套餐。
Cloudflare免费套餐每天可以承受十万次访问。个人网站、小型项目、甚至初创公司的官网，这个量完全够用。
当然Cloudflare以后可能会改规则。但目前来说，免费套餐够绝大多数人用了。
你实际拿到了什么好处
每年省下六千美元，这个数字还在涨。因为我每多做一个项目，就多省一笔钱。
你完全拥有自己的代码、网站和数据。不是租的，不是托管的，就是你自己的。想改就改，想搬走就搬走，没人拦你。
没有平台告诉你哪些AI政策适用于你。Webflow可能会突然说“用AI生成的内容要加钱”，但你自己部署的网站没人管。
没有CMS锁定。内容管理系统换了一个又一个，但你的代码和内容永远在自己手里。
网站速度更快，SEO效果更好。因为生成的是纯静态文件，没有数据库查询，没有后台渲染。搜索引擎喜欢快的网站。
任何人都能在周末搞定这件事。不是程序员专属，不是技术人员特权。能上网、会用AI、愿意花两天时间，就能做成。
老办法真的过时了
Webflow那一套已经死了，只是它们自己还没意识到。
Framer、Squarespace、Wix，全都在重复同样的错误。它们以为自己的价值是“让不会编程的人建网站”，但现在AI直接把这个需求消灭了。
如果你觉得这个方案对别人也有用，就转发给他们看看。省下六千美元，够买很多东西了。
对于我这种非技术背景的普通人来说，未来掌握在自己手里。能把AI工具用到什么程度，完全取决于我愿不愿意学、愿不愿意试。
我现在的年收入目标是两万美元，主要通过增加订阅服务和产品来实现。这套建站方案省下来的钱，直接变成我的利润。
把这些工具用到极致，谁都拦不住你。