README.md 1.3 KB
Newer Older
L
LeoKu 已提交
1 2 3 4 5 6 7 8 9
<div align="center">
  <h1>Vue Color Avatar</h1>

  <p>🧑‍🦱 一个纯前端实现的头像生成网站 🧑‍🦳</p>

[Read In English](./README-EN.md)

</div>

L
LeoKu 已提交
10 11 12
![preview](./images/social-preview-1.png)

![preview](./images/social-preview-2.png)
L
LeoKu 已提交
13

L
LeoKu 已提交
14 15
![preview](./images/social-preview-3.jpeg)

L
LeoKu 已提交
16 17 18 19 20 21
## 在线预览

[`https://vue-color-avatar.vercel.app`](https://vue-color-avatar.vercel.app)

## 🥳 介绍

L
LeoKu 已提交
22 23 24 25 26 27 28 29
**这是一款矢量风格头像的生成器,你可以搭配不同的素材组件,生成自己的个性化头像。**

你可能感兴趣的功能:

- 可视化组件配置栏
- 随机生成头像,有一定概率触发彩蛋
- 撤销/还原*更改*
- 国际化多语言
L
LeoKu 已提交
30 31 32

## 设计资源

L
LeoKu 已提交
33 34 35 36
- 设计师:[@Micah](https://www.figma.com/@Micah) on Figma
- 素材来源:[Avatar Illustration System](https://www.figma.com/community/file/829741575478342595)

> 请注意,虽然该项目是 MIT 协议,但是素材资源基于 [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) 协议。如果你有好的创意素材,欢迎补充!
L
LeoKu 已提交
37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

## 项目开发

该项目使用 `Vue3` + `Vite` 进行开发。

```sh
# 1. 克隆项目至本地
git clone https://github.com/Codennnn/vue-color-avatar.git

# 2. 安装项目依赖
yarn install

# 3. 运行项目
yarn dev
```