星河一方折腾 | 博文热力图
本文解决的是归档页缺少直观写作节奏的问题：借助 Hugo Shortcode 引入 ECharts 热力图，把每天的发文数量转换成日历小方块，方便回看写作频率和内容沉淀。
适用场景
适合有持续写作习惯、希望在归档页展示产出节奏的 Hugo 博客。它也适合需要把站点数据做成轻量可视化模块的场景，比如文章数量、阅读记录或照片更新频率。
核心步骤
最近看到椒盐豆豉更新文章给博客增加了文章热力图，直接被种草。这种展现方式能直接的显示最近的产量（没眼看没眼看🤣），一方面能够作为催更动力让我别太懒，另一方面如果坚持写作贴满小瓷砖的话也能提供满满成就感。不过我最看重的一点是它使我回顾以往的文章更加容易也更有 feel，我可太爱循着日历回看文章这种形式了！
- 我是用 shortcodes 形式引入的代码，这样子在想引入的页面直接嵌入短代码即可，目前把成品放在了 归档 页面了。
- 我按着 Echart 官方文档和其他博主的样式教程修改了一些显示样式，使这个热力图控件和我的博客风格更搭，同时也调整了一下颜色控制部分的代码，使 Echart 图表自带的自动适配暗色模式的特性可以生效。
最终效果
热力图被放在归档页，作为文章列表之前的总览入口。它既能展示某段时间的写作密度，也能提醒自己哪些阶段断更较久，回看时比单纯的年月列表更有时间感。
小结
最终方案选择 Shortcode 封装 ECharts 配置，优点是复用方便、页面嵌入简单；取舍是需要维护一段图表配置代码，并关注主题暗色模式下的颜色表现。后续可以继续优化移动端显示、年份切换，以及多篇文章同日发布时的提示信息。
参考资料
（2024-01-10@广州）
