vlambda博客
学习文章列表

正所谓“吃水不忘挖井人”，用了别人的东西不提一嘴是不合适的。这个酷炫的github首页，我基本没做什么额外的工作，完全依靠各位巨人，尤其要感谢下面两篇文章。

https://blog.holic-x.com/wv-blog/post/7ad96a5d.html

https://github.com/anuraghazra/github-readme-stats/blob/master/docs/readme_cn.md

接下来我们分步骤开始构建一个酷炫的github首页。首先，创建一个和github用户名同名的仓库。以老许的为例，创建同名仓库时会有如下提示，看到这个提示也就证明我们从0走到了1。

仓库创建好了之后，我们只需要编辑README.md，其内容将会展示在github首页。常规的文字编辑老许就不多bb了，我们直奔主题想办法让其酷炫起来。

GitHub统计卡片

前人栽树后人乘凉，最常规最简单的统计卡片生成只需要使用如下代码即可（将${username}替换为自己的github用户名）。

![](https://github-readme-stats.vercel.app/api?username=${username})

卡片还有很多别的参数可以定义，老许就不一一阐述，这里直接贴上我的自定义参数count_private=true&show_icons=true&theme=github。其展示效果如下。

热门语言卡片

热门语言卡片使用方式同样简单，只需要使用如下代码即可（将${username}替换为自己的github用户名）。

![](https://github-readme-stats.vercel.app/api/top-langs/?username=${username})

同样，老许也根据自己情况增加了自定义参数hide=Java,HTML,PHP&layout=compact&theme=github，其展示效果如下。

GitHub活动统计图

GitHub活动统计图使用如下代码即可(将${username}替换为自己的github用户名)。

![](https://activity-graph.herokuapp.com/graph?username=${username})

为了能够和GitHub统计卡片以及热门语言卡片表现更加统一，老许增加了自定义参数theme=github-light，其展示效果如下。

最终，老许的github首页展示效果如下。

为了能够让各位读者把我的首页变成你们自己的首页，欢迎访问老许的github(https://github.com/Isites)借鉴。