Github项目：卡通头像生成器

这是一个纯前端实现的头像生成网站可以生成矢量风格头像搭配不同的素材组件生成自己的个性头像。

在线预览：https://vue-color-avatar.leoku.dev

介绍

这是一个矢量风格的头像生成器，你可以匹配不同的材质组件来生成你自己的个性化头像。

您可能感兴趣的功能：

可视化组件配置栏
随机生成头像
重做/撤消
i18n
批量生成多个头像

此项目是使用 + 构建的。Vue3Vite

1. # 1. Clone project
   
2. git clone https://github.com/Codennnn/vue-color-avatar.git
   
3. 
   
4. # 2. Install dependencies
   
5. yarn install
   
6. 
   
7. # 3. Run
   
8. yarn dev

复制代码

Docker 部署

您可以使用我已经构建的镜像直接运行。

1. docker run -d -t -p 5173:8080 \
   
2. --name=vue-color-avatar \
   
3. --restart=always \
   
4. docker.io/wenyang0/vue-color-avatar:latest
   

复制代码

或者，如果您愿意，您可以自己手动编译它。

1. #clone the code
   
2. git clone https://github.com/Codennnn/vue-color-avatar.git
   
3. 
   
4. #docker build
   
5. cd vue-color-avatar/
   
6. docker build -t vue-color-avatar:v1 .
   
7. 
   
8. #start server
   
9. docker run -d -t -p 5173:8080 --name vue-color-avatar --restart=always vue-color-avatar:v1

复制代码

最后，打开浏览器并访问 http://serverIP:5173 的服务地址。

开源地址：https://github.com/Codennnn/vue-color-avatar