前言

原教程已经说得很详细了，这里演示 部分跟原教程有所不同

原教程源自 Gainii 大佬

---

效果展示

---

教程

直接部署

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

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

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

---

由于当前不能使用 HTML 语句，所以配置有所不同

• 如我在当前页面下部署

  ![](https://ghchart.rshah.org/12thstan)

---

自定义 颜色

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

  ![](https://ghchart.rshah.org/000000/github用户名)

• 蓝色 #0000FF

  ![](https://ghchart.rshah.org/0000FF/12thstan)

• 红色 #ff0000

  ![](https://ghchart.rshah.org/ff0000/12thstan)

• 绿色 #00785D

  ![](https://ghchart.rshah.org/00785D/12thstan)

---

部署到 Next 主题

• 这部分是关于 Next 主题的设置，请 点击链接 移步到 Next 主题

• 把github贡献日历部署到博客上(二)

---

补充

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

---