开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第2天，点击查看活动详情

前言

最近在使用sourceTree 的时候，发现别的同事都有头像，而我的头像却是一个随机色块。

而在公司的博客项目开发中，遇到了获取博客作者信息的问题。其中同样包括了如何获取头像的问题，今天就来为大家分享一个用邮箱作头像的方法。

ps：通过git log 获取上传者信息，即获取博客作者信息，挖个小坑，大家感兴趣的话我们可以单独发一篇文章来聊聊。

设置头像

打开网站，我们需要借助 Gravatar 来进行绑定（ps：外国网站）

注册登录

登陆后回到主页面，将会多出 Navbar，点击 My Gravatars

设置头像

我们可以给多个邮箱设置不同的头像，设置后将会收到一封确认邮件，点击后便设置成功了。

可以看到，这里给两个邮箱都设置了头像。

到此，我们的邮箱就已经和头像进行了绑定，接下来就是如何使用了。

ps：与此同时，我们在sourceTree 上的头像就设置好了。

首先需要知道，头像其实就是一张图片。

我们可以把Gavatar 看作一个图床网站，它会将我们的头像放在一个Url 中，我们只需要访问这个Url，就可以获得这张图片。

我们可以理解为Url = www.gravatar.com/avatar/ + Hash

Gavatar 会将头像放在 www.gravatar.com/avatar/ 下，通过 email 计算出对应的 Hash 值，从而获得头像

Gavatar 采用的是 md5 编码，因此我们可以通过 md5 编码将 email 转化成对应的 Hash 值。


import md5 from md5

// 这里的email 即你已经设置过的邮箱
const email = youremail@gmail.com
const avatar = `https://www.gravatar.com/avatar/${md5(email)}`

这样我们就获得了一个完整的Url ，接下来的使用就很简单了。


import md5 from md5

const email = youremail@gmail.com
const avatar = `https://www.gravatar.com/avatar/${md5(email)}`

<img src=avatar/>

这期的设置头像其实是为了给 获取博客作者信息 做铺垫的，下期我们将介绍如何通过git 指令获取作者信息。

感兴趣的同学别忘了点赞加关注，我们下期见～