一看就会的 GitHub 骚操作，让你看上去像一位开源大佬

大家好，我是鱼皮。

我的老弟小阿巴也在学习编程，前段时间，他刚刚接触了 GitHub 这个代码开源平台，然后关注了我。

![](https://img1.tuicool.com/ZJFjyqF.jpg!web)

当他看到我的 GitHub 个人主页时，他非常激动地问：“哥哥，为啥你的 GitHub 主页这么炫酷？”

![](https://img2.tuicool.com/UNVnyaq.png!web)

我正要跟他解释，结果小阿巴下一个问题差点让我笑喷了。

#### “哥哥，你是开源大佬么？”

![](https://img1.tuicool.com/nQRNzyY.jpg!web)

#### 对不起，让大家失望了，我不配。

其实有很多 GitHub 的骚操作和资源，轻轻松松，就能让你看起来像一位开源大佬！

下面分享给大家。

### 定制个人主页

首先教大家定制个人主页，帮助其他开发者快速了解你和你的项目，从而吸引关注。

首先创建一个和自己 GitHub 用户名相同的仓库：

![](https://img0.tuicool.com/MJbiIju.png!web)

进入这个仓库，这是 GitHub 提供的隐藏彩蛋，只需要创建一个 `README.md` 文件，在这里输入想要展示在主页的内容即可。

![](https://img1.tuicool.com/eMBfYny.png!web)

那问题来了，我主页上的一些 **个人统计卡片** 是怎么做的呢？

![](https://img1.tuicool.com/EneAza2.png!web)

其实很简单，有一个开源项目，能够在你的 README 中获取动态生成的 GitHub 统计信息！

项目名：github-readme-stats

地址： [github.com/anuraghazra…](https://github.com/anuraghazra/github-readme-stats)

这个项目提供了很多功能，比如统计卡片、更多置顶、语言卡片等：

![](https://img2.tuicool.com/eIjAn2a.png!web)

![](https://img2.tuicool.com/UJZ7vuN.png!web)

![](https://img2.tuicool.com/rE3Y7vu.png!web)

使用方式非常简单，找到你需要的功能，每个功能对应一个超链接，直接复制到自己的 README.md 中即可，还可以修改超链接的参数来进一步定制！

![](https://img1.tuicool.com/em6ZvyE.png!web)

### 小徽章

GitHub 上很多知名项目的介绍页中，总能看见许多小徽章，比如阿里的 Ant Design：

![](https://img2.tuicool.com/equIvuQ.png!web)

看得多了，你会发现这些小徽章的风格出奇的一致！那这个是怎么做的呢？

可以使用这个项目：Shields.io

地址： [shields.io/](https://shields.io/)

它可以为你的开源项目生成高质量小徽章图标，直接复制链接使用。

![](https://img2.tuicool.com/YfUbUzY.png!web)

默认提供了很多统计相关的小徽章，比如项目的下载数：

![](https://img0.tuicool.com/EBVBjun.png!web)

还可以输入内容和颜色，一键生成！

![](https://img2.tuicool.com/Urq26nq.png!web)

支持多种不同的风格，非常奥利给！

![](https://img1.tuicool.com/uuqiimb.png!web)

除了 Shields.io 外，还有一个专门生成 **访客数徽章** 的项目，直接将一行代码粘贴到 README.md 文件中就能使用。

项目名：Visitor Badge

地址： [visitor-badge.glitch.me/](https://visitor-badge.glitch.me/)

![](https://img0.tuicool.com/3yiYzuv.png!web)

### star 历史

如果想要统计和展示自己某个项目的 star 趋势，可以使用下面这两个工具。

#### 1. Star History

地址： [star-history.t9t.io](https://star-history.t9t.io)

输入仓库名，就能自动生成 star 增长曲线，还能输入多个仓库查看项目对比：

![](https://img0.tuicool.com/UjiYzee.png!web)

如果不喜欢这个风格，也可以试试下面这个工具。

#### 2. GitHub Star History

地址： [codetabs.com/github-star…](https://codetabs.com/github-stars/github-star-history.html)

和上一个工具用法完全一致，风格更圆润。

![](https://img0.tuicool.com/UbiARbf.png!web)

### 分享角标

如果你的 GitHub 项目有一个对应的网站，并且想要让用户通过网站跳转到 GitHub，从而得到 star。那么不妨试试这个项目！

项目：GitHub Corners

地址： [tholman.com/github-corn…](https://tholman.com/github-corners/)

它可以帮你生成给网站添加 GitHub 角标的代码，只需要选择一个风格，复制代码到自己的项目主页文件中，将超链接替换为自己的仓库地址即可。

![](https://img0.tuicool.com/2QNvUnQ.png!web)

### 你的 GitHub 故事

辛辛苦苦写了一年代码，是时候回顾一下自己的提交记录了，GitHub 已经内置了年度提交数统计。

![](https://img1.tuicool.com/ANjIze2.png!web)

但是，这个统计不够炫酷，推荐下面这个项目。

项目：GitHub Skyline

地址： [skyline.github.com/](https://skyline.github.com/)

输入自己的 GitHub 用户名，和想要查看的年份，它可以自动为你的 GitHub 生成炫酷的 3D 模型！

![](https://img2.tuicool.com/q2euymy.png!web)

很可惜，我的这个模型只有一半，那段时间自己每天都会刷几道算法题。想要盖起摩天大楼，还是要持续努力提交代码啊！

### 感谢参与者

每位开源项目的参与者都值得记录和感谢，传统方式是开源项目的负责人一个一个把参与者的名字记录到 README.md 文件中，非常低效，可能到后面就懒得添加了。

可以使用一种更高效、自动化的方式来添加项目贡献者。

项目：All Contributors

地址： [allcontributors.org/](https://allcontributors.org/)

这个项目，允许你使用命令行或者机器人的方式自动将项目的贡献者补充到项目文档中，并且生成排版精美的表格，效果如下：

![](https://img0.tuicool.com/MvINv2e.png!web)

使用它，让你的项目更具温度吧~

有了这些，大家不仅可以装修自己的 GitHub 个人主页，提升逼格，更有开源的动力；还可以美化自己的项目文档，吸引更多人的 star。内容为王，但牌面也是很重要的！

小阿巴：“学到了！哥，原来你是个废物。”

![](https://img0.tuicool.com/2ErYNba.jpg!web)

祝大家周末愉快！有帮助的话，求点个赞再走呗~

![](https://img0.tuicool.com/AVvMzi.png!web)