让 AI 重写了一遍博客程序
AI 哥何意味……
本期黑奴:老黄免费 API 的 DeepSeek V4.1 Flash
本来只是想让 AI 看看博客有什么写的不好的地方,结果 AI 一个起手就是完全推倒重写。
其实一直也觉得单纯拿 Next.JS 当静态网页生成器有点大材小用,而且选型也不太对。
既然 AI 哥一个雷霆掀桌那就顺着走了,蹭着英伟达的免费 API 跑了几天算是完工了。
完全没看懂写的什么东西,见证屎山代码的起点来了。
构建链
现在整条链路大概是:
本地写 Markdown -> 推送至 GitHub 仓库 -> 触发 Github Actions 构建 -> 构建完成自动部署推送到 Cloudflare Workers
还是传统静态博客那套思路。
本来是想完全 Github 一套走完,进了设置才想起来 Github Pages 在免费计划里是不能给私有仓库启用的。
就换成了 Cloudflare,设置到一半又发现 Cloudflare Pages 也被下线了,现在只能建 Workers。
构建缓存机制有点屎。对我这个项目来说的话,不用官方支持的框架的话只能冷构建,每次都跑几分钟。
所以最后还是换成了上面说的流程。Github Actions 跑的还挺快,目前的文章数据和媒体资源在 AI 做的缓存机制下一轮构建和部署大概半分钟。
图片
本来只打算让 AI 做一下懒加载就可以了,结果把图片转换也做了,支持了 AVIF 和 WebP,顺手带了多档宽度自适应。
这个转换也带上了项目里唯一一个第三方依赖 sharp,也想过让 AI 继续猛干把这个依赖也优化掉,整一个纯独立系统。
全程让 AI 评估两种方案,AI 自己测试评估对比后还是留下这个第三方依赖了。
好消息:不用定时维护依赖库更新了。
坏消息:屎山代码只能丢给 AI 维护了。
HTML & CSS
HTML 这边主要是压缩和结构统一。删无语义嵌套,去掉无意义空白,图片补上各种属性。
样式的话 AI 写法实在有点极端,全程截图对比,各种数值都计算到小数点后两位起步。
而且味实在是大,看了一天 AI 写的样式后,现在看什么带UI 的 AI 项目都是一眼丁真。
介入了不少次,最后让 AI 写成这种比较接近我之前风格的样式了。
没啥 JS,只有页脚切换深色浅色开关和归档页筛选之类的用到了内联脚本,去除了独立 JS 文件这一块。
测试样式的时候一个平滑滚动一直没生效,才发现 AI 写了个 prefers-reduced-motion,还是第一次知道这个查询。
会读取用户系统里的动画设置,才发现我 Windows 10 一直都设置的无动画,打开动画后仿佛打开新世界,原来我们 Windows 是有动画的啊。
PJAX?
再见了所有的无刷新。
刚开始接触博客的时候好像刚好赶上了一波 PJAX 普及的高峰期,当时属于是还没开智也就只是看着。
AI 写程序的时候也想过是不是继续加上这种技术呢。最后还是算了,现在这个源码挺简洁的,而且我这个场景好像也用不太着。简单加个浏览器的预加载声明就可以了吧。
有一种返璞归真的美。