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

前言

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

原教程源自 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贡献日历部署到博客上(二)

https://next.c12th.cn/archives/3.html

---

补充

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

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

---