热力图

   #流水账 #日常 #瞎折腾 


逛v站时候,刷到一个老兄的blog kaix.in ,发现他博客里面有个热力图,挺好的,

但是我的这个博客这个用的Jekyll 生成的,似乎太老了,国内似乎都没人折腾这个~

现在都是hugo天下了,hexo甚至也走下坡路了

修改了下jekyll-zeta插件,在html中利用liquidtag动态写文件,方便动态获取数据。

然后借鉴了上面咖啡老兄的html布局,第一次用grid布局,好在用gpt,磕磕碰碰总算弄出来了。

唯一遗憾的是,顶部的月份,不能很好的对应相对的日期,用颜色简单区分下相邻的月份日子,还行~

本来使用Jekyll静态直接在html里面生成,也是可以的,但是发现使用liquidtag 拼写html属实是有些繁琐,不如直接弄成异步的,通过js 动态生成。