本文主要介绍如何在个人博客中展示Github Chart。且在Github上已经有了开源工具,并提供了API,稍微配置下就行了。

工具地址:Github Chart API

这个工具可以实时地将Github Chart信息转化为一张图片,如下图所示,我们可以将其插入到我们的博客中。

Albert's Blue Github Chart

使用方法

我们只需要在 https://ghchart.rshah.org/ 这个地址上加上自己的Github用户名即可构造自己的Github Chart图片的链接了,比如我的Github名为albert-5,那就是

https://ghchart.rshah.org/albert-5

Markdown 插入图片

1
![albert-5’s Github Charts](https://ghchart.rshah.org/albert-5)

HTML插入图片

1
<img src="http://ghchart.rshah.org/albert-5" alt="albert-5's Github Charts" />

自定义颜色

此工具还支持自定义配色方案,我们可以提供任何基本颜色来为图标添加阴影,自定义颜色可以访问网站

我们只需要访问http://ghchart.rshah.org/<##>/albert-5,将##替换为我们想要设置的十六进制颜色代码(去掉颜色代码前面的#)就行了。

1
<img src="http://ghchart.rshah.org/009006/albert-5" alt="Albert's Blue Github Chart" />

参考文档