CYAN LABS
← 返回 AI 专栏

一个小白的建站日记:从在 Gemini 上问问题,到 30 分钟搭出一个网站

不是技术教程,而是一个非技术背景的普通人,如何先用 Gemini 定主题、定名字、搞懂建站环境,再一步一步学会用 AI Agent,最后让 Hermes 牵头、Codex 助阵,花半个钟头和 1.36 元人民币把网站搭出雏形。

#AI Agent #独立开发 #新手教程 #经验分享 #成本复盘

写在前面:这篇文章不是技术教程,甚至不教你怎么写一行代码。它是一个非技术背景的小白,第一次认认真真想拥有一个自己的网站的真实过程——包括我碰到的困惑、踩的坑、以及最后那个让我自己都很惊讶的发现:建个网站,好像真的没有我想象中那么难。


一切都从一个问题开始

大概几天前,我还对”建网站”这件事完全一无所知。什么服务器、域名、部署、前端后端,在我脑子里就是一锅粥。我唯一的工具,是一个到处都会用到的 AI 聊天助手:Gemini

对,就是那个免费、界面很轻、问什么都愿意回答的 Gemini。我那时候连”静态网站”和”动态网站”的区别都不清楚,更没听过什么 Astro。

所以我做的第一件事,特别朴素——把自己当一个完全不懂的人,去问 Gemini:如果我想做一个个人网站,该从哪里开始?


第一步:让 Gemini 帮我定主题、定名字

建网站最难的,往往不是技术,而是**“我到底要做什么网站”**。

我脑子里同时有三四个完全不同的想法:想写摄影、想记录一些很生活的事、偶尔还研究点理财和交易的东西。它们跨度太大了,我不知道该选哪个,更不知道该怎么把这些杂念捏成一个站。

于是我把所有碎片想法都倒给了 Gemini,问它这些能不能放一起。Gemini 没有急着给方案,而是反过来帮我梳理出了一个很聪明的结构:与其做「一个什么都有的大杂烩」,不如做成「几个清晰专栏拼成的知识园地」

它帮我把那些零散的兴趣,整理成了四个板块:

  • AI 与本地算力
  • 摄影与光学
  • 量化交易
  • 生活省钱

这四个词一出来,我瞬间就懂了——这才是我的网站该有的样子。它们彼此独立,又有一种共同的”动手折腾、亲力亲为”的气质。Gemini 还顺着这个气质,帮我起了一个自己很满意的名字: CyanLabs(青衍实验室)

“青衍”里有青色(Cyan),想着 AI、冷静、科技感;“衍”有生发、蔓延的意思。一个青色调、偏实验室气质、用来记录折腾的地方——名字就这么定了。整个过程,我一行代码没写过,只是不停地在和 Gemini 对话。


第二步:搞懂”建站环境”到底是个啥

定了主题和名字,下一个问题很现实:我用自己这台普通 Windows 笔记本,到底能不能不花钱、不买服务器,就把网站做出来?

这里我又回去问 Gemini:什么情况下,DIY 很折腾;什么情况下,其实有捷径。Gemini 给我讲了一个关键概念——建站不一定需要买服务器。 有一种叫”静态网站”的东西,做出来就是一些固定的网页文件,可以直接放到免费的托管平台上,别人就能访问,全程不花服务器钱。

它还给我解释了很多”基础环境知识”,虽然我一开始听得有点晕,但抓到了几个对我这种小白最有用的点:

  • 我的电脑上需要装一些”用来跑建站工具”的东西(Node.js 之类),装好照做就行
  • 网站文件做完后,扔到一个叫 Cloudflare Pages 的免费平台,就上线了
  • 整个过程可以在本地先预览看到效果,满意了再上线,不用怕做坏

这些知识点现在回头看都很基础,但对当时的我来说,就像突然开了一扇窗:原来我不需要一开始就懂那些复杂术语,只要照葫芦画瓢,先把第一步迈出去。


第三步:认识”Agent”这个新物种

环境概念搞懂了,可最大的问题来了——就算我知道该建站,我也写不了代码啊。 那些配置文件、页面代码,我一个都不认识。

这时候 Gemini 又给我补了一课,它介绍我认识了一个对我来说全新的东西:AI Agent(人工智能代理/智能体)

它跟我解释,Agent 和普通聊天 AI 最大的不同在于:普通聊天你问它答,Agent 则是你真的可以让它动手去做事。 你可以告诉它”帮我在这个文件夹里建一个网站”,它真的会自己去创建文件、写代码、运行命令,就像请了一个会干活的助手,而不只是一个会说话的顾问。

这个概念对我冲击很大。我意识到,建站这件事可能真的要变简单了——我不需要自己成为程序员,我只要能学会怎么给 Agent 下清楚、合理的指令就行。

于是,我的学习重心从”学怎么写代码”,转移到了”学怎么当一个合格的甲方,把事情说清楚”。


第四步:为什么最后用了”双 Agent”

你会不会以为,一个人工智能助手就够用了?我开始也这么以为。但真正开始动手后,我发现一个很实际的痛点:

普通的对话式 AI,擅长出主意、讲道理,但让它真的坐到文件系统里、老老实实把几十个文件建出来、一遍遍跑命令直到成功,它常常显得有点”无力”。

而一个专职的、能真正操作电脑和工作目录的 Agent,特别擅长埋头干活,但有时候又过于专注细节,不容易把握全局。

