我做了一个定期自动修改 V2EX 头像的油猴脚本，开源，文末有链接。
前几天摸鱼逛 v2ex, 看完几个热帖后，一阵空虚。盯着自己的头像发呆（用了站内之前很火的丑丑头像）
突然产生了一个想法：丑丑头像有那么多随机生成的风格，如果能每天自动换一个，不仅每天都有新鲜感，还能顺便给身份增加一点“神秘感”。
简单调研后发现，V2EX 的官方 API 并没有提供修改头像的接口。不过，在观察 setting/avatar 页面时，我发现可以直接通过 POST 请求上传头像。于是我尝试让 DeepSeek 帮我写了一个简单的浏览器控制台脚本，测试发现确实可行。
前面到这里其实已经够用了，js 丢 Gist 想用的时候复制粘贴到控制台运行一下就足够了，但是前面说了摸鱼把帖子都看完了，两句话让 AI 写了一个 js 脚本后，又没事干了。继续空虚...
我开始设想：能不能把这个功能分享给更多人？如果要做成工具，就需要更多的自定义选项，比如：设置更新频率、选择头像来源、记录历史等。
通常这类需求会做成浏览器插件，但考虑到核心功能仅仅是修改头像，做成插件未免有些大材小用，于是我最终选择了 油猴脚本（ Tampermonkey ） 作为载体。
在设计设置页面时，我产生了一个更通用的想法：将其定位为一个 UI toolkit。通过一套通用的配置 UI ，让用户可以轻松设置每日头像的信息。这样，这套逻辑不仅能用于 V2EX ，后续也可以扩展到知乎、微博、掘金等更多社区平台。
为了保证工具的易用性与扩展性，用 Vite + Preact + Zustand + TailwindCSS 构建了一个轻量化的设置页面，支持多种类型的设置项，并将其发布到了 npm 上。
写油猴脚本的时候只需要将 UI 包以 @require 的形式引入即可。随后将 UI 注册到全局 window 对象上，方便油猴脚本调用。
效果图：
原“丑丑头像”作者提供的是 GitHub Pages 静态站点，缺乏方便脚本直接调用的 API 。为了解决图片来源问题，我在站内搜索到了 https://www.v2ex.com/t/1042483 这篇帖子。
作者用 nextjs 写了一个头像服务器，提供了 api 能力，非常方便。但是后面我想自己本地部署发现没有提供 docker 之类的部署方式。于是我参考作者的代码，用 koa 重写了一部分逻辑。
其实一开始也是奔着部署在腾讯的 edgeone serverless 上，才用了 koa ，不过因为域名备案也就作罢，用 GitHub actions 构建镜像到 Docker hub 上。还是用传统容器的方式部署在腾讯云服务器上。用 nginx 做反向代理。
以上，nodejs 写的头像服务貌似还有性能问题，后续有时间再优化吧。
效果图:
有了前面的铺垫，油猴脚本本身的实现就变得非常纯粹：主要逻辑是获取生成的头像图片，然后将其上传至 V2EX ，并注册几个方便用户操作的菜单项。
从萌发想法到最终落地，前后大概花了一周的时间。整个过程有些“本末倒置”：为了写一个简单的油猴脚本，我先去开发了一套 UI Toolkit ，又去搭了一个后端服务。
本身白嫖了 GitHub Copilot Pro 服务，月底了还剩很多高级请求没用，刚好这次派上用场。大部分代码还是 ai 帮我写的，节省了不少时间。
整体来说，还是挺有意思的一个项目。后续有时间会继续完善这个脚本，拓展到其他平台头像的修改。
顺便提一句，每日头像不一定是丑丑头像合集，也可以是其他头像生成服务，可以到 http://dicebear.com/styles 看看。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。