这是一个创建于 537 天前的主题，其中的信息可能已经有所发展或是发生改变。
声明
本文的头像生成部分参考了项目 txstc55/ugly-avatar。
背景
在浏览社区论坛时，我注意到许多相似的头像，它们虽然并不美观，但却具有鲜明的特点。通过查阅评论，我发现这些头像都是由一个开源的头像生成工具制作的。
效果展示
体验地址
源码地址
项目介绍
做了哪些优化
- 增设了 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
固定宽度或高度
 | 1 Glkcv 2024-05-21 09:47:31 +08:00 固定背景色很实用 |
 | 2 ldyisbest 2024-05-21 10:11:39 +08:00 建议限制一下 w 和 h 的最大值， |
 | 3 busy0769 2024-05-21 10:55:18 +08:00 请问如果不安装 node.js 的话，要如何部署哦？小白一枚 |
 | 4 blessingcr 2024-05-21 11:10:36 +08:00 @ldyisbest 他限制了 33554428 https://next-api-share.vercel.app/api/face?w=999999999999999999999999999&h=9999999999999999999999999999999999 这玩意只返回了 33554428*33554428 |
 | 5 lem123 OP @Lexgni 感谢支持 @ldyisbest/a> 有什么应用场景吗？ @busy0769 可以了解一下 vercel ？免费的，而且很简单。 @blessingcr 从代码角度我并没有主动限制尺寸，感觉是在某一个阶段被非主动处理了。 |
 | 6 luzemin 2024-05-21 11:23:33 +08:00 哈哈，“丑丑头像”我个人在 share 的时候给起的名字，你这个“潦草头像”听起来更好一些 |
 | 7 dhb233 2024-05-21 11:41:53 +08:00 原来是 SVG ，我还想为什么 w h 可以设置那么大 |
| 9 ldyisbest 2024-05-21 17:43:51 +08:00 之前看到过一个攻击，没限制宽高的话，我传一个非常大的数字用脚本跑，会打满 cpu |
 | 10 txstc5555 2024-05-21 17:49:15 +08:00 其实直接设置成 2048 * 2048 max 就行了，一般没有什么网站需要那么大的图片 |
| 11 lem123 OP @ldyisbest 如果图片类型是 png 的话，确实会有这个问题，因为尺寸越大，二进制文件所占的内存就越大； 但是如果是 svg 的话，刚好避免了这个问题，因为 svg 是文本格式，尺寸仅仅是一个属性字段。 |
 | 12 TigerJie 2024-05-21 19:11:44 +08:00 |
 | 14 bitkuang 2024-05-22 03:05:54 +08:00 via Android star |
 | 15 tansir 2024-05-23 10:52:28 +08:00 不错。good |
Select Language