用一次真实的个人主页搭建过程，讲清怎么让AI先帮你把结构定下来、把内容填进去，再附上四类人各自该从哪一步下手、域名空间要花多少钱、内容多久会过时需要更新，以及哪些情况其实不用做主页。
“你就不能帮我弄个网页吗，我实在不想再改简历了。”
周四晚上十点，我表妹把手机举到我面前。她在苏州一家做工业视觉的小公司做售前方案，两年半，想跳到稍大一点的集成商。简历投了十一份，回来两个电话面试，对方都问同一句：“有没有做过的东西可以看看？”她发过去的是一堆 Word 和 PPT，对方说“行，我抽空看”，然后就没有然后了。
我让她先把内容备齐，第二天用 AI 跑一遍。最后做出来的东西不复杂：6 个栏目、11 张截图、4 段说明文字，从整理素材到页面能发出去，她花了三个半小时，其中两小时在翻历史文件。这篇就是那次的全过程，包含走的弯路。
增量在哪儿：网上讲作品集的文章，大多止步于“你要有一个好看的页面”。我关心的是另两件事——页面里的栏目怎么定，才不会三个月后全部作废；以及维护它到底要吃掉多少时间，值不值。这两条，只有真正做完一版、又放了半年的人才有体会。
她要的是作品能开口说话，不是又一个个人简介
表妹的原话是“做个人主页”。我问她主页给谁看，她说不清。这就是第一处要拦的地方。
招聘方点进来，只想知道三件事：你做过什么同类的事、你在里面具体管哪一段、结果能不能追问。自我介绍的“我热爱……性格开朗……”对这三件事没有任何帮助。所以页面性质得先定死：这是一个“给看的人省时间的证明材料页”，不是博客，不是日记本，也不是名片。
顺带说一句，大公司和小公司的人做这件事，起点完全不同。
| 情况 | 页面重点 | 内容量级 | 大概耗时 |
|---|---|---|---|
| 大公司员工（岗位细分） | 突出个人在流程里的那一环，附上内部可公开的脱敏材料 | 3~5 个案例，每个 1 屏 | 3~4 小时 |
| 小公司/创业团队（一人多岗） | 突出“从头到尾我都碰过”，用项目全貌证明能力跨度 | 4~6 个案例，每个 2 屏以内 | 4~6 小时 |
| 自由职业/接私活 | 突出可联系、可报价、可看成品 | 作品墙为主，文字少 | 2~3 小时 |
| 应届生/转行 | 突出学习轨迹和自驱项目，宁可少而完整 | 2~3 个，每个讲清你的角色 | 2~3 小时 |
表妹属于第一行和第二行之间：小公司售前，但方案、报价、演示、售后跟单都沾。我建议她按“一人多岗”来做，别硬学大厂那套“我只负责其中一环”的写法，那样反而显得单薄。
第一版做出来，像一份被摊开的简历
她的第一次尝试很典型：打开一个在线建站平台，挑了模板，把简历里的字整段复制进去，“工作经历”一栏占了小半屏，作品那一块只有图片，点开是大图，没有一句说明。
我让她自己念一遍首页。她念到第三句停了：“这好像确实没人想看。”
问题不在模板，在结构。AI 这时候的用处不是“帮你生成一个网站”，而是帮你把“看的人要什么”翻译成几个栏目。我让她把下面这段丢给任意一个通用大模型，要求它先提问、再给方案：
我要做一个求职用的个人主页，看的人是【目标公司类型】的招聘负责人，岗位是【岗位名称】。我做过的事包括：【用三五条口语列出，不用润色】。请先问我 3 个问题确认信息，再给我一个不超过 7 个栏目的页面结构，每个栏目写清：放什么内容、大概多少字、为什么招聘方需要看它。不要给设计建议。
她改了两轮。AI 第一版给了 9 个栏目，其中有“我的爱好”“推荐语”，被她自己删了——删栏目这个动作必须由人来做，模型倾向于把页面做全，而页面做全的代价是重点被稀释。
卡住的地方不是技术，是“我先写什么”
结构定了，第二道坎来了：内容写不出来。
她的原话是“我做的都是常规项目，没什么好写的”。这句话我听过太多次。真相是，不是没内容，是没按“别人能追问”的方式组织。她手上其实有 6 个能讲的项目，只是一直用“负责方案支持”这种一句话带过。
这里用第二段提示词，把一件事拆成能被追问的四段：
我做过这样一件事：【用大白话讲 3~6 句，包括客户是什么行业、要解决什么问题、你做了什么、结果如何】。请把它整理成四段：【背景一句话】【我具体负责的动作，分条，每条以动词开头】【可验证的结果，只保留我提供过的数字，没提供的写“待补充”】【这件事里我学到或改过的做法】。总字数控制在 200 字内，不要形容词，不要“成功”“高效”。
注意最后那句限制。不写“不要形容词”，模型一定会给你“成功交付”“高效协同”，这种词招聘方一眼扫过去就没了。她 6 个项目按这个跑完，最后留了 4 个，另外 2 个自己觉得撑不住追问，删掉。
素材这块有个坑要提前说：客户名称、内部系统截图、未公开的报价，一律不能放。她的做法是把界面关键字段打码，客户名换成“华东某汽车零部件厂”，截图只留信息结构不留具体数据。这一步花了她 20 分钟，比写文案久。
图片是页面的脸，但 AI 画的图基本不能用
页面要配图。她的第一反应是让 AI 生成几张“科技感配图”，被我叫停。
原因很实在：作品集里的图要承担证明功能，AI 生成的抽象图看着漂亮，但和你的项目没关系，反而让人怀疑“这人是不是没真东西”。她要的是截图和结构图，不是装饰画。
那 AI 在图片这一环能做什么？两件小事，实测有用：
一是帮你写截图的说明文字。一张方案架构截图，配一句“这套方案把检测节拍从人工抽检改为全检，部署在客户两条产线”，比没有说明强得多。提示词可以直接说：这是一张【什么图】，用一句话说明它证明了什么，25 字内。
二是把长图里的信息转成文字。她有几张很长的流程图，手机上根本看不清。让 AI 读图后提炼成三行要点贴在下方，比自己手打快。
图片本身的处理老实交给工具：截图统一宽度、压缩到单张 200KB 以内、文件名改成英文短名，避免上传后乱序。这几步在系统自带的图片查看器或任意在线压缩工具里都能完成，不需要装插件。
发布这一步，真正的分歧是“买不买”
到发布，才碰到要花钱的地方，也是最多人在这卡住的一步。
两条路，我给她讲清楚了差别，她最后选了第一条：
| 路线 | 前置条件 | 成本 | 适合谁 | 主要限制 |
|---|---|---|---|---|
| 在线建站平台（可视化编辑） | 注册账号即可，部分模板/自定义域名需付费 | 免费版通常带平台标识和子域名；自定义域名和去标识一般要付费，具体价格以平台当期页面为准 | 不懂代码、想当天上线 | 免费版功能受限，导出和迁移不方便 |
| 静态页面托管（把页面文件传到托管服务） | 需要能拿到 HTML 文件；自定义域名要自己配置 DNS | 托管本身常有免费额度，域名每年几十到一百多元，以注册商当期价格为准 | 愿意折腾一次、想长期低成本维护 | 首次配置有门槛，改版要动文件 |
她说“我不会写代码”。我说这不冲突——AI 可以生成一份单页 HTML，你只需要会“复制、保存、上传”三个动作。具体做法：
index.html，保存类型选“所有文件”，编码选 UTF-8。index.html 和图片文件夹一起传上去。错了怎么回退：改之前先把上一版 index.html 复制一份改名留着，出问题就把旧文件重新上传覆盖。这一步比任何“撤销”都可靠。
免费路线的替代方案也说清楚：不想买域名，就用平台给的子域名，或者托管服务默认分配的地址，功能上不影响别人访问，只是地址长一点、显得不那么正式。对求职初期，够用。
发出去之前，用五分钟做三件核对
页面能打开不等于能用。她发布前我让她做了三件事，都是五分钟内能完成的：
手机上看一遍。多数人从微信里点开链接，屏幕就那么大。她第一版在电脑上排版好看，手机上一张截图横向溢出，得左右拖。发现问题就回去调图片宽度。
点一遍所有链接和附件。她的 PDF 附件放在第三方网盘，需要登录才能下载，外人根本打不开。换成直接上传到页面同目录，或者干脆把关键页做成图片。
找一个人替你看。她把链接发给了同组一个同事，问一句“你看完觉得我是做什么的”。同事答“方案和交付都做”，和她想传达的一致，这版才算过关。如果对方答不上来，说明首页那三句话还得改。
三个月后她回来找我，说页面过期了
这才是本文最想说的部分。页面做完不难，难的是它半年后还成立。
她跳槽成功后把页面放着没管。四个月后想更新，打开一看：主推的项目还是上一家的，联系方式写的是旧邮箱，简介里“目前在某公司”已经不准。改一次花了四十分钟，大部分时间在重新读自己当初写的东西、回忆细节。
维护成本，按我的经验给个大概：只改文字和联系方式，20 分钟到半小时；换一个项目，要重写四段说明、换图、调排版，一小时左右；如果当初用的是平台模板，换模板等于重做一遍。
所以两个建议，都是从踩坑里来的：
一是把文字内容单独存一份。所有栏目文案放在一个文档里，页面只是它的展示层。要改先改文档，再同步到页面。这样换平台、换模板都不至于从头再来。
二是给页面设一个“复查时间”。手机日历里加个每季度提醒，只做一件事：核对联系方式、在招岗位是否还准、主推项目是否还最能代表你。这个动作十分钟，但能避免页面悄悄变成负资产。
顺便说一句适用边界：如果你现在的工作完全不靠作品说话（比如纯执行岗、内部职能岗，招聘方主要看履历和面试），做一个精美主页的投入产出比并不高，把时间花在简历和面试准备上更划算。主页对“需要拿东西给人看”的岗位才划算——设计、售前、内容、产品、开发、培训这几类最明显。
这套做法里，哪些能直接搬走
回到最初那个问题：AI 在这件事里到底帮了什么。不是“生成了一个网站”，是三件更小的事。
第一件，把模糊需求变成栏目清单。她说不清要什么，AI 逼她回答“给谁看”，结构就出来了。
第二件，把一句话经历拆成能被追问的四段。这一步省的是组织语言的力气，不是编内容。
第三件，生成一份结构清晰的单页文件，让她这种不懂代码的人也能自己发布、自己回退。
三段提示词可以留着复用，换个场景换个填空就行：
【提示词一·定结构】我要做一个【用途：求职/接单/展示】的页面，看的人是【具体人群】。我做过的事：【三五条口语】。请先问我 3 个问题，再给不超过 7 个栏目的结构，每个栏目写清放什么、多少字、为什么对方需要看。
【提示词二·拆案例】我做过这件事：【3~6 句大白话】。整理成【背景一句】【我的动作，动词开头分条】【可验证的结果，没提供的写待补充】【我改过的做法】。200 字内，不要形容词。
【提示词三·出页面】把以上内容做成一个单页 HTML，所有样式写在文件内，不引用外部资源，图片路径用相对路径，栏目按【顺序】排列，手机端优先。
能搬走的是流程，搬不走的是判断：哪些项目该删、哪些图不能放、这个页面到底值不值得做。这三件事，模型替不了你。
