时间戳

首页 > 解决方案 > Github头像设置在我自己的项目资料图片中

reactjs - Github头像设置在我自己的项目资料图片中

问题描述

我创建了一个我自己的项目，它是 React 中的 DevConnector。这是一个 MERN 堆栈项目。在此用户的个人资料图片中，基于 gravatar 的电子邮件地址设置。现在我必须将 GitHub 个人资料图片设置为用户个人资料图片。我的一位朋友建议我使用 Github API（“ https://api.github.com/users/${username }”）并获取 avatar_url 而不是 gravatar.url。

现在的问题是如何在我的项目中使用这个 API。 这是我的 GitHub 链接： https ://github.com/urjit2498/DevConnector 请检查这个 repo 并给我一些如何在我的代码中使用它的解决方案。

标签： reactjsreact-reduxgithub-api

解决方案

关于如何创建头像有一个未记录的技巧，您可以尝试：

  • 找到您的 GitHub 用户 ID - 它在来自的响应中https://api.github.com/users/{username}
  • 在浏览器中测试 URL -https://avatars2.githubusercontent.com/u/{id}
  • 如果返回你期望的头像，你可以在你的项目中使用它

这avatar_url是这里的规范值，可能会改变轨道，但这可能有助于实现你今天想要做的事情。

推荐阅读