半天搞定个人网站！0代码全靠AI（喂饭教程

0代码基础，大学Access数据库差点挂科，审美一般 但我花了半天时间，真的做出了自己的个人网站：中间和DeepSeek聊了69次，和Trae battle了31次——新手别怕，你和它们聊起来会上瘾的 实操下来全是基础操作，适合每一个想拥有个人网站但被“代码”吓住的朋友 以下是完整工作流： 📝 第1步：准备你的“需求清单” 先问自己：网站要几个板块？偏好什么风格？是否需要留言等其他功能？ 我自己规划了四个板块：首页、简历、作品集、留言板，带着规划的板块找到DeepSeek，告诉它： 我现在想写一个个人网站，主要是面向企业展示我的简历和作品集，因为我自己不会写代码也不知道网站的制作步骤，我准备借助trae平台，告诉它提示词，让它帮我进行网站编写，现在请你教我怎么写出网站设计编写的提示词，你可以问我问题，当你确认获取所有信息后再汇总写出完整提示词 ⚙️ 第2步：打开Trae，像聊天般写提示词 等DeepSeek生成好提示词，直接复制粘贴给trae。并且新建一个文件夹用来存放接下来的网页以及会使用到的作品集、简历等 提醒：如果母文件夹里放子文件夹，子文件夹最好用英文命名 新建好后选择改文件夹，发送提示词。它会根据我们需要生成html文件，直接双击打开。我当时打开看了一下初版，比我的审美好 🔄 第3步：反复调整，直到你满意 在毅力这方面，人比ai靠谱 我的battle记录belike： - “作品集的圆盘太丑，想要一个古典半圆转盘，卡牌自身不要旋转” - “图片太小了，点击要在左边放大显示” - “表单提交后要收到邮件通知” 每次修改，trae都会更新代码，你只需要刷新已经打开的网页检查即可 📦 第4步：把你的一切放进网页 布局满意后把html后缀改成txt，替换里面的图片路径和其他文本，再改回html预览 提醒：其他图片材料的路径写相对地址 🌐 第5步：免费发布，快速上线 用GitHub Pages或Netlify免费发布，把最终html和其他文件上传 → 生成网址 → 点击访问 全程不要服务器，不要买域名（想买专属域名也可以哈哈） 我的最终成果： - 完全符合我需要的求职网站 - 包含轮盘作品集、悬浮大图、自动留言收集表单 - 手机电脑都能自适应打开 - 网址可以直接放在简历里 心得： 不要害怕，我们只需要把想法说清楚，剩下交给AI 有什么问题欢迎评论区交流！趁我记得知无不言哈哈哈～（附我的网页截图） #AI工具 #vibecoding #简历#DeepSeek #trae #网页设计#vibecoding大赏