CSS 和 JS 实现博客热力图
本文介绍如何使用纯CSS和JS实现博客热力图，适配移动端并动态生成年度日历小方块，根据文章字数显示不同色深的色块，支持Tooltip展示文章信息，采用GitHub风格配色并兼容深色模式。
博客雷达不转载正文。这里只有标题、作者、时间和一小段 AI 生成的摘要；全文在作者自己的站点上，阅读请点上面的按钮过去——文章的版权一直在原作者手里。
你也在写博客？做一张「已被博客雷达收录」的徽章挂回自己的站，想挂就挂，也不占首页。
本文介绍如何使用纯CSS和JS实现博客热力图，适配移动端并动态生成年度日历小方块，根据文章字数显示不同色深的色块，支持Tooltip展示文章信息，采用GitHub风格配色并兼容深色模式。
博客雷达不转载正文。这里只有标题、作者、时间和一小段 AI 生成的摘要；全文在作者自己的站点上，阅读请点上面的按钮过去——文章的版权一直在原作者手里。
你也在写博客？做一张「已被博客雷达收录」的徽章挂回自己的站，想挂就挂，也不占首页。