vlambda博客
学习文章列表

现在,这个酷炫的github首页是你们的了!

正所谓“吃水不忘挖井人”,用了别人的东西不提一嘴是不合适的。这个酷炫的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。其展示效果如下。

现在,这个酷炫的github首页是你们的了!

热门语言卡片

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

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

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

现在,这个酷炫的github首页是你们的了!

GitHub活动统计图

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

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

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

现在,这个酷炫的github首页是你们的了!

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

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