你是否曾经幻想过拥有一个属于自己的网站？在这个数字身份日益重要的时代，一个个人网站就像是互联网世界中的一张"身份证"。特别是在AI大模型崛起的今天，「30秒生成个人网站」——当这样的AI宣传语铺天盖地时，搭建个人网站似乎变得触手可及。
作为一名产品经理，我一直有这样的执念——希望在这个电子时代留下自己的印记。怀揣着这个想法，我踏上了用AI搭建个人网站的旅程。直到真正动手后才发现，这简直是自媒体给零编程经验的人挖的「认知陷阱」…
开始：我以为的"简单任务"#
初次尝试时，我信心满满地打开了Cursor（一款AI编程助手），向它描述了我想要的网站样式，甚至提供了一些参考网站的截图。这不，我还有模有样的写了个需求文档。我天真地以为，AI会立刻为我生成一个完美的网站代码。
结果？我的项目文件夹里很快堆积了三个失败的版本，每一个都让我在样式调整上抓狂不已。
“调整一下这个标题的大小” “把这个按钮移到右边” “为什么图片显示不出来？”
这些看似简单的需求，在实际操作中却变成了一场噩梦。
转折：当我终于搞定样式，却发现更大的问题#
经过无数次尝试，我的网站3.0版本终于有了不错的外观。就在我准备庆祝胜利的那一刻，一个更根本的问题浮出水面：
这只是一个静态网页，我该如何持续更新内容？
我突然意识到，我想要的不仅仅是一个好看的网页，而是一个可以持续迭代内容的博客系统。每次有新内容，难道我要重新编写HTML代码吗？这显然不是我想要的解决方案。
💡认知突破：原来90%的新手都混淆了"能展示"和"可运营"的本质区别！
反思：需求先行，技术选型后跟#
这时我才明白，在开始任何项目前，明确需求是多么重要。我需要的不是一个静态网页，而是一个完整的内容管理系统(CMS)。
这时候，聪明的小明可能会问：为什么不直接用建站工具呢？WordPress 它不香吗？咳咳，那不是一个月要 30，一年要 360，一辈子就要三万六嘛。
言归正传，带着这个新认识，我重新与AI对话，最终找到了一个优雅的解决方案：基于Obsidian作为内容管理系统，结合Hugo静态网站生成器来构建我的个人网站。
实战：用Cursor+Hugo搭建可持续更新的个人网站#
经过前期的失败和反思，我总结出了一套相对可行的流程：
1. 选择合适的Hugo模板#
首先访问Hugo官方主题市场，选择一个符合你审美和功能需求的模板。这一步非常关键，因为好的模板能为你省去大量自定义工作。
2. 获取模板代码（重要经验！）#
这里有两种方法：
方法一：直接让Cursor帮你从头搭建一个基于某模板的Hugo网站
方法二：从GitHub直接下载模板代码，再用Cursor打开
经过多次尝试，我强烈推荐方法二！这样可以避免让AI从零构建时可能出现的各种问题，省去大量调试时间。直接使用开箱即用的模板，然后针对性地进行修改，效率会高很多。
3. 定制化配置#
Hugo模板通常提供了丰富的配置选项，你可以通过修改配置文件来实现个性化：
# 让Cursor帮你修改配置文件
我想把网站标题改为"我的个人网站"，并添加Bilibili、微信、Twitter和GitHub社交链接
不懂的地方随时向Cursor请教，AI的优势就在于它能解释每个配置项的作用，并提供修改建议。
4. 高级定制功能#
标准模板可能无法满足你的所有需求。比如我希望首页能像社交媒体那样支持无限下滑浏览所有文章，而不是只展示最新几篇。
像 Hugo 模版，也支持用户进行个性化的定制。这时就需要让Cursor帮你开发自定义功能：
我希望首页能展示所有专栏的预览卡片，每个专栏最多展示 6 个，右上角显示"查看全部"
在与AI交互时，关键是描述清楚你的需求和期望的视觉效果，然后实时预览并反馈调整。
5. 部署上线#
最后一步是将网站部署到互联网上。我使用了GitHub结合Vercel的方案：
用Cursor帮你创建Git仓库并提交代码
在Vercel上关联你的GitHub仓库
Vercel会自动构建并部署你的Hugo网站
几分钟后，你的个人网站就上线了！更棒的是，以后每当你添加新文章并推送到GitHub，Vercel会自动更新你的网站。
感兴趣的朋友也可以点击以下网址访问： https://xuefeng-ai.vercel.app (可能要外网才能访问，后续再部署下国内云)
血泪教训与最佳实践#
这段旅程给了我不少宝贵的经验，希望能帮助你少走弯路：
定期保存版本：每完成一个功能，就让Cursor帮你提交一次Git，并写清楚更新内容。我因为忘记这点，曾痛失几个小时的工作成果。
清晰描述需求：与AI交流时，尽可能详细地描述你想要的效果，提供参考图片或网站会更有效。
分步骤迭代：不要期望一步到位。先搭建基础框架，确保它能正常工作，再逐步添加自定义功能。
善用模板生态：不要重复造轮子。Hugo有丰富的模板和插件生态，大多数需求都能找到现成的解决方案。
学会调试预览：本地运行Hugo服务器进行实时预览，这比部署后才发现问题要高效得多。
感悟：AI不是万能的，但确实改变了游戏规则#
经历了这个过程，我对AI工具有了更深的认识。AI不会魔法般地解决所有问题，但它确实大大降低了技术门槛。
以前，搭建一个功能完善的个人网站可能需要学习HTML、CSS、JavaScript等多种技术，而现在，只要你能清晰地表达需求，AI就能帮你处理大部分技术细节。
最重要的是，这个过程教会了我更好地思考和表达需求——这不仅对与AI协作有帮助，对产品经理的日常工作也同样适用。
写在最后#
如果你也想拥有一个个人网站，不要被技术障碍吓退。AI时代的魅力在于，它让技术创作变得更加平民化。即使你像我一样没有编程背景，也完全可以通过与AI的对话，搭建出一个令人满意的个人网站。
当然，旅程可能会有波折，但当你看到自己的网站最终上线，那种成就感是无与伦比的。毕竟，在这个数字时代，拥有一个由自己打造的网络空间，不正是我们留下印记的方式吗？
正如苏东坡先生云：
泥上偶然留指爪，鸿飞那复计东西。
正如我们在互联网留下的个人网站、数字内容，也许只是"雪泥鸿爪"，但却是属于自己的独特印记。
你是否也有搭建个人网站的想法？或者已经用AI工具尝试过类似项目？欢迎在评论区分享你的经历和疑问，让我们一起探讨AI时代的创作可能性！
（文末彩蛋：关注后回复"建站礼包"，获取建站用到的Github 模版+建站避坑清单）
