用Vibe Coding两小时做出可用个人主页需先收齐五类真实信息、正确导出项目、本地精准启动、补全链接协议头、重喂数字分身人设锚点。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想用Vibe Coding两小时做出能发朋友圈、能给HR看、点开不报错的个人主页，却卡在AI生成页面空白、本地打不开、链接点不动、数字分身答非所问——这些不是你不行，而是跳过了几个关键动作。
先收齐这五类真实信息，再动AI
别一上来就打开工具输入“帮我做一个个人主页”。AI没有你的资料，只能给你一个空壳模板。你现在要做的，是把以下五类信息用手机备忘录或纸笔记下来，不用写得漂亮，但必须真实具体：
① 基本信息：名字（比如“李薇”）、头像（手机相册里现成的一张就行）、一句话介绍（例如“UX设计师｜专注教育类产品，最近在带一个AI写作工具原型”）；
② 当前状态：别人现在最该知道你正在做什么（比如“刚完成某大厂AI产品实习，8月起全职投入独立开发”）；
③ 兴趣与特点：列2–4个真实兴趣（如“手冲咖啡、城市徒步、老电影修复”），再加1个记忆点（比如“能用Excel写简易游戏”）；
④ 访客视角：谁最可能点开你的主页？（HR、同行设计师、潜在合作方、大学同学）；
⑤ 常见问题：他们最可能问你的3个问题（例如“你接外包吗？”“作品集在哪看？”“怎么联系你？”）。
【跳过这一步直接喂需求，AI生成的数字分身会胡编乱造，比如把你的实习公司说成不存在的名称】
导出项目到本地时，必须做对四件事
在线平台生成页面后，别只截图保存。要真正拥有它，就得导出到电脑上。操作顺序不能乱：
确认导出的是当前最新版本，不是三天前存的草稿；
下载下来的.zip包必须完整解压，不要双击打开压缩包直接编辑；
解压后的文件夹立刻重命名，比如my-portfolio-v1；
把它拖进你电脑里固定的项目目录，比如桌面/我的项目/，千万别留在“下载”文件夹里——下次找不着，系统清空时直接消失。
命名避坑：❌“最终版”“新版改完”“v2.3修正版” → ✅“liwei-portfolio-202607”“digital-twin-demo”。
本地启动失败？三步精准自救
双击index.html页面空白，或者终端报红字，先别复制错误去百度。按这个路径走：
方法一：用VS Code打开整个文件夹 → 按Ctrl+Shift+P（Windows）或Cmd+Shift+P（Mac）→ 输入“Live Server: Open with Live Server” → 回车。这是最轻量、零依赖的启动方式，90%的静态页问题靠它解决。
方法二：如果页面有交互功能（比如数字分身聊天框），需要Node环境：
在终端cd进项目文件夹 → 执行npm install → 等依赖装完 → 执行npm start。
【执行npm install前，务必确认你电脑已安装Node.js 18.x或更高版本，旧版本会导致依赖安装失败】
方法三：报错时，把整段红色文字（从第一行error开始，到最后一行堆栈结束）完整复制 → 粘贴给AI，指令写：“这是npm start的完整报错，请判断唯一核心原因，并只告诉我下一步该执行哪条命令。”
改链接前，先盯住协议头
AI生成的导航按钮里，href值可能是github.com/xxx，这种写法点不开。
所有外部链接必须补全协议头：https://github.com/xxx、mailto:hello@xxx.com、tel:+8613800138000；
图标链接同理，Font Awesome CDN地址必须是https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css；
【缺少https://前缀，浏览器会当成相对路径，在本地双击打开时直接404】
改完保存，右键网页→“重新加载”，别忘了刷新。
数字分身答得离谱？马上重喂这三句话
数字分身不是靠猜，是靠你给它“人设锚点”。如果它回答“我不懂设计”，而你明明是UI设计师，立刻补喂：
“你是李薇，UX设计师，做过3个教育类AI产品，熟悉Figma和用户测试流程。”
“访客主要是HR和产品经理，他们常问你是否接外包、作品集在哪、怎么联系。”
“你不回答‘我不知道’，遇到不确定的问题，就引导对方看作品集或发邮件。”
喂完这三句，重新生成或微调对话逻辑，数字分身的回答会立刻落地。
