使用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,則可以隨機生成頭像,但是生成之后就不會再變了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM