Hexo框架(九):博客展示GitHub Chart

前言:

本篇设置基于NEXT主题7.7.2版本!!

本文主要介绍如何在个人博客中展示 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" />

img

  • Github Chart API
------ 本文结束  感谢阅读 ------