Claude零代码建站:普通人7天打造可商用服务型网站
1. 这不是“低代码”,是普通人第一次真正握住了建站主动权
“普通人花了7天,用Claude建了一个网站——全程没写一行代码”——这句话我第一次看到时,下意识点开又立刻关掉。不是怀疑真假,而是太熟悉那种“AI建站”的宣传话术了:界面炫酷、流程三步、结果空洞。但这次不一样。我花三天时间,照着一位自由职业者在小红书发的零散截图和语音口述复盘,用Claude 3.5 Sonnet(网页版)从零搭起一个能收咨询、展示作品、自动回复邮件的个人服务型网站。没有注册任何建站平台会员,没装插件,没复制粘贴模板代码,甚至没打开过HTML编辑器。整个过程里,Claude不是“帮你写代码”,而是像一位坐在我旁边、语速快但极度耐心的资深前端+产品+运营老友,听我用大白话描述“我想让客户一进来就看到我的三个成功案例,点击后能展开细节,再点‘立即预约’就跳转到微信加好友页面”,然后它反问我:“你希望案例卡片是横向滑动还是网格排列?加载动画需要淡入还是上浮?微信二维码是固定悬浮在右下角,还是只在‘预约’按钮点击后弹出?”——问题本身就在教你怎么思考一个网站该长什么样。
核心关键词已经非常清晰:Claude、零代码建站、普通人、7天、服务型网站、自然语言驱动。这不是给程序员看的AI辅助开发指南,而是为设计师、咨询师、手作人、本地小店主、刚毕业想接私活的学生准备的实操路径。它解决的从来不是“怎么部署React”,而是“我连域名是什么都不知道,怎么让客户搜到我、信任我、联系我”。我试过用其他AI工具走同样路径:ChatGPT会快速给你一份HTML文件,但你得自己找地方上传;Cursor生成的代码结构漂亮,可一旦你问“把‘立即预约’改成红色并放大10%”,它就开始编造CSS类名;而Claude的特别之处在于——它始终把你当成唯一用户,所有输出都锚定在你前一句说的“我的客户主要是40岁以上女性,她们习惯用微信,不常用邮箱”,所以它推荐的联系方式模块,第一顺位永远是微信,第二才是电话,邮箱被放在折叠菜单里,还主动提醒:“建议在微信二维码旁加一句‘添加时请备注‘网站咨询’,方便您快速识别来源’”。
这个项目的价值,不在于技术多前沿,而在于它第一次把“建站决策权”完整交还给了业务发起人。你不需要先学Figma画原型,不用纠结WordPress主题选哪个,更不用求人帮忙改代码。你只需要诚实地说出你的客户是谁、他们最关心什么、你想让他们下一步做什么。剩下的,Claude会用你能听懂的语言,一步步带你确认、调整、落地。下面我就把这7天拆成真实的时间切片,告诉你每一步发生了什么、为什么这么走、哪些地方差点翻车、以及我现在每天还在用的3个Claude提示词模板。
2. 内容整体设计与思路拆解:为什么放弃所有建站平台,死磕Claude?
很多人看到标题第一反应是:“那他肯定用了Webflow或Squarespace,只是没写代码而已。”错了。这次建站全程没碰任何一个第三方建站平台,原因很实际:成本、控制力、学习迁移性。我来算一笔账。一个基础版Squarespace年费$168,Webflow Starter $14/月($168/年),Wix Unlimited $27/月($324/年)。这些价格对个体户不算高,但隐性成本更高——你一旦选了某个平台,等于把内容、样式、用户数据全锁死在里面。想换平台?导出内容格式混乱,样式全部丢失,重新适配要一周。更关键的是,这些平台的“拖拽”本质仍是预设逻辑:你想让图片点击后放大并显示作者信息,它可能根本不支持;你想在表单提交后自动发一条带客户姓名的微信消息,它会告诉你“需升级高级版并接入Zapier”。而Claude驱动的方案,底层是纯静态HTML/CSS/JS文件,你拥有100%所有权,今天生成,明天就能扔进Vercel、Cloudflare Pages或任意FTP服务器,零迁移成本。
所以我们的整体设计思路非常明确:用Claude作为“智能需求翻译器+文档生成器+调试协作者”,产出标准静态文件,托管到免费且永久的现代CDN平台。整个架构只有三层:
- 输入层:我的自然语言描述(比如“首页顶部放一张我工作室的照片,下面写一行字:‘专注帮小商家做能赚钱的微信小程序’”);
- 处理层:Claude 3.5 Sonnet(网页版),负责理解意图、生成符合现代Web标准的HTML/CSS/JS、解释代码逻辑、根据反馈实时修改;
- 交付层:Cloudflare Pages(免费、全球CDN、自动HTTPS、Git集成),把Claude生成的文件一键发布,域名用免费的pages.dev子域,后续可随时绑定自己的域名。
为什么选Cloudflare Pages而不是Vercel?实测下来,Claude生成的静态文件结构极简(通常就index.html + style.css + script.js三个文件),Cloudflare Pages对这种超轻量项目响应更快,首次部署平均23秒,V