目录
我们他们名字旁边的灰色图标是怎么出现的。那么这个灰色图标被称为“神秘人”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;