https://github.com/lxchapu/little-human
一个纯前端的矢量小人生成的网站 🥰
https://github.com/lxchapu/little-human
image-maker react vite
Last synced: 10 months ago
JSON representation
一个纯前端的矢量小人生成的网站 🥰
- Host: GitHub
- URL: https://github.com/lxchapu/little-human
- Owner: lxchapu
- License: mit
- Created: 2024-03-02T03:51:52.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-21T12:54:40.000Z (about 2 years ago)
- Last Synced: 2025-05-16T20:07:43.940Z (about 1 year ago)
- Topics: image-maker, react, vite
- Language: TypeScript
- Homepage: https://little-human.lxchapu.com
- Size: 391 KB
- Stars: 8
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Little Human
一个生成可爱的矢量小人的网站 👆
## 在线预览
## 介绍
这是一款矢量小人生成器，你可以搭配不同的素材组件，生成各种可爱的小人。
你可能感兴趣的功能：
- 可视化组件配置栏
- 随机生成小人，有一定概率触发彩蛋
- 撤销/还原*更改*
- 国际化多语言
- 批量生成多个小人
## 项目开发
该项目使用 `React` + `Vite` 进行开发。
```sh
# 1. 克隆项目至本地
git clone git@github.com:lxchapu/little-human.git
# 2. 安装项目依赖
pnpm install
# 3. 运行项目
pnpm dev
```
## Vercel 部署
点击下面的按钮，跳转至 Vercel 进行部署。
[](https://vercel.com/import/project?template=https://github.com/lxchapu/little-human/)
## Docker 部署
你也可以使用 Docker 自行部署
```sh
# 克隆仓库
git clone git@github.com:lxchapu/little-human.git
# 构建镜像
cd little-human/
docker build -t little-human:v1 .
# 启动服务
docker run -d -t -p 8080:80 --name little-human --restart=always little-human:v1
```
然后，打开你的浏览器访问地址 `http://serverIP:8080` 即可。
## 资源
- 设计师：[@ysk_en](https://twitter.com/ysk_en)
- 插画师：[@mnmyw](https://twitter.com/mnmyw)
- 素材来源：[Humation / Human Illustration System](https://www.figma.com/community/plugin/1252595876303925244/humation-human-illustration-system)
- 封面图片来源：[@KakyRP](https://twitter.com/KakyRP/status/1755825094306181544)
> **Note**
> 虽然该项目是 MIT 协议，但是素材资源基于 [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) 协议。如果你有好的创意素材，欢迎补充！
## License
MIT © 柃夏 chapu