30 分钟、1.36 RMB:从零搭建 CyanLabs 原型
不是技术教程,而是一个平时爱用 AI、电脑里装着 Agent 工具却一直没用武之地的人,第一次让 AI 真正动手干活:半小时加 1.36 元人民币,从零搭出一个网站原型。
写在前面:这不是一篇技术教程,甚至不教你怎么写一行代码。它记录的是另一件事——作为一个平时挺爱折腾 AI 的人,我电脑里装了好几个 AI 工具,可它们在我这儿一直只配聊聊天、答答题。直到我决定认真建一个自己的网站,才第一次让 AI 真正「上手干活」:30 分钟、1.36 元人民币,一个网站的原型真的就立起来了。
一切都从一个问题开始
先把我的底细交代清楚:我平时会用 AI,Gemini、ChatGPT 这些聊天助手用得很顺手,对新工具也一直挺好奇,电脑里甚至装着 Hermes 这类能让 AI 动手干活的 Agent——但说句实话,它们在我这儿一直没派上过真用场。 查资料、问问题、写点小东西,这些聊天就能解决;我始终没遇到一个「值得让 AI 大动干戈」的正经任务。
建网站,是我第一个真正想认真做完的正经任务。
我当时的认知也很朴素:AI 是拿来问的,不是拿来用的。 所以我做的第一件事特别简单——去问 Gemini:如果我想做一个自己的网站,该从哪里开始?
第一步:让 Gemini 帮我定主题、定名字
建网站最难的,往往不是技术,而是想清楚一个问题:我到底要做什么网站?
我脑子里同时有三四个完全不同的想法:想写摄影、想记录一些很生活的事、偶尔还研究点理财和交易。它们跨度太大了,我不知道该选哪个,更不知道怎么把这些杂念捏成一个站。
于是我把所有碎片想法都倒给了 Gemini。它没有急着给方案,而是反过来帮我梳理出了一个很聪明的结构:与其做「一个什么都有的大杂烩」,不如做成「几个清晰专栏拼成的知识园地」。
它帮我把零散的兴趣整理成了四个板块:
- 人工智能 · AI
- 摄影 · Photography
- 交易 · Trading
- 生活省钱 · Everyday Saving
这四个词一出来,我瞬间就懂了——这才是我的网站该有的样子。 它们彼此独立,又共享一种「动手折腾、亲力亲为」的气质。Gemini 还顺着这个气质,帮我起了一个我很满意的名字:
CyanLabs。
「Cyan 是青色,带一点 AI 的冷静和科技感;Labs 是实验室,一个用来做实验、折腾东西的地方。一个青色调、实验室气质的名字,就这么定了——我没给它翻中文,就叫 CyanLabs。整个过程我一行业务代码没写过,只是不停地在和 Gemini 对话——这部分,是聊天 AI 的舒适区。
第二步:搞懂「建站环境」到底是个啥
定了主题和名字,下一个问题很现实:用我手里这台普通 Windows 笔记本,到底能不能不花钱、不买服务器,就把网站做出来?
我又回去问 Gemini。它给我讲了一个关键概念——建站不一定需要买服务器。 有一种叫「静态网站」的东西,做出来就是一些固定的网页文件,直接放到免费的托管平台上,别人就能访问,全程不花服务器钱。
它还给我补了很多「基础环境知识」,我抓到了几个对第一次建站的我最有用的点:
- 电脑上需要装一些「用来跑建站工具」的东西(Node.js 之类),装好照做就行
- 网站文件做完后,扔到一个叫 Cloudflare Pages 的免费平台,就上线了
- 整个过程可以在本地先预览看到效果,满意了再上线,不用怕做坏
这些知识点现在回头看都很基础,但当时的我就像突然开了一扇窗:原来不需要先把那些复杂术语全部搞懂,只要照葫芦画瓢,先把第一步迈出去。
第三步:认识「Agent」这个新物种
环境概念搞懂了,但对我这个「聊天 AI 老手」来说,真正的认知鸿沟在这里:我一直默认 AI 的作用就是回答问题,直到 Gemini 给我介绍了 Agent——一种真的能动手干活的 AI。
它跟我解释,Agent 和普通聊天 AI 最大的不同在于:聊天是你问它答,Agent 是你真的可以让它去执行。 你可以告诉它「帮我在这个文件夹里建一个网站」,它真的会自己去创建文件、写代码、运行命令——就像请了一个会干活的助理,而不只是一个会说话的顾问。
这个概念一下子戳中了我:我电脑里装着 Hermes 却一直觉得「没有用武之地」,不就是因为我从没想过让 AI 去执行一个完整的任务吗?建站这个任务足够大、也足够具体——它终于给了我一个让 Agent 大显身手的机会。
于是我的关注点从「AI 能回答什么」,转移到了「怎么给 Agent 下清楚、合理的指令,当一个合格的甲方」。
第四步:为什么最后用了「双 Agent」
你可能会想,一个人工智能助手不就够了吗?我开始也这么以为。但真正动手后,我发现一个很实际的痛点:
聊天 AI 擅长出主意、讲道理——它是绝佳的顾问;但让它真的坐进文件系统里、老老实实把几十个文件建出来、一遍遍跑命令直到成功,就有点「使唤不动」了。
而一个专职的、能真正操作电脑和工作目录的 Agent,特别擅长埋头干活,可有时候又过于专注细节,不容易把握全局。
Gemini 给了我一个聪明的建议:为什么不试试「双 Agent」分工?
- 一个 Agent 当「总指挥」,负责全局思路、安排任务、跑通流程、盯着质量——就像项目经理。
- 另一个 Agent 当「资深焊工」,在遇到需要非常精细、讲究细节的界面代码时,负责精雕细琢——就像高级工程师。
我听完觉得很有道理——一个人既当项目经理又当焊工,很容易顾此失彼;分开来,反而都更专注。 于是就有了这套组合:Hermes 牵头当总指挥,负责整个建站的全局调度和运维;遇到复杂的界面组件时,再接入 Codex 这位「焊工」来处理。
这套「总指挥 + 焊工」的分工,后来成了我反复使用的干活姿势——具体的门道我写在另一篇复盘里了,这篇只讲我第一次尝到甜头的经过。
第五步:让 Agent 接上「脑子」
工具选好了,还得让 Agent「有脑子」。Gemini 又帮我厘清了一个概念:Agent 是那双手和骨架,模型(Model)才是那个大脑。 Agent 负责操作文件、跑命令、按流程干活;模型负责理解和思考,是真正在做推理的那个部分。两者是配合关系:给 Agent 配上合适的模型,它才够聪明。
我最后给这套双 Agent 配的是 DeepSeek 的模型,还挺讲究地做了分工:
- Hermes(总指挥) 主要跑 DeepSeek V4 Flash,并且不开 thinking(思考模式),为的就是——快。指挥调度和大部分常规操作不需要那么深入的推理,跑得快一点、成本低一点,更好。
- 只有在处理复杂的组件代码时,才接入 Codex,让它用 DeepSeek V4 Pro 认真思考,把精致的细节做出来。
一套「快的打杂 + 慢的精活」的组合拳。一开始我只是照方抓药,后来才慢慢咂摸出门道——原来可以把不同难度的活,分给不同「智商」的脑子,又快又省。
高潮:最后半小时,网站雏形真的出来了
然后就是最让我自己都觉得神奇的部分。
在我把主题、名字、环境、Agent、双 Agent 分工、模型配置一点点铺好之后,真正的「搭」这个动作,其实只用了大约最后半小时。
那半小时里,Hermes 那个 Agent 自己在吭哧吭哧地建文件、改配置、跑命令、修报错;遇到一个挺复杂的界面组件时,我把它交给 Codex 去精加工,Codex 弄完回来,Hermes 再接着把整个站串起来。
我基本就是在旁边看着它干活,偶尔回答它一两个问题——比如「这个按钮要不要强调」「这片区域放什么文案」。全程我没亲手写过一行业务代码。
当它在预览里把主页展现在我面前时,我盯着屏幕愣了好一会儿:青色的 logo、四个专栏的卡片、文章的入口,全都齐了。 那是一个真的、能访问、能继续往里填内容的网站原型。
我在心里反复确认了一件事:这是我——一个平时只会拿 AI 聊天、装好 Agent 工具却一直没让它们干过活的人——第一次站在一个由 AI 亲手搭出来的网站前面。
账本:8M token,1.36 元人民币
你可能会好奇,这么一套下来到底花了多少钱。
我挺仔细地记了一笔账,因为数字实在小得出乎意料。从两个 Agent 干活、跑命令、到处理组件,整个建站过程大概消耗了 800 万(8M)token——对 AI 来说这已经是不小的量,毕竟要把整个站从零搭出来,还要反复试错。
但它换算成钱,是多少呢?
大约 1.36 元人民币(按发文时汇率约合 0.20 美元——是的,两毛钱)。
不是 136 元,不是 13.6 元,是 1.36 元。作为对比,可能比我一顿早饭还便宜。这个数字让我有点怀疑人生:我一直以为建网站是要花不少钱的,结果,一个能上线的网站原型,成本是一顿早饭钱都不到。
当然我也清楚:一部分原因是 DeepSeek 的模型本身定价非常低,另一部分原因是这套「快模型打杂、慢模型精活」的分工,把不必要的昂贵推理省掉了。但不管怎么说,「一个人也能低成本拥有自己的网站」这件事,从这一天开始,对我来说是真的。
结尾:从一个问号,到一座自己的网站
回头看,我只是做了一件特别小、特别普通的事:打开一个聊天窗,认真问了一个问题,然后把「让 AI 把它做完」这件事坚持到了最后。
我没有变成程序员,也不需要变成程序员——但我拥有了一座自己的网站,名字叫 CyanLabs,而且我知道:网站只是个开头,之后每一篇我想写的内容,都能往里填。
如果你也一直想要一个自己的网站,只是总觉得「那是程序员的事」——那我只有一句过来人的话送你:
别让「技术」两个字吓住你。真正值钱的不是会写代码,而是你心里那个想折腾的念头,和愿意花一个下午、把问题一个个问清楚的耐心。剩下的,交给那些越来越能干的 Agent 吧。
网站已经搭好了。至于里头的故事——比如那场交易、那次修空调——那就是接下来的事了。
建站日记系列:缘起:一个视频和一篇旧博客 · 30 分钟原型 · 双 Agent 方法论 · 上线与收录
本文由一位 AI 爱好者口述,Hermes Agent(DeepSeek V4 Flash)协助成稿,记录于 CyanLabs 建站当日。