零代码10分钟用AI搭建个人网站：Google AI Studio + Netlify完整教程

哎李博，最近求职季嘛，我们组在招人，我发现一个特别有意思的现象。 啥现象？简历又卷出新高度了？ 还真是。我一个做HR的朋友跟我说，现在简历真的大差不差，但如果有人附了个人网站链接，她还是会忍不住点进去看看。 这个我信。你想啊，一堆PDF里突然蹦出来一个可以点的链接，好奇心谁顶得住。 对吧！但问题来了，大部分求职的人不会写代码啊。我最近看到一个方案特别有意思——用Google AI Studio生成网页代码，再用Netlify部署上线，全程零代码，据说十分钟搞定。 嗯，这个组合我知道。Google AI Studio本质上就是Gemini模型的官方Web端入口，你可以理解为Google版的ChatGPT网页版，但它有个很大的优势——免费额度特别慷慨，而且生成的代码可以直接在平台里预览。 等等，Netlify是个啥？我之前没用过这个。 Netlify是一个静态网站托管平台，你可以理解为——它帮你把一个HTML文件变成一个全世界都能访问的链接。免费的，每月100GB带宽，还自动给你加HTTPS加密。 所以就是AI帮你写代码，Netlify帮你把代码挂到网上？ 对，就这么简单。但这里面有个特别关键的技巧，很多人不知道，直接栽在这一步。 啥技巧？快说快说。 你不能上来就跟AI说'给我做一个苹果风格的网站'。你猜会怎样？ 每次生成的都不一样？ 不只是不一样，是完全随机。因为'苹果风格'对大模型来说太模糊了，它训练数据里有一万种理解，每次随机采样结果都不同。所以正确做法是——把流程拆成两步：先让AI提取风格关键词，再用关键词去生成网站。 诶这个思路有意思！就是先让AI告诉你'苹果风格'到底意味着什么——比如无衬线字体、大量留白、黑白灰配色这些？ 对！你把这些具体参数拿到手之后，再塞进第二轮Prompt里当约束条件。这样AI的输出空间就被大幅收窄了，结果稳定得多。 我突然觉得这个跟我们做产品很像——先定设计规范再出图，不能让设计师自由发挥。 你们产品经理就知道设计规范哈哈。但你说的没错，这本质上就是在模拟专业设计师的工作流——先建Design Token，再基于Token做页面。 行行行，别秀术语了。那第二步生成代码的时候，Prompt里还要注意什么？ 三类规则缺一不可。第一是设计规则，就是刚才说的风格关键词。第二是技术规则——这个很重要——你要让AI把所有代码塞进一个HTML文件里，CSS和JavaScript全部内联。 为什么要塞一个文件里？正常不是应该分开的吗？ 专业开发确实是分开的，HTML管结构、CSS管样式、JS管交互，分离存放是最佳实践。但对零代码用户来说，管理多个文件之间的引用路径太容易出错了。全塞一个文件里，虽然牺牲了可维护性，但换来极致的简单——一个文件就是整个网站，拖进去就能部署。 懂了懂了，简历网站又不需要经常改，够用就行。那第三个规则呢？ 内容规则。你得把每个板块要写什么都列清楚——自我介绍、教育背景、实习经历、项目经验、技能列表。不列清楚，AI就自由发挥，给你编一堆假内容。 哈哈哈AI编简历，那画面太美。 你别笑，真有人直接拿AI编的内容就上了，面试的时候一问三不知。 好，代码生成完了之后呢？直接就能用？ 先预览。AI Studio里可以直接预览效果，你也可以下载HTML文件在浏览器里打开看。重点检查三个东西：导航链接能不能跳转、排版有没有错乱、有没有空白区域。如果要改，直接用自然语言告诉AI就行，比如'把主色调换成深蓝色'、'导航栏固定在顶部'。 这一步我觉得对产品经理来说太友好了，就跟提需求一样。 对，而且AI会在原有代码基础上改，不会推翻重来。这点比很多人想象的靠谱。 那最后部署到Netlify上是什么操作？ 我跟你说，这一步简单到离谱。注册个Netlify账号，登录，然后把HTML文件直接拖进去。 拖进去？ 对，就是鼠标拖拽。几秒钟之后它自动给你生成一个xxx.netlify.app的链接，全世界都能访问。 真的假的，就这么简单？ 就这么简单。但有一个验证步骤很多人会忘——部署完之后一定要用浏览器的无痕模式打开链接检查一遍。因为正常模式下你可能有缓存或者登录状态，看到的效果跟别人不一样。无痕模式模拟的是一个完全陌生的访客，如果这种条件下网站正常，HR就一定能打开。 这个细节好，我之前测试产品也是这么干的。那如果生成的代码有bug怎么办？ 把出问题的代码复制给AI，明确告诉它'只修bug，不要重写'。关键词是不要让它重新生成整个页面，否则风格和内容都可能变。一两轮对话基本就能解决。 嗯，这个我有体感。其实整个流程捋下来，核心就是那个两步拆分的思路——先锁风格再生内容，把模糊的需求变成具体的约束条件。这个方法论其实不只是建网站能用。 没错，这其实是Prompt Engineering里一个很通用的原则。你跟AI协作，越是把问题拆细、把约束写明，输出就越稳定可控。建网站只是一个应用场景。 说到底，一个个人网站不能保证你拿到offer，但在简历高度同质化的今天，让HR多停留几秒，可能就是那个关键的差异点。十分钟的投入，还是挺值的。 而且这个过程本身就是在展示你的AI使用能力，现在哪个岗位不看重这个呢。好了，赶紧去试试吧，别光听我们聊。