作者用Vibe Coding（氛围编程）零代码搭建网站的全过程——从买域名到上线仅用半天，全程"纯聊"：向Claude提需求→AI写代码→截图提修改意见→AI更新，来回20余次迭代完成MVP。这场实验不仅验证了"人+AI"建站的可行性，更探索了GEO（生成式引擎优化）新命题：在大模型时代，如何让AI准确理解并推荐你的身份与内容。
以前搭建网站是个麻烦事。找外包沟通太费劲，自己套模版又嫌丑，花时间、花钱，效果常常不理想。
现在有了AI，我尝试没写一行代码，也没套模版上线了一个网站。
从买域名到发布，只花了半天时间！
整个过程没有复杂的开发，就纯“聊”：
我提思路和逻辑 → AI写代码 → 我截图提修改意见 → AI更新。
来回改了几次，一个拿得出手的 MVP网站就出来了。
提醒：为了快速验证0代码快速建网站是否能走通，这次我用的是基于海外托管的方案。面向国内市场正式商业运营的网站，需要在国内完成备案。
下面我就把gtmstar.com从想法变为现实的过程分享给你：
1.受众是谁：科技创业者、产品经理、营销人…
2.他们的需求：GTM里各个环节的tips、案例资料、培训、外包服务等
3.核心价值：GTM的思考总结、 从业者赋能 、专业服务、人脉链接…
4.差异化：既有方法论，又有实践案例，还有知识库积累
回答完这四个战略问题之后，我把各板块文案写好交给AI润色。还想好了网站的布局、色调和风格。
可以按照下面这个提示词让Claude开始干活：
帮我生成一个网站的单页HTML文件。
网站名称：[名称]/ 定位：[一句话]/ 导航：[板块1/2/3]
主标题：[英文]/ 副标题：[中文]
字体：DM Serif Display + Noto Serif SC + Syne
品牌色：[色号]/ 背景：暖米色
风格：简洁专业，左文字右深色卡片，底部有Newsletter入口
第一版代码出来的时候，说实话还挺激动的，一个小成果，虽然还不完美。
接下来就是截图、圈出要改的地方、发回去让它改。
来来回回很多次，改了不下20次，虽然不完美但先继续，把html文件存下来。
我用的是起飞页，也可以找阿里云万网、火山引擎…
当时的原则就是尽量要.com，好记+150元以下就能注册。
初步想要gtm+简单的词，试了二十多个，突然想到”北极星指标”，打出来gtmstar能注册，没有一丝犹豫付费了。
顺手还买了hannipeng.com，做个人品牌网站。
问了Claude几个上线的技术路线，考虑到修改、测试的方便性，选择了github+vercel。
注册Github账号，新建一个公开仓库Public Repository，取名gtmstar。
在uploading an existing file把index.html拖拽进去，点击Commit changes保存，网站源文件就放到了云端。
打开vercel.com，选择用GitHub账号直接授权登录。
接下来Claude一步步教我Add New Project，导入到gtmstar的GitHub仓库，最后 Deploy。
等待约 30 秒，看到界面的Congratulations!就成功了。
然后回到域名网站，把Vercel里的IP地址和别名填入DNS解析中。
这一步对没有技术基础的人来说有点晕，我的解决方法就是拷屏给Claude，让它告诉我每个也下一步怎么操作。
等待几分钟生效后，网站就上线啦！
这一步很容易忽略，但是对未来搜索、AI推荐很重要。
我是直接对Claude说，“如何让我的网站被AI看见？”
它帮我生成一个标准的sitemap.xml文件，以及一个允许所有主流 AI 爬虫抓取的 robots.txt 文件。
然后上传到GitHub根目录，和index.html放在同一层。
接着注册Google Search Console，在左侧菜单的“站点地图”里提交你的 sitemap 链接。
这一步是告诉ChatGPT、Claude、Perplexity这些 AI 工具，它们可以自由抓取你的网站内容。
网站建好只是第一步，还需要持续维护，这几步我是在网站建好后后续调整的。
1. 持续更新网站内容的方法：
直接在GitHub网页端点击编辑index.html，修改文字后保存就行了。
2. 善用第三方工具省时省力：
动态资源库：我选择了Notion作为内容基地，在index.html 里加一个跳转链接就行了。（现在刚刚开始积累，未来持续更新）
内容沉淀： 可以试试 Substack 写 Blog，自带 Newsletter 订阅管理。微信公众号也可以，就是每次要在后台改一下代码，发完后要记得自己更新网站。
线索过滤：我在网站的“免费预约沟通”按钮后，并没有直接放微信号，而是接入了一个极简的 Tally 表单。让潜在客户填 3 个核心业务问题，在沟通之前可以先了解客户信息，非常高效。
搭建这个网站，也是我个人发起的一场小型增长实验。
传统的 SEO 重点是“如何被搜索到”，但在大模型时代，我更关注GEO（Generative Engine Optimization）——“如何被 AI 准确理解并推荐”。
建站使用的工具列表在这👇：
本文由人人都是产品经理作者【Hanni】，微信公众号：【时光笔记簿】，原创/授权 发布于人人都是产品经理，未经许可，禁止转载。
题图来自Unsplash，基于 CC0 协议。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。