2021-10-16 10:29:32 +00:00
|
|
|
<div align="center">
|
|
|
|
|
<h1>Vue Color Avatar</h1>
|
|
|
|
|
|
|
|
|
|
<p>🧑🦱 一个纯前端实现的头像生成网站 🧑🦳</p>
|
|
|
|
|
|
2022-04-17 03:10:27 +00:00
|
|
|
[Read in English](./README-EN.md)
|
2021-10-16 10:29:32 +00:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
2022-09-18 13:21:33 +00:00
|
|
|
<a href="https://vue-color-avatar.vercel.app">
|
|
|
|
|
<img src="./images/social-preview-1.png" alt="website-cover" />
|
2021-12-10 15:52:23 +00:00
|
|
|
</a>
|
2021-10-21 15:20:47 +00:00
|
|
|
|
2021-10-16 10:29:32 +00:00
|
|
|
## 在线预览
|
|
|
|
|
|
|
|
|
|
[`https://vue-color-avatar.vercel.app`](https://vue-color-avatar.vercel.app)
|
|
|
|
|
|
2021-12-10 15:52:23 +00:00
|
|
|
## 介绍
|
2021-10-16 10:29:32 +00:00
|
|
|
|
2021-10-21 15:20:47 +00:00
|
|
|
**这是一款矢量风格头像的生成器，你可以搭配不同的素材组件，生成自己的个性化头像。**
|
|
|
|
|
|
|
|
|
|
你可能感兴趣的功能：
|
|
|
|
|
|
|
|
|
|
- 可视化组件配置栏
|
|
|
|
|
- 随机生成头像，有一定概率触发彩蛋
|
|
|
|
|
- 撤销/还原*更改*
|
|
|
|
|
- 国际化多语言
|
2022-07-28 05:21:17 +00:00
|
|
|
- 批量生成多个头像
|
2021-10-16 10:29:32 +00:00
|
|
|
|
|
|
|
|
## 设计资源
|
|
|
|
|
|
2021-10-21 15:20:47 +00:00
|
|
|
- 设计师：[@Micah](https://www.figma.com/@Micah) on Figma
|
|
|
|
|
- 素材来源：[Avatar Illustration System](https://www.figma.com/community/file/829741575478342595)
|
|
|
|
|
|
2022-07-13 06:37:19 +00:00
|
|
|
> **Note**
|
2022-07-13 06:23:28 +00:00
|
|
|
> 虽然该项目是 MIT 协议，但是素材资源基于 [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) 协议。如果你有好的创意素材，欢迎补充！
|
2021-10-16 10:29:32 +00:00
|
|
|
|
|
|
|
|
## 项目开发
|
|
|
|
|
|
|
|
|
|
该项目使用 `Vue3` + `Vite` 进行开发。
|
|
|
|
|
|
|
|
|
|
```sh
|
|
|
|
|
# 1. 克隆项目至本地
|
|
|
|
|
git clone https://github.com/Codennnn/vue-color-avatar.git
|
|
|
|
|
|
|
|
|
|
# 2. 安装项目依赖
|
|
|
|
|
yarn install
|
|
|
|
|
|
|
|
|
|
# 3. 运行项目
|
|
|
|
|
yarn dev
|
|
|
|
|
```
|
