在博客网站等地方引用 Github 贡献图表

Github 的提交记录，总的来说能够回顾这一年，看看你的工作效率是一种很棒的感觉，而这个小绿色日历实际上是我最喜欢的数据可视化之一。但是没有理由让它只限于出现在 Github 网站上

（比如说在 Github 的绿色日历上搞出来图案什么的确实是蛮好看的)

来看一下 Github “提交狂魔” @ruanyf 的提交记录

以上是如何做到的呢？这可不是截图，而是现成的 API，官网地址：https://ghchart.rshah.org/

源码在 Github 上开源，仓库地址：https://github.com/2016rshah/githubchart-api

感谢作者2016rshah提供此 API

使用

怎么使用这个 API 呢？很简单，使用img标签引用即可

1
<img src="https://ghchart.rshah.org/Zhongye1" />

将src中的Zhongye1使用自己的 Github 用户名替换即可

也支持修改配色，只需在用户名前加上所需的十六进制颜色代码即可。例如，如果想要一个基于十六进制颜色的蓝色主题图表#409ba5

自定义颜色

例如，如果你想要一个基于十六进制颜色的蓝色主题图表 #409ba5，只需在用户名前加上所需的十六进制颜色代码即可。例如，如果想要一个基于十六进制颜色的蓝色主题图表#409ba5

1
<img src="https://ghchart.rshah.org/409ba5/Zhongye1" />

效果是这样的

Zhongye1's Github Chart

附上HTML拾色器

HTML 取色器/拾色器

https://www.runoob.com/tags/html-colorpicker.html

如果有任何可以改进的内容，

可以给作者在 Github 上提交 issue/PR（