学习
实践
活动
专区
工具
TVP
写文章
专栏首页沈唁志怎么在博客网站等地方引用 Github 贡献图表

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

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

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

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

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

emmmm,我的 @sy-records

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

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

感谢作者2016rshah提供此 API

使用

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

<img src="https://ghchart.rshah.org/sy-records" />

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

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

<img src="https://ghchart.rshah.org/409ba5/sy-records" />

效果是这样的

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

本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!
本文分享自作者个人站点/博客:复制
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • GitHub使用技巧

    如果一开始在GitHub上创建仓库时没有添加协议,可以用以下方式来重新添加相关的协议:

    雨临Lewis
  • GitHub.com上的那些东西你都知道什么意思吗?

    在GitHub中,很多页面都可以使用键盘快捷键。在各个页面按下“shift + /”都可以打开键盘快捷键一览表,如下图:

    张张
  • Github主页美化-基础构建

    ​ 默认github主页为清一色的标签页和图表展示,偶然间逛github主页的时候总会发现一些惊喜的页面,于是就搜索并参考相关内容自己调整一下(不定时完善...

    hahah
  • GitHub 的前世今生

    昨天,一则消息在疯传,GitHub宣布免费创建无限的私有仓库,这意味着,作为GitHub的用户,可以免费、无限制的使用私有仓库了,具体可以参考 https://...

    飞雪无情
  • 开发工具总结(9)之开源项目的README文档的最全最规范写法

    版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.jianshu.com/p/813b70d5b0de

    AWeiLoveAndroid
  • 死磕论文前,不如先找齐一套好用的工具

    作为像深度学习这样高产领域的研究人员,我们经常会发现自己被论文的汪洋所淹没。这些论文是如此之多,想全部读完并跟踪最新研究似乎很难很难。我觉得形成这种局面的一个重...

    机器之心
  • Github更改账户名称/仓库地址/个人链接后缀

    注意:在public profile中修改的name,是主页个人名字,不是仓库地址后缀!!!

    浩Coding
  • 做可视化之前,你确定不看下这个?

    无论在工作还是生活中,数据可视化都越来越重要。利用各类图表将复杂不直观的数据,有逻辑地展现出来,这种能力一定要掌握。

    朱小五
  • Github是目前唯一的还有流量红利的写作平台

    我承认,综合来看,公众号是目前为止最好的写作平台,但是它的红利期早就已经过去了。也就是说,如果你现在开始在公众号上写作,这个过程,会比两三年前,艰辛数倍。

    纯洁的微笑
  • 开源库Magicodes.ECharts使用教程

    博客使用Word发博,发布后,排版会出现很多问题,一一修正工作量极大,敬请谅解。可加群获取原始文档。

    雪雁-心莱科技
  • 有了这款神器,人人都是作曲家!

    摘要:人工智能作曲APP Amper Music的简单介绍和测评,以及人工智能和机器学习的小科普

    生信宝典
  • 开源经验分享 | 如何从一名小白成为Apache Hudi Contributor

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住给大家分享一下。点击跳转到网站:https://www.captainai.net/dongk...

    董可伦
  • 0770-Apache YuniKorn (Incubating) 0.8发布

    Apache YuniKorn(Incubating)是一个独立的资源调度程序,旨在将针对大数据工作负载的高级调度功能引入容器化平台。具体可以参考前面的文章《Y...

    Fayson
  • 开发工具总结(5)之Markdown语法图文全面详解及其工具介绍

    版权声明:本文为博主原创文章(少量文字参考他人博文,已加上引用说明),未经博主允许不得转载。https://www.jianshu.com/p/c0a2897a...

    AWeiLoveAndroid
  • 把你的博客拎到云上生长吧!

    Ayy yo what's up,这里是Brrruski aka. 搞程序的Gatsby??‍?

    布鲁斯基
  • 《HelloGitHub》第 41 期

    这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊,月刊的内容包括:各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等,这些开源项目大...

    HelloGitHub
  • GitHub:全球最大的程序员基友社区

    GitHub,不少做IT行业的朋友都听说过,甚至已经是GitHub用户了。这是一个基于Git的源代码托管服务的平台,它允许你使用标准的Git命令或者流程规范进行...

    飞雪无情
  • 利用基于Python的Pelican打造一个自己的个人纯静态网站

        其实呢这么多年以来我一直建议每个有技术追求的开发者都要有写技术博客记笔记的良好习惯,一来可以积累知识,二来可以帮助别人,三来可以把开发中遇到的问题记...

    用户9127725

作者介绍

沈唁

    禅道研发专家

    禅道 · 研发专家 (已认证)

    专栏

    精选专题

    活动推荐

    关注

    腾讯云开发者公众号
    10元无门槛代金券
    洞察腾讯核心技术
    剖析业界实践案例
    腾讯云开发者公众号二维码

    扫码关注腾讯云开发者

    领取腾讯云代金券