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