QQ扫一扫联系
新用户注册后是一张灰色人影，想换只能上传图片。有人找不到合适的图，就一直顶着那个灰色人影，整个用户列表看起来像一片没激活的账号。
头像生成器（VueColorAvatar）在站点里加一个在线捏头像的页面，用户自己选脸型、发型、颜色、配饰，拼出一个卡通头像下载走。它基于开源的 vue-color-avatar 项目，整个生成过程都在浏览器里完成，服务端不参与。
入口是 /vue_color_avatar。后台会注册一个快捷链接（分组在「内容」下面），点一下就能跳过去。
要注意的是一个登录问题：路由上挂了会员登录中间件，条件是 Member 模块存在。装了用户系统的站点上，游客打开会被跳去登录页。如果想让所有人都能用，得改这个路由。
这个页面不用站点的框架，输出的是一份完整 HTML：自己的 head、自己的 favicon、自己的资源文件。它不带站点导航，也不带页脚。
有几个连带影响：
color-scheme 声明是深色，界面按深色主题设计的。放进一个浅色站点里会显得突兀。Asset/assets 目录下。升级模块时这些文件会整体替换。技术栈是 Vue 3 加 Vite，跟系统其他部分用的 Vue 2 不是一套，但因为是独立页面，互不干扰。
不保存。 生成完是用户在浏览器里下载一张图片，模块不往服务器写任何东西，也不跟会员账号关联。用户换了头像之后要自己上传回站点。
不提供接口。 没有后台管理，没有配置项，没有数据库表。装完就是一个页面。
不做默认值。 它不会成为注册时的默认头像来源，新用户该是灰色人影还是灰色人影。想让它当默认头像，得自己把生成逻辑接进注册流程，或者预生成一批放进默认头像库。
适合：社区、论坛、SaaS 这类有用户体系的站点，给用户一个不上传照片也能有个像样头像的渠道。作为站点的一个小工具页也能带来一些自然流量。
不适合：需要把头像直接写进用户资料的场景（要二开）；需要品牌定制形象的（生成的风格是开源项目那套，改风格要动前端源码）；对页面风格统一要求高的（这个页面是深色独立页，跟站点主题不搭）。
先确认静态资源能加载。因为是打包产物，发布时要确保 Asset 目录完整同步到了服务器，缺文件会白屏。
然后在手机上看一眼。这个页面是从桌面端设计过来的，选项面板在小屏上会占很大空间，头像预览区会被挤小。
最后决定是否要把登录中间件去掉。工具页一般希望谁都能用，但这个模块默认在有会员系统的站点上要求登录，这个反差要先想清楚。
