前言

原教程已经说得很详细了，这里演示 简化版

原教程源自 Gainii 大佬

效果展示

教程

直接部署

这里用到了 2016rshah 大佬 的方法。

  <img src="https://ghchart.rshah.org/github用户名" alt="github用户名's Github chart" />

• 这个方法最绝的地方是，将你自己的贡献日历变成了图片，只需要使用一行 HTML 语句，就可以在任何地方使用贡献日历。

• ---

• 如我在当前页面下部署

  <img src="https://ghchart.rshah.org/12thstan" alt="12thstan's Github chart" />

自定义 颜色

• 自定义 颜色 #000000 十六进制颜色代码 注意格式不带#

  <img src="https://ghchart.rshah.org/000000/github用户名" alt="github用户名's Github Chart" />

• 蓝色 #0000FF

  <img src="https://ghchart.rshah.org/0000FF/12thstan" alt="12thstan's Github Chart" />

• 红色 #ff0000

  <img src="https://ghchart.rshah.org/ff0000/12thstan" alt="12thstan's Github Chart" />

• 绿色 #00785D

  <img src="https://ghchart.rshah.org/00785D/12thstan" alt="12thstan's Github Chart" />

部署到 Next 主题

• 这部分是关于 Next 主题的设置，请 点击链接 移步到 Next 主题
• 把github贡献日历部署到博客上(二)

补充

如不能使用 HTML语句 可看另一种写法 把github贡献日历部署到博客上(二)

第一篇 把github贡献日历部署到博客上(一)