用AI升级博客

Sat, 01 Aug 2026 21:50:00 +0800

用AI升级博客

大概去年的时候，逛小众软件论坛，看到这么个帖子，里面分享了许多很经典的博客设计。其中这几个网站因为其简约、明了的设计深深打动了我：

但去年这时候一个是忙，另一个是原先hugo的stack主题用的也好好的，再迁移也麻烦，所以也只是眼馋，没真正动手去换。但是现在就不一样了，有AI赋能了。直接opencode开个deepseek v4 flash耍起，什么都解决了。

更换主题

这次相中的新主题是hugo bear blog，这个主题比较简约。本来从stack换过来是比较麻烦的，因为stack是那种定制程度比较高的主题，config.yaml里有很多唯独属于stack才能用的东西，而bear这个主题又几乎是毛坯房，啥都没有，换主题光是改config就要改半天。——但你知道我要说什么的。AI大人神力！

当然，我原来的博客结构也和bear默认的网站结构不同。bear主题默认的结构更接近一个更综合的个人网站，点进去默认显示的是homepage，要在顶部导航栏点击blog按钮才能切换到博客文章页面，但我之前做的stack模式则是一点开直接就是文章列表，博文列表有每页显示数量上限而非一次性显示全部。这种微妙差别要我自己手改肯定是超出我的能力了的。你懂我要说什么的。

除此之外，AI大人还手搓了归档页、搜索页、友链卡片页、RSS全文输出、Disqus评论、社交媒体按钮等。其实基本都是原先用stack的时候有的功能。我直接把整个博客目录丢给AI，让他帮我换主题，AI就把这些原先有的功能都复刻过来了。我虽然现在挺推荐直接拿AI来配网站的，但是倘若没有这个原先的博客提供给AI作为样本，而是直接让AI从零开始构筑一个网站的话，估计也没这么能举一反三。

另外，值得一提的是现在的TOC功能。我直接把org-mode的介绍网站丢给AI，说这个网站的的TOC不错，帮我复刻一个出来，直接就成了。deepseek v4 flash的力量确实令人感到恐惧。

重构分类体系

我文章内容写得很杂，分类都不知道咋分。主要这个博客里面堆的东西太乱七八糟了，以前读书时候写的二次元和神必生草创作，甚至还有那个时候还是自由派时期写的鉴证内容。毕业了工作了读的哲和后来写的鉴证。然后还有游戏内容、旅游游记。太多太复杂的东西我都堆在了博客里，分类都不知道怎么分。

当然，现在就直接丢给AI了，直接opencode里开一个窗口让AI读我所有的博文然后根据文章内容重新决定文章分类和tags，决定好了写进md文件的frontmatter就行。这个我就不惊呼AI牛逼了，本质替代体力劳动。

顺便一提，我决定以后就专注写文章内容了，所有文章的frontmatter我都懒得写了，都要AI给我代劳得了。

评论系统

先说一下，bear默认是不带评论系统的，单纯是我之前在stack的博客上用disqus做评论系统，ai迁移主题的时候也直接给复刻过来了，AI神力时间。当然，我在这个基础上还要AI再设置了DisqusJS。简单地说就是之前只能在翻墙的情况下才能使用博文评论区，不翻墙就用不了，现在不翻墙凑合用了一半，能看不能回。

当然这个配起来比较麻烦，还得在cloudflare worker上设置反代。我之前还在古法博客、手工配置的时候想着配过几次，每次都失败，排查问题又超出我能力范围，本质只会照着攻略一步一步对着来。当然现在就直接让AI帮我修BUG了。

统计与分析

现在是接了Cloudflare Web Analytics和Google Analytics两套。Cloudflare没啥好说的，国内也能统计到。谷歌的坑一点，只能统计国外的，国内访问我是走了cloudflare worker转发。

图片

之前博客里插入图片是这样的：我先把图片上传到github仓库，然后cloudflare worker转发，最后呈现在博客上。现在为了加载速度能更快，新加了一个步骤，就是让cloudflare用Image Resizing做压缩，和浏览器协商能用什么格式，如果浏览器支持avif就avif、支持webp就webp，老古董浏览器啥都不支持就给你发jpg，在cloudflare这一步把格式转好、压缩好，这样子加载起来会快一点。

比如说这张表情包我上传的格式是jpg，你可以看看那边接收到这张图是什么格式的。

性能优化

这里主要参考了best motherfucking website和苏卡卡的博客的内容，以便让整个博客加载起来更快。

包括不再使用网络字体。给所有能懒加载的地方都上了懒加载（图片、评论区、搜索栏、GA等）。图片懒加载前占位。压缩js等等。

这里有个搞笑的地方就是我直接把网页链接丢给AI让AI认真学习优化精神，结果他还真给我整出来了。也是一种面向官腔优化了。

成果

AI配置博客可以说是成果斐然。在google pagespeed insight上取得了满分的好成绩：

结语

其实我能用到AI搞vibe coding的场合并不多。之前用得到的场景主要是搞电子书AI翻译的时候拿鞭子抽agent让他帮我修机翻脚本的bug。除此之外基本都是用AI在做文科用途，比如说写知乎回答让AI帮我做fact check、让AI帮我写工作里要用到的材料等，基本都是些替代体力活。之前最试图让AI做带脑子的工作是想让AI写网文，但是deepseek在创意写作方面的能力只能用悲剧来形容。claude和gemini相对好一些，但是也仅仅是相对的，我甚至开玩笑说用ai搞创意写作就像是接受精神分析，一开始会欣然开始移情，觉得AI创作还是有点东西的，但是过了一阵子随着AI一通操作，发现AI实力也就那样了，移情终止，分析关系结束。但这次趁着deepseek v4 flash正式版推出，也是试了一下用AI来配博客，发现这可太牛逼了。我无法理解的技术就像是魔法，我估计这个移情还是挺难结束的。

普鲸都这么吊了，等梁圣掏出大赢鲸那还得了啊。

性能优化 on Yuko's Blog

用AI升级博客

用AI升级博客

更换主题

重构分类体系

评论系统

统计与分析

图片

性能优化

成果

结语