拯救脱发的建站之旅!
拯救脱发的建站之旅!
woI🎉 欢迎来到 woI 的博客!
这是我博客(除了关于页)的第一篇文章,这篇文章我主要想来给大家讲讲,我这个博客是怎么历经千辛万苦、一路踩坑才终于上线的。真的,中间好几次我都想直接把电脑合上不干了!🚀
💡 缘起:被大佬种草,1小时极速白嫖建站
首先呢,最开始是看到了 CM 老师(也就是 Edgetunnel 的作者)发的一个教程,教大家怎么弄基于 Hexo 架构 anzhiyu 主题的零服务器博客。
看了之后我真的非常心动啊!因为我之前就在想,能不能自己也整一个 CM 老师同款的那种看着就很高级的博客出来。之前搞网站,一想到要买服务器、配环境、搞域名解析什么的我就头大,但这下直接省事了!不用花钱买 VPS,纯白嫖方案!
我大概花了 1 个多小时吧,跟着教程一步步敲命令,把他利用 Github Pages 托管代码,然后再套上 Cloudflare Pages 的 CDN 加速,直接就给弄上线了。也就是你们现在看到的这个站点的基础框架。当时看着网页第一次加载出来,心里那叫一个爽。🌐
🚧 现实骨感:被各种 yml 配置文件无情劝退
但是!打脸来得太快了。后来我突然发现,你部署以后,里面根本没有任何东西!
完全没有达到 anzhiyu 那个演示站 (https://blog.anheyu.com) 的那种炫酷的感觉。里面空空荡荡的,要想把那些好看的挂件、特效、分类导航弄出来,所有的东西基本上都得靠你自己去一个叫 _config.yml 的配置文件里面一点一点地去改。
我打开那个文件一看,好家伙,密密麻麻上千行代码。对于我这个对 yml 格式一点都不了解的人来说,简直是看天书。大家都知道,yml 这玩意儿对格式要求极其变态,多一个空格、少一个缩进,或者冒号后面没空一格,你一跑部署它就直接给你飘红报错。
为了改个头像路径和网站标题,我查了半天文档。等我意识到,如果要随心所欲地把博客改成我想要的样子,得先去系统地学会这破语法,然后再来折腾博客的时候……我发现我已经没有那个“牛劲”了。喝口牛奶还得自己养头牛?算了吧。🫠
🤖 破局:既然不想手敲代码,那就上 Vibe Coding!
于是!我想到了最近在技术圈里非常火的一个概念——Vibe Coding(直觉编程)。
那有的人可能就要说了:“搞个博客配置和 Vibe Coding 有啥关系啊?”
我想说的是,我的话还没说完!我的后半句便是:我要用 Vibe Coding 的核心产物——AI IDE(AI 集成开发环境) 来帮我干活!既然我不想写代码,那我就把需求说出来,让 AI 帮我去读文档、去改那个恶心的 yml 配置不就行了?
顺着这个思路,我开始在网上疯狂找好用的 AI 代码编辑器,接下来就是我一路踩坑的血泪史了。👇
🐧 腾讯 Workbuddy + Claw:略显鸡肋的初尝试
首先,我搜到了腾讯出的 workbuddy,然后看里面有个 claw 模型,就寻思着用一下试试。
试用了一下的真实感受,我只能说:对于“改代码”这种动不动就要看全局配置的活儿来说,这玩意儿真的是特别鸡肋。感觉它总是抓不到我想改的那个文件的重点,有时候跟它说半天,它给你改的地方完全是错位的。📉
不过话又说回来,人家 workbuddy 虽然用的是过程模型,但是你正常用的话,基本是不需要付费的,算是良心了,就是不好用而已。
🤬 Codebuddy & Codebuddy CN:吃相难看,风扇狂转
在 workbuddy 那里碰壁之后,我又不信邪,先后尝试了 codebuddy 和它的国内特供版 codebuddy cn。结果发现,这绝对是个大坑!
首先是资源占用奇高!这玩意不仅免费额度少得可怜,开起来之后我电脑资源占用直接拉满!如果你想让它在一边帮你吭哧吭哧地改代码,你在另一边开个 Chrome 浏览器查点关于博客后续优化的资料?那你简直是在做梦去吧!电脑风扇转得直接起飞,卡得鼠标都飘了。
更让我无语的是那个 codebuddy cn!不仅底层用的模型和免费的 workbuddy 一模一样,还没聊两句,居然就开始弹窗让你交钱收费了?人家国际版的 codebuddy 起码还有个 GPT 模型顶着,收点费我也就忍了。你一个和 workbuddy 几乎没区别的玩意,体验这么差,收的还那么贵?果断卸载。💸
🌍 国际版 Trae:阔绰是阔绰,但还是不够造
被前面几个气得够呛之后,有点扯多了,回到正题。后面我开始思考,有没有那种免费额度稍微高一点,最好是有海外模型,而且后续如果开会员的话,价格还比较低的 IDE?
然后我就发现了字节出的国际版 trae。说实话,体验比前面两个好多了,免费额度给的也还算阔绰,响应速度也不错。但是我博客要折腾的地方实在太多了,等我刚把导航栏和几个页面弄得有点眉目,还没改完呢,额度就没了…… ⏳
🖱️ Cursor:初恋也是要看额度的
额度没了怎么办?后面我又想到了 cursor。
为什么会想到 cursor 呢?其实是因为他是我接触的第一个 AI IDE,算是老相识了。我就去下了一个,手感依旧很丝滑。但很可惜,结局和 trae 一模一样,博客代码还没改完,fast 额度就又没了,弹尽粮绝。😅
🏆 终极神器 Google Antigravity:纯白嫖 Opus 4.7!
就在我到处白嫖无门,快要放弃的时候,我发现了最终的神器!!!——Google Antigravity ✨
兄弟们,这个产品是我目前觉得谷歌 AI 系里面最夯、最顶的一个!没有之一!
它的免费额度简直可以用“屌”来形容!而且最离谱的是,它里面竟然能直接用 Claude Opus 4.7 的模型!(这里插一句,据说还可以用 CCswicth 反代出 Opus 的 api 去接 Claude Code 和 Openclaw,不过我没那么折腾,原生就够强了)。
找到这个神器之后,我直接把我的审美要求甩给它:我就喜欢那种高对比度的、极简的苹果风排版,再加上一点高级的毛玻璃 (Glassmorphism) UI 效果,别整那些花里胡哨的。Opus 4.7 的理解能力真的绝了,指哪打哪,帮我把前端的 CSS 样式梳理得服服帖帖。
反正我用他白嫖的 Opus 4.7,一口气连干了两个项目(一个就是现在这个博客,另一个是我自己玩的其他东西),才终于把它的额度给烧光。不过这完全不是问题,换个账号还可以接着薅羊毛!🐑
✨ 最后说两句
目前你们在屏幕上看到的,整个博客前端页面的各种优化、极简的高对比度视觉效果、毛玻璃的质感,全都是 Antigravity 搭配 Opus 4.7 帮我做出来的。目前来说,我对自己折腾出来的这个最终效果还是很满意的!💯
博客的架子总算是搭好了,不用再去看那些烦人的 yml 报错了。以后我会在这里多写点文章,记录一下瞎折腾的过程。如果你也想搞博客,别犹豫,直接上 AI IDE,少走弯路!

