本文主要介绍如何在个人博客中展示Github Chart。且在Github上已经有了开源工具,并提供了API,稍微配置下就行了。
工具地址:Github Chart API
这个工具可以实时地将Github Chart信息转化为一张图片,如下图所示,我们可以将其插入到我们的博客中。
使用方法
我们只需要在 https://ghchart.rshah.org/ 这个地址上加上自己的Github用户名即可构造自己的Github Chart图片的链接了,比如我的Github名为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" /> |