Hexo博客展示GitHub Chart

本文主要介绍如何在个人博客中展示GitHub Chart。其实GitHub上已经有人开源了一个工具,并且提供了API,我们只需要调用一下就可以了。

这个工具可以实时的将GitHub Chart信息转化成一张图片,如下图所示,然后我们就可以把它插入到自己的博客进行展示了。

使用方法

我们只需要在https://ghchart.rshah.org/这个地址后加上自己的GitHub用户名即可构造GitHub Chart图片的URL。例如:

1
https://ghchart.rshah.org/dta0502

HTML引入图片

1
<img src="http://ghchart.rshah.org/dta0502" alt="dta0502's Github chart" />

Markdown引入图片

1
![dta0502's Github chart](https://ghchart.rshah.org/dta0502)

自定义颜色

这个工具还支持自定义配色方案,我们可以提供任何基本颜色来为图表添加阴影。

我们只需访问https://ghchart.rshah.org/<HEX-COLOR>/2016rshah,然后将<HEX-COLOR>替换为我们想要设置的十六进制颜色代码(不包括开头的标签)就可以了。

例如,如果我们想要一个的蓝色主题图表(#409ba5),那么我们可以构造链接:

1
<img src="http://ghchart.rshah.org/409ba5/dta0502" alt="dta0502's Blue Github Chart" />

参考


----------- 本文结束啦感谢您阅读 -----------

赞赏一杯咖啡

欢迎关注我的其它发布渠道