我是小虎，浙江大学计算机本硕，专注AI编程 + AI教育。
AI****编程，让你的想法在一杯咖啡的时间里照进现实。✨
大家好，我是小虎。
最近经常被邀请出去讲课，每次主办方都希望我提供一份详细的个人介绍。
我寻思着，咱是搞AI编程的，为什么不给自己做一个酷炫的个人网站呢？
把我的经历、作品、课程都放上去，以后谁要简介，直接甩个链接过去，多方便！😎
说干就干！
🧐 静态网站？还用AI？
有人可能会说："小虎，你这也太大材小用了吧？就几个静态页面，HTML/CSS分分钟搞定，还用得上AI编程？"
哈哈，你还真别说，此言差矣！
如果说以前我们写代码是"小米加步枪"，那现在有了AI，尤其是 CodeBuddy 这样的智能助手，我们手里的工具直接升级成了"航母战斗群"！🚀
现在的AI编程，早已不是简单的"你问我答"模式，而是一种全新的、借助AI超级能力进行项目管理和开发的思维。
不信？我和大家分享一下我的"作战顺序"👇。
🤖 我的AI协作三部曲
第一步：技术选型，让AI当我的"技术雷达"
一个网站的"地基"很重要。我没有像以前一样去Google或者GitHub上漫无目的地搜索，而是直接向我的AI助手 CodeBuddy 下达了指令：
用context7找最新的个人博客的模板，推荐前十名大家注意，这里的 context7.io 是一个 MCP (Model Context Protocol，模型上下文协议)。
你可以把它理解为给AI安装了一个"超级插件"🔌，让它能连接到特定的、高质量的知识库进行搜索。
瞬间，AI就给了我一份精准的清单，列出了当前最流行、最受好评的博客模板。
我看了看，对其中的 Blowfish 和 PaperMod 比较感兴趣，但光看名字没感觉啊。于是，我继续追问：
Blowfish，PaperMod有没有demo这次，CodeBuddy 调用了另一个名为 zhipu-websearch-prime 的MCP，这是一个联网搜索插件。
它迅速帮我找到了这两个模板的演示网站，并把链接发给了我。
👍 整个过程行云流水，不到5分钟，我就确定了技术方案：使用 Hugo 框架和 Blowfish 主题。
这个效率，爱了爱了！
第二步：内容策划，让AI成为我的"内容军师"
技术框架定好了，网站里要放什么内容呢？
我又犯难了。总不能光秃秃地只放个名字吧？
我的目光投向了我们"破局AI编程行动家加强营"里的几位优秀的教练，他们的个人网站都做得非常棒。
于是，我把他们的网站链接丢给了AI，然后说：
分析这几个网站的栏目结构和内容特点，为我自己的个人网站策划一份内容大纲。AI快速分析后，给了我一份非常棒的建议，包含了详细的网站地图，甚至还对每个板块的内容组织给出了初步想法。💡
你看，AI****不仅能写代码，更能在我需要创意和策略的时候，给我提供强大的决策支持。
第三步：编码与调优，体验"1% vs 99%"法则
技术和内容都敲定了，接下来就是AI大显身手的时候了！
AI"唰唰唰"地开始生成代码，搭建网站结构。说实话，AI只花了项目1%的时间，就完成了100%的代码基础工作。
但剩下的99%的时间，我在干嘛呢？
哈哈，我花了99%的时间在跟AI"battle"：
- "这里的字体再大一点"
- "这个模块的间距不对，帮我调整一下"
- "为什么这个页面在手机上显示会错位？快帮我看看是不是CSS的问题"
- "给我换个更活泼的配色方案"
......
这画面，是不是很熟悉？😂
没错，这也是我的AI编程学习群里，学员们天天在"吐槽"的。
AI是强大的工具，但和它的沟通，以及上下文管理，才是最重要的。
最终的作品质量，还是取决于你------这个"指挥官"的审美、经验和沟通能力。
✨ 成果展示
吐槽归吐槽，作品还是要给大家秀一下的！经过一番"艰苦卓绝"的"指点江山"，我的个人博客网站终于上线啦！
👉 小虎的个人网站：http://101.126.82.242/xiaohu
(后续会改为域名，要是访问不了，随时私信我哦😉)
你看，虽然只是一个简单的静态网站，但我的整个工作流已经彻底改变了。
我不再是一个孤独的开发者，而是变成了一个"项目经理"，指挥着一个能力超强的AI团队。
从简单的"提示词工程"，到如今熟练运用MCP 赋予AI更强的能力，这就是AI编程的进化。
这套方法，不仅能用来做网站，还能用来开发App、做数据分析、写自动化脚本...
它正在悄悄改变我们工作和生活的方式。
如果今天的分享对你有启发，或者你也想系统学习AI编程，欢迎加入我的学习社群，我们一起"破局"！
Hey，大家好！我是小虎，浙江大学计算机本硕，专注AI编程 + AI教育。
每天2条朋友圈，分享AI干货。（很多不方便公开讲的都在朋友圈里）