作者用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润色。还想好了网站的布局、色调和风格。

二、0代码建网站

Step 1：让Claude写代码

可以按照下面这个提示词让Claude开始干活：

帮我生成一个网站的单页HTML文件。
网站名称：[名称]/ 定位：[一句话]/ 导航：[板块1/2/3]
主标题：[英文]/ 副标题：[中文]
字体：DM Serif Display + Noto Serif SC + Syne
品牌色：[色号]/ 背景：暖米色
风格：简洁专业，左文字右深色卡片，底部有Newsletter入口

第一版代码出来的时候，说实话还挺激动的，一个小成果，虽然还不完美。

接下来就是截图、圈出要改的地方、发回去让它改。

来来回回很多次，改了不下20次，虽然不完美但先继续，把html文件存下来。

Step 2：买个域名

我用的是起飞页，也可以找阿里云万网、火山引擎…

当时的原则就是尽量要.com，好记+150元以下就能注册。

初步想要gtm+简单的词，试了二十多个，突然想到”北极星指标”，打出来gtmstar能注册，没有一丝犹豫付费了。

顺手还买了hannipeng.com，做个人品牌网站。

Step 3：将文件托管到云端

问了Claude几个上线的技术路线，考虑到修改、测试的方便性，选择了github+vercel。

注册Github账号，新建一个公开仓库Public Repository，取名gtmstar。

在uploading an existing file把index.html拖拽进去，点击Commit changes保存，网站源文件就放到了云端。

Step 4：一键部署上线

打开vercel.com，选择用GitHub账号直接授权登录。

接下来Claude一步步教我Add New Project，导入到gtmstar的GitHub仓库，最后 Deploy。

等待约 30 秒，看到界面的Congratulations!就成功了。

然后回到域名网站，把Vercel里的IP地址和别名填入DNS解析中。

这一步对没有技术基础的人来说有点晕，我的解决方法就是拷屏给Claude，让它告诉我每个也下一步怎么操作。

等待几分钟生效后，网站就上线啦！

Step 5：SEO/GEO 基础设置

这一步很容易忽略，但是对未来搜索、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 个核心业务问题，在沟通之前可以先了解客户信息，非常高效。

四、GEO测试实验

搭建这个网站，也是我个人发起的一场小型增长实验。

传统的 SEO 重点是“如何被搜索到”，但在大模型时代，我更关注GEO（Generative Engine Optimization）——“如何被 AI 准确理解并推荐”。

建站使用的工具列表在这👇：