avatar代表您在线的图像,当你与网站互动时,你的名字旁边会出现一张图片。

Gravatar是一个全球通用的头像。你只需上传一次并创建自己的个人资料,然后当你加入任何支持Gravatar的网站时,你的Gravatar图片会自动显示

使用方法

  • 在gravatar网站上上传图片,生成自己的头像

  • 填写个人资料,这样在登录支持gravatar的网站时,就会显示个人信息,当然也可以不填写

开发使用说明

gravatar依赖邮箱生成的哈希值作为图片地址的一部分,所以需要把邮箱地址哈希化

邮箱地址哈希化总共由三个步骤:

  • 邮箱地址首尾去空白

  • 所有字母转变成小写字母

  • 哈希化

代码实现

const crypto = require('crypto');function gravatar(mail) {let size = 100llet hash = Crypto.createHash('md5').update(mail.trim().toLowerCase()).digest("hex")return `http://www.gravatar.com/avatar/${hash}?s=${size}&d=identicon`;
}let url = gravatar('zxhyJack@126.com')
console.log(url)

上面的代码可以生成头像的地址,直接访问就可以看到图像

  • s 是指图片的大小,默认是 80px × 80 px,图片大小的范围是1-1024px

  • d = identicon 可以随机生成一个图片,以后再次登录的时候就不会改变了

默认头像

如果图片的url地址只是http://www.gravatar.com/avatar/${hash},不加参数,显示的头像分两种情况

  • 一种是已经在gravatar网站上添加过对应邮箱的头像,访问这个url的时候则直接显示设置的图片

  • 另一种是没有添加过邮箱的头像,访问这个url时会显示默认的图片G

  • 如果没有给邮箱添加过头像,但是不想要默认的图片G,可以添加参数d=identicon,则可以随机生成头像,但是生成之后就不会再变了

转载于:https://www.cnblogs.com/zxhyJack/p/9588236.html

使用gravatar生成头像相关推荐

  1. 借助免费AI艺术平台生成头像

    随着 AI 的兴起,看到越来越多的实例通过 OpenAI 的举措变得轻松,使得 AI 艺术在今天早已不是什么新鲜事物,而且在游戏领域也开始有所应用.人工智能(AI,artificial intelli ...

  2. java根据名称生成头像_js实现文字头像的生成代码

    使用canvas画出文字就好啦 function gen_text_img(size, s) { let colors = [ "rgb(239,150,26)", 'rgb(25 ...

  3. java代码:通过名称生成企业名称或者是个人的名字生成头像

    我们经常会看看钉钉这个办公软件,如果你没有传头像上去,他会默认生成一个带有你的名字的头像,这个是怎么生成的呢,有很多需求里面可能也会有 这个要求,就是通过一个名词生成一个头像,接下来我和大家说一下具体 ...

  4. java根据名称生成头像_教你用go freetype根据用户昵称生成头像

    最近需要为用户服务添加一些新功能,其中就包括在注册时根据用户昵称生成头像这一点. 由于用户服务是用golang写的,google来google去都只找到freetype一个比较简单好用的库,其他比如I ...

  5. 根据昵称首字母生成头像

    import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io ...

  6. 可怕!微软AI:一张面部照片一段音频,完美生成头像演讲视频

    点击我爱计算机视觉标星,更快获取CVML新技术 本文转载自新智元(AI_era) .   新智元报道   来源:Venturebeat 编辑:大明 [新智元导读]如何生成一段大头演讲视频?微软AI表示 ...

  7. 微信小程序修改制作生成头像——校庆头像制作小程序

    给头像加边框--校庆头像制作的小程序 --分享改变世界,感谢成长路上遇见的分享 话不多说先上图(满意客官再往下看): 首页 选择头像框 制作界面 用户选择图像 用户裁剪选择的图像 生成并保存头像到手机 ...

  8. python代码练习,微信登入并生成头像大图

    import itchat import os from math import sqrt from PIL import Image import shutilpwd = os.getcwd() # ...

  9. 微信小程序canvas画图案列,实现生成头像并保存,小程序新版canvas变化,小程序中canvas注意事项

    你一定见过很多制作头像的小程序,无论是国庆的红旗,圣诞的帽子,还是疫情的口罩,都可以用小程序生成应景的头像,那么具体的代码是怎么实现的呢?前些天帮别人做了一个生成姓氏头像的功能,里面的实现原理基本一致 ...

最新文章

  1. 限时领取!阿里Java面试复盘手册.pdf
  2. 【CV】MTCNN:3个CNN,胜过1个诸葛亮
  3. 大数据WEB阶段Spring框架(一)IOC控制反转、DI注入依赖
  4. Android 关闭软键盘
  5. 200919阶段一C++STL容器
  6. python十进制小数转二进制_python十进制和二进制的转换 (含浮点数)
  7. zookeeper集群部署监控与选举同步流程等工作原理
  8. 一个问题让我直接闭门思过!!!拼多多面试必问项之List实现类:LinkedList
  9. 第三十期:程序员报告:男性占比超87% 北京月薪12184元最高
  10. linux中时间片,能讲一下在Linux系统中时间片是怎么分配的还有优先级的具体算法是...
  11. Java聊天室2.0版本
  12. Sendmail和Openwebmail构建Linux下的Emai服务器
  13. Java:一个帝国的诞生(请仔细看完,你会感叹这是一个奇迹)
  14. oracle数据库查看归档日志文件,查看oracle归档日志路径
  15. java在线观看(jav在线网站)
  16. win10 计算机 搜索文件夹,win10如何搜索文件或文件夹_win10怎么全盘搜索文件-win7之家...
  17. linux系统日志文件介绍
  18. Functional ALV系列 (05) - ALV 作为数据编辑界面
  19. kb2919355 此更新不适用于你的计算机的解决方法
  20. 安卓系统的导航仪怎么设置导航启动路径为高德地图_界面功能焕然一新!高德地图10.0新版体验...

热门文章

  1. linux端口隔离,华为MA5626 取消端口隔离
  2. Redis事务,watch命令学习
  3. android+.9尺寸大小,华为Mate 9的屏幕尺寸是多少?分辨率是多少?
  4. mysql插入数据忽略主键
  5. Linux桌面版操作系统的中文字体选择
  6. HoloLens开发指南(4)--- 开发第一个HoloLens应用
  7. 编译型语言和脚本型语言的区别
  8. 这些在京高校疏解转移到雄安新区、天津等地,已布局!
  9. Creator3D:shader10_解析【Creator3D shader】的正确姿势(汇总1)
  10. 求二次、三次贝塞尔曲线的某个时间的位置及切线方向