如何创建NB的 GitHub 个人简介

作者: 吕保鑫 | 来源:发表于2024-02-22 10:56 被阅读0次

如果您是 GitHub 新手或主要处理私有 GitHub 存储库，那么您很可能还没有 GitHub 个人资料。

GitHub 个人资料可帮助为您个人资料的访问者提供基本信息。拥有一个制作精良的个人资料甚至能帮助您脱颖而出，尤其当您开始为开源项目做出贡献，并且人们开始注意到您时。

在本文中，我将展示如何创建自己的 GitHub 个人资料。我还会分享在何处获得个人资料灵感。最后，我将分享资源和提示，帮助您创建出色的 GitHub 个人资料！

创建你的GitHub 个人简介

在您开始自定义 GitHub 个人资料之前，您首先需要创建一个个人资料。
以下是从 GitHub 获取的关于如何设置您个人资料的简要指南。

但您所需要做的就是：

创建一个与您的 GitHub 用户名相同的存储库。
将 README.md 文件添加到您的新存储库中。

例如，我的 GitHub 用户名是 lvbaoxin。要创建我的个人资料，我需要创建一个名为 lvbaoxin的存储库，然后添加 README.md 文件。

github.png

在设置好存储库和 README.md 文件后，访问您的 GitHub 个人资料以验证您的个人资料是可见的，网址 https://github.com/您的用户名。

就我而言，它将是 https://github.com/lvbaoxin/lvbaoxin。

自定义您的 GitHub 个人资料

现在您已经有了 GitHub 个人资料，是时候发挥创意了！

这里的关键是让你的个性显示在你的个人资料上。你的 GitHub 个人资料不必像 LinkedIn 那样太正式。

我还建议从简单开始。这有助于您的 GitHub 配置文件启动并运行。当您有新想法时，您可以随时改进您的个人资料。

GitHub 风格的 Markdown、格式和 HTML

为了自定义 GitHub 配置文件的 README.md，您将使用 GitHub Flavored Markdown。如果您以前写过 Markdown 内容，那么格式化对您来说应该很容易。

如果这是您第一次使用 Markdown 进行编写，您可以访问 GitHub 的文档来熟悉可用的格式选项。

您还可以使用 HTML 为您的个人资料提供其他格式选项。
我发现以下 HTML 标记很有用：

不间断空格：nbsp；
div居中对齐：<div align="center"></div>

您可以使用大多数 HTML 标签，但 GitHub Flavored Markdown 会过滤掉以下 HTML 标签：

<title>
<textarea>
<style>
<xmp>
<iframe>
<noembed>
<noframes>
<script>
<plaintext>

💡：要了解更多信息，请参阅与 HTML 块相关的 GitHub Flavored Markdown 规范。

寻找灵感

为了帮助您入门，我建议您查看其他很棒的 GitHub 配置文件以获取想法。您可以访问 Awesome-github-profile-readme，我在制作个人资料时找到了灵感。

由于配置文件是开源的，您可以将一些好主意用于您的精彩配置文件！

您还可以查看我的个人资料以获取一些想法。 😉

添加徽章

要将徽章添加到您的个人资料中，您可以查看 markdown-badges。该存储库有多种徽章可供选择，从编程语言到 Netflix 等流媒体平台。

如果您找不到所需的内容或想要创建自定义徽章，您可以访问shields.io，这是 markdown-badges所使用的。

这是我在个人资料中使用 markdown-badges 的示例。

markdown-badges.jpg

添加图标

要在您的个人资料中添加技能或技术堆栈部分，我建议使用提供漂亮图标的技能图标。

如果您的图标不受支持，您可以转到 simpleicons](https://simpleicons.org/)，其中包含超过 2900 个流行品牌的 SVG 图标。

这是我在个人资料的技术堆栈部分使用技能图标的示例。

skill-icons.jpg

使用表情符号

在 GitHub Flavored Markdown 中，您可以使用表情符号。要查看支持的表情符号的完整列表，您可以访问此表情符号备忘单。

如果您想自己获取支持的表情符号列表，可以使用 GitHub 的 Emoji API。

在浏览器上访问 https://api.github.com/emojis 会显示所有支持的表情符号的 JSON 响应。

{
  "+1": "https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png?v8",
  "-1": "https://github.githubassets.com/images/icons/emoji/unicode/1f44e.png?v8",
  "100": "https://github.githubassets.com/images/icons/emoji/unicode/1f4af.png?v8",
  "1234":"https://github.githubassets.com/images/icons/emoji/unicode/1f522.png?v8",
  "1st_place_medal":"https://github.githubassets.com/images/icons/emoji/unicode/1f947.png?v8",
 "2nd_place_medal":"https://github.githubassets.com/images/icons/emoji/unicode/1f948.png?v8",
  "3rd_place_medal": "https://github.githubassets.com/images/icons/emoji/unicode/1f949.png?v8",
  "8ball": "https://github.githubassets.com/images/icons/emoji/unicode/1f3b1.png?v8",
  ...
}

添加 GitHub 统计信息

要为 GitHub 活动添加卡片和统计信息，我建议使用 github-readme-stats。您可以使用不同的布局和主题自定义统计卡。

以下是我将 GitHub 统计信息添加到我的个人资料中的示例。

github-readme-stats.jpg

添加引号

在您的个人资料中添加随机引用可以为访问者增添一抹亮色。我发现 github-readme-quotes 对于做到这一点很有用。

这是我的个人资料上的样子。我个人喜欢添加引号，为我的个人资料访问者提供一些价值。

github-readme-quotes.jpg

改善无障碍环境

自定义您的个人资料时，请确保尽可能多的人可以查看它。并非每个人都可以查看或加载图像。有些人的互联网连接速度很慢。

提高个人资料可访问性的一种方法是向图像添加描述性替代文本。

<!-- Markdown Image -->
![Image Alt Text](image-source)
<!-- HTML Image Tag -->
<img alt="Image Alt Text" src="image-source" />

然后，要测试您的个人资料的可访问性，您可以尝试禁用网络浏览器上的图像加载。这是有关如何禁用 Google Chrome 图像加载的指南。

结论

回顾一下，我们演练了如何创建 GitHub 个人资料。然后我展示了如何使用 GitHub Flavored Markdown 和 HTML 格式化您的个人资料。之后，我分享了您可以从哪里获得个人资料的灵感。最后，我提供了有关如何自定义个人资料的提示和资源。

我希望这可以帮助您制作精彩的 GitHub 个人资料。

感谢您的阅读，请随时发表评论或与我联系。

资源

网友评论

本文标题：如何创建NB的 GitHub 个人简介

本文链接：https://www.haomeiwen.com/subject/ubwwadtx.html

延伸阅读

深度阅读

您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！