不会代码,怎么做个人网站
- 2026-06-25 23:52:23
AI WORKFLOW · PORTFOLIO SITE
用 AI 做个人作品集网站
别急着让它写代码
真正有效的做法，是把 AI 当成一个会迭代的网页搭档，而不是一次性代码生成器。
这条视频讲的是一件很实用的事：不用从零学前端，也可以借助 AI 做出一个自己的个人作品集网站。
但它真正有价值的地方，不是某一句万能 prompt，而是一套更稳的流程：先讲清需求，再检查结构，再用参考图校准风格，最后让 AI 帮你评审和重写。
图：视频里的最终目标，是做出一个有个人风格的作品集网站。
先记住一个原则：第一版先看结构，不要一上来就纠结“高级感”。结构对了，后面才有优化空间。
整个流程其实是一个闭环
01
STEP
先告诉 AI：你到底要什么网站
不要只说“帮我做个网站”
视频里的第一步，是先把目标讲清楚。你要的是个人作品集，不是企业官网，也不是产品落地页，所以一开始就要告诉 AI：这个网站需要展示你是谁、你做过什么、别人怎么联系你。
02
STEP
第一版先检查结构
不要急着评价好不好看
很多人用 AI 做网页，第一版出来以后马上开始嫌弃：“不够高级”“不够像作品集”“颜色不好看”。但视频里给了一个更实际的判断顺序：先检查该有的模块有没有。
检查 1首页有没有一句清楚的自我介绍？
检查 2精选作品区有没有？作品能不能被看懂？
检查 3联系方式、按钮、页面层级是不是完整？
注意：第一版不是用来定稿的，它只是一个可以继续修改的结构底稿。
03
STEP
说不清风格，就直接给参考图
图比形容词更有用
“高级”“有设计感”“更像作品集”这些词，对 AI 来说都太虚。视频里更推荐的方式是：把你喜欢的网页截图、排版参考、色彩风格直接给它。
图：参考图不是装饰，而是在帮 AI 校准审美方向。
更好的表达方式：“参考这张图的布局和卡片比例，但保留我的内容；颜色可以更适合个人作品集。”
04
STEP
不知道怎么优化，就让 AI 先评审
把“改好看点”变成问题清单
如果你不知道哪里不好，不要硬憋修改意见。可以直接让 AI 扮演网页设计评审，指出结构、信息层级、视觉风格、交互细节的问题。
05
STEP
保存后用浏览器预览
第一版先看结构，后面再细修
视频最后的小贴士很关键：把 AI 输出的新一版完整 HTML 保存下来，用浏览器打开预览。先看结构有没有跑通，再继续让 AI 一轮一轮改。
一个更稳的迭代顺序
先修结构模块、顺序、导航、按钮、作品入口。
再修内容项目标题、介绍文案、作品描述、联系方式。
最后修审美字体、颜色、间距、卡片比例、动效。
写在最后
用 AI 做网站，最容易失败的地方不是不会写代码，而是你把需求、结构、参考和评审都混在一句话里。把过程拆开，AI 才真的能帮你把一个粗糙网页，迭代成一个像样的个人作品集。
