GitHub贡献图表📊

416 个字
2 分钟
GitHub贡献图表📊

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

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

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

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

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

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

感谢作者2016rshah提供此 API

使用#

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

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

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

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

自定义颜色#

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

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

效果是这样的

Zhongye1's Github Chart

附上HTML拾色器

{% link HTML 取色器/拾色器, https://www.runoob.com/tags/html-colorpicker.html, https://picx.zhimg.com/80/v2-7c046fc439e9fab342cda2e9291febdb_720w.webp?source=d16d100b %}

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

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

分享到社交平台

将本文分享给你的朋友们

GitHub贡献图表📊
https://firefly.cuteleaf.cn/posts/杂记/2024-07-12-github-chart/
作者
Zhongye
发布于
2024-07-12
版权声明
CC BY-NC-SA 4.0

评论

Profile Image of the Author
Zhongye
南漂中
公告
新的博客站!旧站点传送门 zhongye1.github.io/Arknight-notes
音乐
专辑封面

音乐

暂无播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章数
142
分类数
14
标签数
214
总字数
339,690
运行天数
0
最后更新
0 天前

目录