Hexo框架(九):博客展示GitHub Chart
本文主要介绍如何在个人博客中展示 GitHub Chart。其实 GitHub 上已经有人开源了一个工具,并且提供了 API,我们只需要调用一下就可以了。
工具地址:Github Chart API
这个工具可以实时的将 GitHub Chart
信息转化成一张图片,如下图所示,然后我们就可以把它插入到自己的博客进行展示了。
使用方法
我们只需要在 https://ghchart.rshah.org/
这个地址后加上自己的 GitHub 用户名即可构造 GitHub Chart 图片的 URL。例如:
1 | https://ghchart.rshah.org/constown |
HTML 引入图片
1 | <img src="http://ghchart.rshah.org/constown" alt="constown's Github chart" /> |
Markdown 引入图片
1 | ![constown's Github chart](https://ghchart.rshah.org/constown) |
自定义颜色
这个工具还支持自定义配色方案,我们可以提供任何基本颜色来为图表添加阴影。
我们只需访问 https://ghchart.rshah.org/2016rshah
,然后将 `` 替换为我们想要设置的十六进制颜色代码(不包括开头的标签)就可以了。
例如,如果我们想要一个的蓝色主题图表(#409ba5
),那么我们可以构造链接:
1 | <img src="http://ghchart.rshah.org/409ba5/constown" alt="constown's Blue Github Chart" /> |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 你真是一个美好的人类!