项目
在 GitHub 查看
Codennnn/vue-color-avatar
Codennnn/vue-color-avatar has 3,760 GitHub stars and 483 forks. GitHot measured -2 stars in 24 hours and -3 in 7 days. Last checked 2026-11-12 10:50 UTC. Last push 2025-07-24.
An online avatar generator just for fun | 一个纯前端实现的头像生成网站
实测星标增长
- 24小时
- -2
- 7天
- -3
- 15天
- 正在收集历史
- 1个月
- 正在收集历史
各周期内的星标净变化，周期相互重叠，并非每日新增。缺失的测量保持空白。星标代表关注度，不代表软件质量。
README-CN.md
原文
在线预览
https://vue-color-avatar.leoku.dev
介绍
这是一款矢量风格头像的生成器，你可以搭配不同的素材组件，生成自己的个性化头像。
你可能感兴趣的功能：
- 可视化组件配置栏
- 随机生成头像，有一定概率触发彩蛋
- 撤销/还原更改
- 国际化多语言
- 批量生成多个头像
深度了解项目
想要深入了解项目架构、代码组织和技术实现？
DeepWiki 使用 AI 技术自动分析了整个项目，提供：
- 📋 项目架构概览
- 🔍 代码结构分析
- 💡 核心功能解读
- 🗺️ 组件依赖关系图
- 🚀 实现细节与最佳实践
非常适合新手快速上手和贡献者深入理解项目
设计资源
- 设计师：@Micah on Figma
- 素材来源：Avatar Illustration System
Note
虽然该项目是 MIT 协议，但是素材资源基于 CC BY 4.0 协议。如果你有好的创意素材，欢迎补充！
项目开发
该项目使用 Vue3 + Vite 进行开发。
# 1. 克隆项目至本地
git clone https://github.com/Codennnn/vue-color-avatar.git
# 2. 安装项目依赖
yarn install
# 3. 运行项目
yarn dev
Docker 快速部署
#下载代码
git clone https://github.com/Codennnn/vue-color-avatar.git
#docker 编译
cd vue-color-avatar/
docker build -t vue-color-avatar:latest .
#启动服务
docker run -d -p 3000:80 --name vue-color-avatar vue-color-avatar:latest
最后，打开你的浏览器访问服务的地址 http://localhost:3000 即可。