开发2026-07

宇哥有解个人网站项目解读

把宇哥从一份"个人履历"转化为一个可理解、可信任、可购买、可持续关注的个人产品。

为什么做这个网站

纳瓦尔(Naval Ravikant)说过一句话:"把自己产品化。"——这句话我反复读了十几遍,越读越觉得它把"个人品牌"这件事说透了。

把自己当成产品本身就是一个项目。我们从小到大学过的知识,走过的路,成长的轨迹,犯过的错,吃过的亏,受过的苦,都是在打磨这个产品。你不必等它"完美"了再拿出来——最好的产品都是边用边改的。

怎么介绍自己

不要说"我是做物流的"或"我擅长 AI"——要说"我能帮你解决什么问题"。你的价值不在你的履历里,在你帮别人解决了多少问题里。

怎么展示自身价值

不要只放简历,要放案例。你做过什么、解决了什么问题、做到了什么结果——这些才是别人判断你值不值得信任的依据。哪怕项目不大,只要是真实的,就比空泛的"拥有多年经验"有说服力。

AI 时代的链接者

过去,人与人之间的链接靠的是社交、饭局、介绍。但 AI 时代正在改变这件事——链接你和你未来客户、合作伙伴的,大概率不是人,而是 AI 搜索、AI 推荐、AI Agent。

这意味着你的"产品化"程度决定了你被链接的概率。你的经验、能力、案例、服务方式,如果没有被产品化地展现出来,AI 就找不到你、推荐不了你、理解不了你能做什么。

所以,学会把自己产品化地展现给这个世界——不是为了炫耀,而是为了被链接、被需要、被信任。

这个网站是怎么 Vibe Coding 出来的

这个网站不是传统方式开发的——从第一行代码到现在的版本,我全程用 AI 协作完成(Vibe Coding)。以下是我总结的几个步骤和关键点:

第一步:定义目标

先想清楚这个网站要解决什么问题、给谁看、传递什么信息。不是为了"做个网站"而做,而是为了把个人经验和能力产品化地呈现出来。

关键点:先明确 why,再想 how

第二步:搭建框架

选 Next.js + Tailwind CSS,由 AI 生成基础结构和页面框架。不需要从零写 CSS,告诉 AI 想要什么风格,它就能生成可用的布局。

关键点:选对技术栈,让 AI 理解你的设计意图

第三步:填充内容

把个人经历、案例、洞察等资料提供给 AI,由 AI 按照统一结构生成页面内容。边看边改,直到表达准确。

关键点:内容比样式重要,先有内容再调样式

第四步:迭代打磨

反复浏览每个页面,给 AI 反馈——哪里不对改哪里。导航要不要调、文案语气对不对、布局顺不顺,全部通过对话完成。

关键点:不要一次追求完美,快速出稿再迭代

第五步:构建验证

每次改完后让 AI 构建验证,确保没有编译错误和页面异常。发现问题立即修复,保持可运行状态。

关键点:保持可运行,不积压问题

总结

Vibe Coding 不是让 AI 替你做,而是你和 AI 一起做。你把行业经验、业务理解和内容判断力带进来,AI 把效率、代码生成和样式调整补上。两者结合,一个人就能完成过去需要一个团队才能做的事。

评论与交流

有什么想法或问题,欢迎留言交流。

评论暂存在本地,后续接入后台后永久保存

还没有评论,来说两句吧