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