近期网站更新和 AI 编程记录

近期网站更新和 AI 编程记录

最近一个多月,接触了几款 AI 编程工具,包括 Codex、OpenCode、Antigravity。模型方面也陆续用到了 GPT-5.5、DeepSeek V4 Pro、Minimax 2.7 等。

沉浸在 Vibe Coding 过程,感觉逐渐体会到钓鱼的乐趣,同样是不指望结果能带来多大的收益,纯粹为了满足自己的想法而不计回报。

近期工作上事情较多,生活上就不好形成记录,倒是通过 Memos 等工具做了很多碎片化的记录。就连网站的折腾也都是纯粹靠 AI 完成了,有一个多月没有更新,又到了水一篇的时候,就把网站的一些变化记录一下。

动态页面

新增了“动态”页面,完全抄袭 动态 | 階上生活 这个页面,主要是想把一些分散在不同平台上的记录聚合起来。

动态页面
动态页面
后台手动维护数据
后台手动维护数据

目前动态页的数据来自单独的 GitHub 静态仓库,前端读取统一生成的 activity.json。数据来源包括网易云红心歌曲、豆瓣电影和音乐、Keep 运动记录,以及手动维护的美食点评。

通过 AI 确定了数据结构,并完成了 workflow 梳理。最开始想把几个 JSON 拼起来,后面逐渐拆成了同步、构建、部署几个环节。现在保留了三个主要 workflow:每天定时同步外部数据,手动维护美食记录,以及将生成后的 dist 目录部署到服务器。

这样处理以后,动态页本身不需要关心数据从哪里来,只需读取最终的聚合文件即可。后续如果再增加新的来源,也只需要扩展同步脚本和构建逻辑,不必改页面主体。

微信小程序

做了一个小程序叫“小十备忘录”,本质上是 Memos 的一个微信端客户端。最终成品我还是挺满意的,最近出差较多,利用非常碎片化的时间,借助 AI 一点点打磨。

“我的”页面(浅色)
“我的”页面(浅色)
“时间线”页面(浅色)
“时间线”页面(浅色)
“设置”页面(浅色)
“设置”页面(浅色)

因为 Memos 的访问需要认证,小程序端不能直接拿 Memos Token 去请求接口,所以中间加了一层 Token Service。小程序只负责页面交互和展示,所有需要认证的请求都通过 Token Service 转发。

目前小程序里已经做了发布、编辑、我的、时间线、详情、设置等页面,也处理了微信登录、账号绑定、发布默认设置、图片上传、可见性、置顶等功能。

“发布”页面(浅色)
“发布”页面(浅色)
“我的”页面(深色)
“我的”页面(深色)
“详情”页面(深色)
“详情”页面(深色)

微信小程序和普通网页开发差异还是比较明显。比如图片压缩、上传、Canvas、合法域名、审核模式、暗色模式等,都需要单独考虑。AI 在写页面和工具函数时效率很高,但涉及微信自身限制的地方,还是需要反复调整和真机测试。

为了过审,专门做了审核版和完整版两套运行模式。审核版只保留低风险入口,隐藏图片、公开可见性、评论、转发等功能;完整版才启用完整时间线和发布能力。这个部分如果一开始没有设计清楚,后期会在很多页面里到处写判断,维护起来会比较乱。

评论系统

评论系统这块,本来只是想让小程序可以评论 Memos 内容,后面顺手把 Web 端也接进来了。

现在评论统一由 Token Service 读写,不让小程序和网页端直接操作数据文件。小程序继续使用 /api/comments/{memoId},网页端则使用访客评论接口或 Memos 用户评论接口,两边共用同一份评论数据。

微信小程序评论
微信小程序评论
Memos 实例评论
Memos 实例评论
说说页面评论
说说页面评论

评论里还加了一些实际需要的字段,比如访客昵称、邮箱、网址、回复关系、客户端信息、来源平台等。公开接口会隐藏 IP 和完整 User-Agent,后台可以查看更完整的信息。邮件提醒也放在服务端异步处理,评论提交不受邮件发送结果影响。

评论后台管理
评论后台管理
邮件提醒
邮件提醒

这部分 AI 写代码很快,但字段设计和后续迁移可能性需要自己把关。比如现在评论数据按接近 Memos 0.28.0 comment-as-memo 的形状保存,额外信息放在扩展字段里,主要是为了以后如果 Memos 官方评论能力更完善,迁移时不至于完全推倒重来。

说说页面

原来的“说说”页面也重新写了一遍。

说说页面
说说页面

新版页面通过 Memos API 获取公开内容,在博客里以时间线形式展示。页面支持分页、用户信息缓存、Markdown 渲染、图片灯箱、标签展示和内嵌评论。

评论默认折叠,点开后可以查看、发表和回复。访客的昵称、邮箱、网址会保存在浏览器本地,减少重复填写。移动端也做了单独适配,比如图片网格、评论表单、回复缩进和输入框字号。

这次重写后,说说页面和小程序、小程序评论系统、Memos 后端之间的关系更清楚了。Memos 负责内容托管,小程序负责移动端发布和管理,博客页面负责展示,Token Service 负责认证、评论和中转。

几款 AI 编程工具的感受

这段时间用下来,Codex、OpenCode、Antigravity 的使用场景并不完全一样。

Codex 比较全能,特别是昨天刚更新了官方手机端,可以通过手机控制电脑进行一系列操作。这个目前正处于高速发展期,但对于我来说,套餐额度和价格仍然不敢放肆使用。每次使用前,都会将一些简单问题交给 OpenCode 或者 ChatGPT 网页版来完成,并提前用 ChatGPT 生成一些不那么费 Token、能一针见血指导其完成任务的提示词。

OpenCode 比 Codex 好的一点是可以自己接入其他模型。我通过它接入了 DeepSeek V4 Pro,这个模型用下来,相比 GPT-5.5,性价比确实很高。因为我的任务比较简单,所以在用量里看了下,Pro 的消耗中 95% 的占比均命中缓存。在这个前提下,费用特别低,特别是 5 月 31 日前还处于 2.5 折优惠期。而且效果整体还不错,除非用的人多时,可能确实存在降智的情况。凌晨时体验最佳。

Antigravity 是我现在手搓代码的主要工具。因为自己也有 Gemini Pro 会员,但给的额度是真低,所以大部分都是作为编程工具使用。偶尔遇到轻量代码修改,也是借助于这个软件自带的模型完成。这个软件在一开始接触时真的惊艳到我了,后来随着额度逐渐缩水,优势也逐渐消散。

模型方面,GPT-5.5 无疑是最牛的。DeepSeek V4 Pro 性价比真的高,特别是对于我目前阶段所完成的简单任务来说,与 GPT-5.5 拉不开差距。Minimax 2.7 模型因为价格低,我是用在了 OpenClaw 和 Hermes 上面。

评论