不会写一行代码，我也带你用 AI 做出一个能打开的个人主页
哈喽，我是飞飞。
先说个可能颠覆你认知的事。我现在维护着自己的博客 vance.xin，从写文章到生成网页再到部署上线，整条链路是自动跑的，我每天都在用 AI 改这个真实的仓库。但你猜怎么着，我身边好几个完全不会编程的朋友，最近也各自捣鼓出了能打开的小网站。一个做了自己的求职简历页，一个给老婆做了张电子请柬。
他们一行代码都不会写。
这事在两三年前是不可想象的。那会儿你想做个网页，得先学 HTML、学 CSS，学怎么把文件传到服务器上，光是配环境就能把人劝退。现在不一样了，你只要会用中文把想要的东西描述清楚，剩下的脏活累活，AI 能替你干掉一大半。今天这篇，我不打算跟你聊哪个工具跑分高、谁家模型更强，我就带你从零做一个能在浏览器里打开的个人主页，你跟着走一遍，就知道这扇门到底有多好推。
先搞清楚 AI 帮你写代码，到底是个什么场面
很多人一听「AI 写代码」，脑子里浮现的是黑底白字、噼里啪啦敲命令的程序员画面，然后就怂了。其实你完全不用进那个场面。
现在主流的玩法叫 agent，说人话就是一个能自己动手干活的 AI 助手。它不光会跟你聊天，还能真去帮你新建文件、写里面的内容、把东西组织好。你做的事，就是用大白话告诉它「我想要一个什么样的页面」，它琢磨一下，把代码生成出来，你点一下就能看到效果。
打个比方你可能更好懂。这就像你装修房子，你不需要自己会砌墙刷漆，你只要能跟设计师讲清楚「我要北欧风、客厅放张大沙发、墙是浅灰色」，他负责把图纸画出来、把活干完。AI 现在扮演的就是这个又快又便宜还不嫌你烦的设计师兼施工队。区别在于，它干活是按秒算的，你不满意让它重做八遍，它也不会摔门走人。
那它写出来的代码我看不懂怎么办？没关系。做个人主页这种事，你压根不需要看懂每一行。你只需要看最后浏览器里打开的样子对不对，不对就继续用中文跟它说「这里字太小了」「这个颜色换成深蓝」。
工具不用纠结，挑个能用中文聊的就行
到底用哪个工具，是新手最容易卡住的地方，我帮你把这事简化一下。
我自己每天干活用的是 Claude Code，国际上还有 OpenAI 的 Codex、还有 Cursor，这几个能力都很强，但它们更适合已经入行的人，对纯小白来说门槛偏高，而且有的还得想办法搞定网络和付费。咱们做个人主页，犯不着上这些重家伙。
国内能直接上手的，我推荐你先试字节的 Trae。它是一个免费的 AI 编程工具，你装上之后会看到一个叫 Builder 的模式，意思就是「你说需求，我搭项目」。你用中文写一句「帮我做一个个人介绍网页」，它就开始自己拆任务、配环境、把代码写出来，对没编程基础的人特别友好。除了 Trae，阿里的通义灵码也能免费用，国产模型这边 DeepSeek、智谱的 GLM-5.2 这些也都在快速进步，能力一个比一个能打。
但我得提醒你一句，别在选工具上耗太久。我见过太多人，光是纠结「到底哪个最好」就纠结了一礼拜，结果一个都没动手。工具之间的差距，远没有「你动没动手」这个差距大。先随便挑一个能用中文聊天的，跑通一遍，你的认知会被彻底刷新，到时候再回头挑工具都不迟。
跟着我做一个能打开的个人主页
好，咱们正式开干。我以 Trae 为例，但换成别的工具，思路是一模一样的。
我自己上手试的时候，是先把官网的安装包下下来，装好打开，找到那个 Builder 模式。它会给你一个输入框，让你说想做什么。这一步千万别惜字如金，你给的描述越具体，它出来的东西越接近你想要的。
我当时是这么跟它说的：「帮我做一个个人主页，最上面放我的名字和一句话简介，中间分三块，分别是关于我、我的作品、联系方式，整体风格简洁一点，配色用浅色，手机上打开也要好看。」你看，我没用任何专业词，全是大白话，但我把布局、内容、风格、还有「手机上也要好看」这个要求都讲清楚了。
它收到之后，自己噼里啪啦忙活了一阵，新建了好几个文件，把页面给我搭出来了。这里有个对小白特别重要的概念，叫「在浏览器里预览」，说白了就是让你能像访客一样，提前看到这个网页长什么样。Trae 这类工具一般会有个预览按钮，点一下，你做的页面就在屏幕上出来了。
第一版几乎不可能一次到位，这太正常了，我自己改真实项目也是改了又改。我当时看到的第一版，名字那行字小得可怜，作品那块还空着没内容。我就接着用中文跟它讲：「最上面的名字放大一倍，加粗。作品那块先放三个占位的卡片，标题随便写。」它又改了一遍，越来越像那么回事了。
这个「你提需求、它改、你再看、再提」的来回，才是整个过程的核心。你不用懂代码，你只要会看效果、会用中文挑毛病就够了。
它写完不等于你就能撒手，这点我必须说透
前面我把这事说得很轻松，但有一句大实话我得搁这儿，不然就是骗你。
AI 帮你写代码，写出来的是「产出」，不是「保证」。它很可能某个地方就出了岔子，比如你让它放联系方式，它给你编了个假邮箱；你让它做三块内容，它漏了一块自己还不吭声。这种事我天天遇到。我用 Claude Code 改我那个博客仓库，它给的每一处改动，我都得自己再扫一眼，看它有没有理解偏、有没有顺手改坏了别的地方，从来不敢闭着眼睛全盘照收。
对你做个人主页来说，这道关其实不难把。你就拿访客的眼光，从头到尾把页面看一遍：名字对不对、邮箱是不是你真实的、有没有哪块是空的、手机上打开会不会乱。发现不对，就让它改。把这一步当成你和 AI 之间的最后一道闸，活儿是它干的，但放不放行，这个判断得攥在你自己手里。
我之所以反复强调这点，是因为越往后你越会发现，AI 越来越能干，门槛会越降越低，但「最后由人来定夺」这件事不会变。你不会写代码没关系，但你得保留那份「我得再看一眼才放心」的清醒。
推开这扇门，比你想的容易
绕了一圈说回来。开头那几个朋友，一个简历页、一个电子请柬，他们没一个是程序员，靠的就是把话说清楚、把结果看明白这两件事。
做个人主页只是个引子，真正值钱的，是你跑通这一遍之后那个认知转变：原来「想做个能用的东西」和「会不会写代码」，已经被 AI 拆开了。你脑子里那些一直觉得「我又不懂技术做不了」的小念头，比如一个记账小工具、一个给孩子做的认字小游戏，现在都有了一条能照着走的路。
工具会一直变，今天我提的 Trae、Claude Code、通义灵码，过段时间可能又有更顺手的冒出来。但「用大白话指挥 AI 干活、再用自己的眼睛兜底」这套打法，是不会过时的。门就在那儿，推开它没你想的那么难。
你最想让 AI 帮你做出来的头一个小东西，是什么？是一个个人主页，还是某个一直憋在心里、觉得自己搞不定的小工具？评论区告诉我，说不定下一篇我就拿它当例子，带你一步步做出来。