目录

历史：阿凡达

什么是头像？

我为什么要添加 Gravatar？

我怎样才能得到一个Gravatar？

开发者使用

功能描述

安装和使用

实践应用

---

我们他们名字旁边的灰色图标是怎么出现的。那么这个灰色图标被称为“神秘人”gravatar。在本文中，我们将讨论什么是 Gravatar 以及为什么您应该立即开始使用它。

历史：阿凡达

在我们深入了解什么是 Gravatar 之前，我们应该首先了解什么是头像。化身是用户的图形表示。它可以是此人的照片，也可以是他们想要关联的随机图标。回到网络有点匿名的时代，人们会使用图标来识别身份。在游戏玩家社区中，情况基本上仍然如此。关于讨论板、论坛的最酷的部分之一是您可以很容易地识别活跃用户，因为他们的头像。虽然很难记住名字，但很容易识别特定图像。如果你是众多讨论区的一员，你就会开始认出到处都是同一群人。随着网络的发展和博客开始变得更加主流，拥有评论者的身份相当困难。通过论坛和其他服务，用户需要注册。每个用户都有自己的个人资料，因此他们可以轻松地将“头像”添加到他们的个人资料中。但是，在大多数情况下，博客评论不需要注册。那么我们如何识别用户呢？好吧，那是 Gravatar 进来的时候。

什么是头像？

Gravatar 代表全球认可的头像。它在全球范围内得到认可，因为数以百万计的人和网站都在使用它们。大多数流行的应用程序 都内置了对 Gravatar 的支持。当用户在支持 Gravatar 的网站上留下评论（通过电子邮件）时，它会从 Gravatar 服务器中提取他们的全球认可头像。然后该图片显示在评论旁边。这允许每个评论者通过万维网获得他们的身份。

我为什么要添加 Gravatar？

如果你想在网络上被识别，那么你应该使用 gravatar。如果您是博主、非营利组织、小型企业或任何想要建立品牌的人，那么您需要开始使用 gravatar。您可能会阅读博客并发表评论。起初，您的头像可能不会受到太多关注。但是，如果同一个人在他们阅读的多个网站上看到您的评论，他们可能最终会访问您的网站。作为出版商，我们发现通过他们的头像识别我们的忠实用户真的很容易。

在我们看来，Gravatar 让您的评论脱颖而出。

我怎样才能得到一个Gravatar？

它很简单，而且是免费的。只需转到Gravatar 的网站。使用您最常发表评论的电子邮件注册。添加您自己的头像。这可以是您自己的照片、您公司的徽标或一些独特的东西。你真的必须做一次。您很可能不会经常更改您的头像。所以它更像是设置它并忘记它。

中文注册地址：https://cn.gravatar.com

英文注册地址：https://en.gravatar.com

开发者使用

功能描述

这个库允许开发者在Node.js环境中生成Gravatar的URL。它基于Gravatar的规范实现，包括生成用户头像的URL和用户资料的URL。

安装和使用

要使用这个库，你首先需要通过npm安装它：

npm install gravatar

安装后，你可以在你的Node.js项目中这样使用它：

var gravatar = require('gravatar');

// 生成头像URL
gravatar.url('email@example.com', {s: '200', r: 'pg', d: '404'});

其中，email参数是用户的电子邮件地址，options是一个对象，可以包含诸如大小(s)、默认图片(d)、评级(r)等查询字符串选项。

实践应用

const UserService = require("../services/UserService");
const gravatar = require("gravatar");
const bcrypt = require("bcrypt");
const UserController = {
  register: async (req, res) => {
    let { email, password, name } = req.body;
    // 生成头像 邮箱+options
    const avatar = gravatar.url(email, {
      s: "200", //大小
      r: "pg", //级别
      d: "mm", //默认值
    });
    let user = await UserService.findUser(email);
    console.log(user);
    if (user) {
      res.send({
        code: "-1",
        error: "邮箱已被注册",
      });
      return;
    }
    // 生成盐值;
    bcrypt.genSalt(10, function (err, salt) {
      // 哈希处理密码，
      bcrypt.hash(password, salt, async function (err, hash) {
        // Store hash in your password DB.
        if (err) throw err;
        await UserService.add({
          name,
          email,
          avatar: avatar,
          password: hash,
        });
        res.send({
          code: "200",
        });
      });
    });
  },
};

module.exports = UserController;