这时候 Gemini 给了我一个很聪明的建议,也是我愿意到现在都想为它点赞的决定:为什么不试试”双 Agent”分工?

  • 一个 Agent 当”总指挥”,负责全局思路、安排任务、跑通流程、盯着质量 —— 就像项目经理。
  • 另一个 Agent 当”资深焊工”,在遇到需要非常精细、讲究细节的界面代码时,负责精雕细琢 —— 就像高级工程师。

这两个角色配合,各自做自己最擅长的事。我听完觉得很有道理——一个人既当项目经理又当焊工,很容易顾此失彼;分开来,反而都更专注。

于是就有了这套组合: Hermes 牵头当总指挥,负责整个建站的全局调度和运维;当遇到复杂的界面组件时,再接入 Codex 这位”焊工”来处理。


第五步:让 Agent 接上 DeepSeek V4

工具选好了,还得让 Agent”有脑子”。这里 Gemini 又帮我厘清了一个关于”模型”和”Agent”的区别:

  • Agent 是那双手和骨架——它会操作文件、跑命令、按流程干活。
  • 模型(Model) 是那个”大脑”——它负责理解和思考,是 Agent 背后真正在做推理的那个东西。

两者是配合关系:要给 Agent 配上合适的模型,它才够聪明。

我最后给这套双 Agent 配的,是 DeepSeek 的模型,而且我还挺讲究地做了分工:

  • Hermes(总指挥) 主要运行 DeepSeek V4 Flash,并且不开 thinking(思考模式),为的就是——。指挥调度和大部分常规操作,不需要那么深入的推理,跑得快一点、成本低一点,更好。
  • 只有在处理那些复杂的组件代码时,才接入 Codex,让 Codex 用 DeepSeek V4 Pro 来认真思考、把精致的细节做出来。

一套”快的打杂 + 慢的精活”的组合拳。我当时其实没太懂这里面门道,但就是觉得——哦,原来可以把不同难度的活,分给不同”智商”的脑子,这样又快又省。


高潮:最后半小时,网站雏形真的出来了

然后就是最让我自己都觉得神奇的部分。

在我把这些环节——主题、名字、环境、Agent、双 Agent 分工、模型配置——一点点铺好之后,真正的”搭”这个动作,其实只用了大约最后半小时

这半小时里,Hermes 那个 Agent 自己在那儿吭哧吭哧地建文件、改配置、跑命令、修报错;遇到一个挺复杂的界面组件时,我把它交给 Codex 去精加工,Codex 弄完回来,Hermes 再接着把整个站串起来。

我基本就是在旁边看着它干活,偶尔回答它一两个问题——比如”这个按钮要不要强调""这片区域放什么文案”。全程我没亲手写一行代码。

当它在预览里把那个主页展现在我面前的时候,我盯着屏幕愣了好一会儿:青色的 logo、四个专栏的卡片、一篇文章的入口,全都齐了。 那是一个真的、能访问、能继续往里填内容的网站的雏形。

我在心里反复确认了一件事:这是我,一个一小时前还对代码一头雾水的小白,站在一个手工搭出来的网站前面。


账本:8M token,1.36 元人民币

你可能会好奇,这么一套下来到底花了多少钱。

我还挺仔细地记了一笔账,因为数字实在小得出乎我意料。从两个 Agent 干活、跑命令、到处理组件,整个建站过程大概消耗了 800万(8M)token——对 AI 来说,这已经是不小的量,因为要把整个站从零搭出来、还要反复试错。

但它换算成钱,是多少呢?

大约 1.36 元人民币。

是的,你没看错,不是 136 元,不是 13.6 元,是 1.36 元。作为对比,可能比我一顿早饭还便宜。这个数字当时让我有点怀疑人生:我一直以为建网站是要花不少钱的,结果,一个能上线的网站雏形,成本是一顿早饭钱都不到

当然我也清楚:一部分原因是 DeepSeek 的模型本身定价非常低,另一部分原因是这套”快模型打杂、慢模型精活”的分工,把不必要的昂贵推理省掉了。但不管怎么说,“一个人也能低成本拥有自己的网站”这件事,从这一天开始,对我来说是真的。


结尾:从一个问号,到一座青衍实验室

回头看,我只是做了一件特别小、特别普通的事:打开一个聊天窗,问了一个问题。

但从那一刻开始,我用 Gemini 定了主题和名字,搞懂了建站的基本环境,认识了 Agent,学会了双 Agent 分工,给 Agent 配上了又快又省的 DeepSeek V4,然后看着它在半小时内从零搭出一个网站——整个过程只用了一顿早饭的钱。

我没有变成程序员,也依然说不出那些复杂的术语到底是什么意思。但我拥有了一座自己的”青衍实验室”,而且我知道,我可以随时继续往里填我想填的内容。

如果你也是一个完全不懂代码、却一直想有自己的网站的人,那我只有一句过来人的话送你:

别被”技术”两个字吓住。你需要的不是会写代码,而是愿意花一个下午,去问对问题,然后相信那些 Agent 能帮你把事情做完。

网站已经搭好了。至于里头的故事——比如那场交易、那次修空调——那就是接下来的事了。


本文由一个小白口述,Hermes Agent(DeepSeek V4 Flash)协助成稿,记录于 CyanLabs 建站当日。