扩展《丑丑头像生成器》，支持 api 调用，并且固定返回值

[lem123]

声明

本文的头像生成部分参考了项目 txstc55/ugly-avatar。

背景

在浏览社区论坛时，我注意到许多相似的头像，它们虽然并不美观，但却具有鲜明的特点。通过查阅评论，我发现这些头像都是由一个开源的头像生成工具制作的。

效果展示


体验地址

demo 体验地址

源码地址

github 地址

项目介绍

做了哪些优化

• 增设了 API 接口，可以直接返回随机生成的头像；
• 添加了 'id' 和 'username' 参数，通过固定这两个参数，可以确保返回的头像保持一致；
• 增加了 'bg_color' 参数，通过这个参数，可以确保头像的背景色是固定的颜色值；
• 增加了 'w' 和 'h' 参数，通过这个参数，可以指定返回图片的宽度和高度；

api demo

随机返回

https://next-api-share.vercel.app/api/face

固定背景色

https://next-api-share.vercel.app/api/face?bg_color=rgb(245,245,220)

https://next-api-share.vercel.app/api/face?bg_color=red

固定返回值

https://next-api-share.vercel.app/api/face?id=666

https://next-api-share.vercel.app/api/face?username=john

固定宽度或高度

https://next-api-share.vercel.app/api/face?w=400&h=400

[Glkcv]

固定背景色很实用

[ldyisbest]

建议限制一下 w 和 h 的最大值，

[busy0769]

请问如果不安装 node.js 的话，要如何部署哦？小白一枚

[blessingcr]

@ldyisbest 他限制了 33554428
https://next-api-share.vercel.app/api/face?w=999999999999999999999999999&h=9999999999999999999999999999999999
这玩意只返回了 33554428*33554428

[lem123]

@Lexgni 感谢支持
@ldyisbest 有什么应用场景吗？
@busy0769 可以了解一下 vercel ？免费的，而且很简单。
@blessingcr 从代码角度我并没有主动限制尺寸，感觉是在某一个阶段被非主动处理了。

[luzemin]

哈哈，“丑丑头像”我个人在 share 的时候给起的名字，你这个“潦草头像”听起来更好一些

[dhb233]

原来是 SVG ，我还想为什么 w h 可以设置那么大

[lem123]

@luzemin 参考自之前余华的投稿热搜
@dhb233 之后可以支持更多的类型，比如 png

[ldyisbest]

之前看到过一个攻击，没限制宽高的话，我传一个非常大的数字用脚本跑，会打满 cpu

[txstc5555]

其实直接设置成 2048 * 2048 max 就行了，一般没有什么网站需要那么大的图片

[lem123]

@ldyisbest 如果图片类型是 png 的话，确实会有这个问题，因为尺寸越大，二进制文件所占的内存就越大；
但是如果是 svg 的话，刚好避免了这个问题，因为 svg 是文本格式，尺寸仅仅是一个属性字段。

[TigerJie]

@blessingcr
@lem123 #5

`/etc/ImageMagick-6/policy.xml`

[ldyisbest]

@lem123 那没事了

[bitkuang]

star

[tansir]

不错。good

[lem123]

@TigerJie 学到了
@tansir @bitkuang 感谢🙏