• 使用gravatar生成头像


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

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

    使用方法

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

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

    开发使用说明

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

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

    • 邮箱地址首尾去空白

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

    • 哈希化

    代码实现

    const crypto = require('crypto');
    
    function gravatar(mail) {
      let size = 100
      llet 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,则可以随机生成头像,但是生成之后就不会再变了

  • 相关阅读:
    【NX二次开发】修改dlx对话框标题的方法
    【NX二次开发】导入x_t,UF_PS_import_data
    设置NX欢迎界面
    [转]10个顶级的CSS UI开源框架
    [转] 多线程 《深入浅出 Java Concurrency》目录
    [转] JAVA多线程和并发基础面试问答
    [转]StuQ 技能图谱(全套13张)
    [转] MongoDB shell 操作 (查询)
    搜集好的java技术帖子,持续更新,java程序员的要求
    [转]JAVA程序员一定知道的优秀第三方库(2016版)
  • 原文地址:https://www.cnblogs.com/zxhyJack/p/9588236.html
Copyright © 2020-2023  润新知