vue-color-avatar/README-CN.md
2024-01-11 22:22:55 +08:00

2.3 KiB

Vue Color Avatar

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

Read in English

website-cover

在线预览

https://vue-color-avatar.leoku.dev

介绍

这是一款矢量风格头像的生成器,你可以搭配不同的素材组件,生成自己的个性化头像。

你可能感兴趣的功能:

  • 可视化组件配置栏
  • 随机生成头像,有一定概率触发彩蛋
  • 撤销/还原更改
  • 国际化多语言
  • 批量生成多个头像

设计资源

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 快速部署

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

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

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

#下载代码
git clone https://github.com/Codennnn/vue-color-avatar.git

#docker 编译
cd vue-color-avatar/
docker build -t vue-color-avatar:v1 .

#启动服务
docker run -d -t -p 5173:8080 --name vue-color-avatar --restart=always vue-color-avatar:v1

最后,打开你的浏览器访问服务的地址 http://serverIP:5173 即可。

在 Zeabur 中部署

我们的项目由 Zeabur 提供服务器支持,高质量的服务器服务保障了我们项目的稳定运行。需要优质的服务器服务?点击链接了解他们!

Deployed on Zeabur