![watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100](https://img-blog.csdnimg.cn/img_convert/04cce994bdd230d254ce74f6083b4abf.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100)
大家好,我是你们的章鱼猫。
很多网站会给默认登陆的用户生成默认的头像,包括 GitHub 其实就有,你想知道是怎么实现的么?
今天的推荐的就是一个能够按唯一 Email、ID 或者用户名生成唯一头像的开源代码库:generate-avatar。
![watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100](https://img-blog.csdnimg.cn/img_convert/858aefb968dc3e0789b1c285f87a117f.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfNjI=,g_se,x_0,y_0,t_100)
generate-avatar 的最大的特点就是轻量级、快速,目前整个库的大小是 5KB,同时能够非常快速的生成对应的头像。另外只要你输出的字符是确定的,generate-avatar 就能 100% 生成原来唯一的头像,意味着你无需在数据库存储生成的头像图片,可在需要的时候直接计算生成就行,给头像的管理带来了很大的便利。进一步证明了只要足够快,有些问题可能就不是问题了。
通过网站 https://generate-avatar.now.sh/ 可在线体验,以下就是随机生成的头像,是不是还挺有特色的。
![watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfOTQ=,g_se,x_0,y_0,t_100](https://img-blog.csdnimg.cn/img_convert/eb5fd5cd6647ac13ed46cc85739fadc8.png?x-oss-process=image/watermark,image_bG9nby9jc2RuXzEucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLGhfOTQ=,g_se,x_0,y_0,t_100)
generate-avatar 是使用 TypeScript 开发的,代码量其实不大,感兴趣的可以自行查看。更多项目详情请查看如下链接。
开源项目地址:https://github.com/loweisz/generate-avatar
最后,照旧安利一波我们的公众号:「GitHub 精选」,目前每天都会推荐一篇优质的开源项目文章,主要分享比较实用或有趣的开发工具与开源项目。我们的目标是:挖掘开源的价值。这个公众号超级值得大家关注。