一文教你如何做出好看又帅气的GitHub主页

Read Time:55 Second

对于程序猿而言，Github是经常浏览乃至必备的网站之一。在这里我们可以找到很多有意思的项目，除了与代码有关的东西外，Github上还拥有众多的面经，学习笔记、电子书资源以及各种你想都想不到的内容。

如果你经常逛Github，你就会发现有些大神的主页看上去内容总跟自己的不一样。自己的主页看上去普普通通，而别人的主页看上去就很帅。类似于这样的（来自于本人的Github主页）：

或者说是这样的：

如何去制作这样一个主页，好在别人浏览你的个人项目时忍不住为你拍案叫绝呢，今天我们就来一起学习如何去制作这样一个个人主页，一句话，帅就完事了~

其实要制作这样一个漂亮的个人主页，非常简单。Github考虑到为了让大家的主页变得炫酷而有趣，专门提供了这样一个让你制作并展示个人主页的功能，只需要简单几步，就可以实现这样一个漂亮的个人主页。

太长不看版：
请直接滑动到文章末尾进行查看

第一步：创建一个于自己账户名同名的仓库

创建这样一个仓库需要注意几个点，一个是该仓库名需要与你自己的账号名称一致。在上图中，你可以清晰地看到Github弹出的提示，二是需要将该仓库设置为公共可见的，这样别人才能看得到你制作出的主页，第三就是你需要初始化一个README.

在以上三项都确定后，创建这样一个仓库，并点击README.md进行编辑，你会看到被注释掉的一部分，这部分应该是这样的:

第二步：丰富展示的内容

如果仅仅只是默认显示的这部分内容，看起来其实还是很单调，那怎样丰富自己的主页呢。这里其实可以添加以下内容：

添加Github stats
添加Streak stats
添加Top langs
添加一些小图标

首先我们可以来添加Github stats，这部分会展示你个人所获得的stars,commits,PR,Issueses,以及贡献的仓库数量，通过官方提供的API，结合上Markdown的语法即可，使用示例：

![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=FranzKafkaYu&theme=cobalt2&show_icons=true)

这里我们借助了 Anurag大佬的项目，项目地址：https://github.com/anuraghazra/github-readme-stats，通过他的项目你可以改变 theme 字段来获得不同风格的 Github stats 展示，使用时需要将username字段换成你自己的用户名哦~

其次我们可以添加我们的 Streak stats，这其实是类似于一个打卡记录的展示，使用示例如下：

![Streak stats](https://github-readme-streak-stats.herokuapp.com/?user=FranzKafkaYu&show_icons=true&theme=tokyonight)

同样的，你需要修改username为自己的用户名，修改theme字段来修改相应的主题。

最后我们添加Top langs，这部分展示的是你使用的技术语言占比，同样我们通过官方API进行展示，使用示例：

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

除此之外我们还可以添加很多有趣的小图标，在这里给大家一个项目，在这里你可以找到很多对你制作个人主页有用的东西，项目地址：https://github.com/abhisheknaiidu/awesome-github-profile-readme.

如果你想偷懒，在这里可以告诉大家一个更为简单有效的办法，那就是在别人的README.md基础上直接修改，比如你可以在我的主页:htt ps://github.com/FranzKafkaYu看到我的内容，在我的仓库内找到与我账户名一致的仓库，直接复制README.md内的内容，将其中涉及到个人的部分改为你自己的即可（主要是username），这样是最快速的办法啦，如果你喜欢，不妨为我的仓库点个赞哦~