前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >怎么在博客网站等地方引用 Github 贡献图表

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

作者头像
沈唁
发布2019-05-22 15:23:12
2.1K1
发布2019-05-22 15:23:12
举报
文章被收录于专栏:沈唁志

相信许多人都对 Github Chart 的记录很在意,Github Chart 是什么呢?就是个人主页的那些绿块,组成了绿色日历

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

有一些人玩一些小聪明,在 Github 的绿色日历上搞出来图案,不过确实是蛮好看的

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

ruanyf's Github chart
ruanyf's Github chart

emmmm,我的 @sy-records

sy-records's Github chart
sy-records's Github chart

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

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

感谢作者2016rshah提供此 API

使用

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

代码语言:javascript
复制
<img src="https://ghchart.rshah.org/sy-records" />

src中的sy-records使用自己的 Github 用户名替换即可

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

代码语言:javascript
复制
<img src="https://ghchart.rshah.org/409ba5/sy-records" />

效果是这样的

sy-records's Github chart
sy-records's Github chart

over,如果有任何可以改进的内容,可以给作者在 Github 上提交 issue/PR

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-01-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档