前言：大家好，我是书江。先说说这篇文章的由来。某天在水群里，看到某位大佬的Github账号首页，颜值简直让人欲罢不能。反观书江的Github主页，简直就是“破屋子”，很难看！或者很多开发伙伴跟我一样。他们平时不参与github上的开源，最有可能的操作无非是fork和star，所以也不会想着花时间去打理。事实上，github主页是另一种展示我们名片的方式。更好的展示可以给她留下好印象。1准备工作首先，我们需要在github上创建一个与自己的github账号同名的仓库，并创建README.md。现在你可以开始你的自定义github主页了，SHOWTIME！2.展示面图片是开发者github展示面的例子，基本上展示的是开发者自己的github相关信息，这个是怎么实现的？其实本质上，结合GitHubReadmeStats提供的api，你的README可以获取动态生成的GitHub统计信息。2.1GitHub统计卡片上图的展示区，其实只需要一行代码就可以解决！[](https://github.com/anuraghazra/github-readme-stats)只需配置以下信息(最重要的)hide:需要屏蔽的数据，比如prs等show_icons:是否显示图表theme:主题选择include_all_commits-统计提交总数而不是只统计今年的提交数(boolean)更多API请参考：github-readme-stats2.2擅长语言卡上图的展示区，也是通过GitHubReadmeStats提供的API实现的一行代码完成的！[](https://github.com/anuraghazra/github-readme-stats)2.3githubfollowactivegraph上图显示区域是github关注的graph，通过github-readme-activity-graph提供的api实现的一行代码完成！上面说了，还需要配置username[](https://github.com/ashutosh00710/github-readme-activity-graph)2.4Badgeshield在github开源项目中，我们经常可以看到类似于上面的图片徽章，这个是怎么显示的？盾牌是如何在线制作的？还想手把手教，看链接静态展示的徽章！[](https://img.shields.io/badge/-Nodejs-43853d?style=flat-square&logo=Node.js&logoColor=white)统计类型徽章npm下载统计：总下载量：https://img.shields.io/npm/dt/{项目名称}.svg\每月下载：https://img.shields.io/npm/dm/{项目名称}.svg\每周下载：https://img.shields.io/npm/dw/{项目名称}.svg例如axios请求库的总下载量其他badge工具推荐：https://badgen.net/2.5动态交通badgevisitor-badge交通badge刷新时会自动加一行的代码完成！前提是你确认你的page_id！[](https://visitor-badge.glitch.me/badge?page_id=littleTreeme)更多信息：阅读官网文档：https://visitor-badge.glitch....)antzuhl二维展示访问量二维的朋友也可以试试这个计数器，二维样式一行代码搞定！2.6GitEMOJi是否使用emoji图标作为gitmessage提交的信息更好看？同时，使用emoji可以很容易识别提交的目的或意图，一个图形代表一种提交风格，还有相关的统一文档阅读：gitmoji|git提交信息emoji指南
