返回

用卡片和图表装点 GitHub 主页，展示你的开源成就

开发工具

引言

在 GitHub 上浏览时，你可能已经注意到一些用户的个人资料页面上展示着各种花哨的卡片和图表，这些卡片和图表展示了他们的开源贡献和活动。本文将指导你如何创建这些元素，让你的 GitHub 主页更加引人注目并富有信息性。

创建 GitHub 卡片

GitHub 卡片是一种预先格式化的文本片段，可以轻松地添加到你的 README.md 文件中。这些卡片可以显示各种信息，例如你的用户名、关注者数量、最近的贡献和参与的项目。

要创建 GitHub 卡片，请使用以下语法：

[![Alt text](https://github.com/username/repo/blob/branch/path/to/badge.svg)](https://github.com/username/repo/blob/branch/path/to/badge.svg)

其中：

  • Alt text 是当鼠标悬停在卡片上时显示的文本。
  • https://github.com/username/repo/blob/branch/path/to/badge.svg 是卡片图像的 URL。

你可以通过访问 Shields.io 网站来生成各种 GitHub 卡片。

创建 GitHub 提交活动图

GitHub 提交活动图是一个图表，显示你在一段时间内对项目所做的提交数量。这是一个展示你对开源项目的贡献和活跃度的好方法。

要创建 GitHub 提交活动图，请使用以下语法：

[![Alt text](https://github.com/username/repo/graphs/contributors)](https://github.com/username/repo/graphs/contributors)

其中：

  • Alt text 是当鼠标悬停在图表上时显示的文本。
  • https://github.com/username/repo/graphs/contributors 是图表图像的 URL。

示例

下面是一个使用卡片和图表装饰 GitHub 主页的示例：

[![Username](https://github.com/username/repo/blob/branch/path/to/username-badge.svg)](https://github.com/username/repo/blob/branch/path/to/username-badge.svg)
[![Followers](https://github.com/username/repo/blob/branch/path/to/followers-badge.svg)](https://github.com/username/repo/blob/branch/path/to/followers-badge.svg)
[![Recent Contributions](https://github.com/username/repo/blob/branch/path/to/recent-contributions-badge.svg)](https://github.com/username/repo/blob/branch/path/to/recent-contributions-badge.svg)
[![Commit Activity](https://github.com/username/repo/graphs/contributors)](https://github.com/username/repo/graphs/contributors)

结论

使用卡片和图表装饰你的 GitHub 主页是一种简单而有效的方法，可以展示你的开源贡献和活动。通过遵循本文中的步骤，你可以创建引人注目的个人资料，向潜在贡献者和雇主展示你的技能和热情。