活动日历插件 hexo-calendar

文档来源

安装

使用

在 markdown 文档中直接使用 {% calendar %} 标签

1
2
3

{% calendar %}
{"monthLang": "cn", "dayLang": "cn", "title": "站点日历"}
{% endcalendar %}

但是默认效果我感觉并不好，比如宽度就还差一点，于是我想能不能调整一下。虽然可以手动指定 width, height 参数，比如：width: 800, height:180,
可是这样并不一定能保证我想要的页面效果，比如高度就不好设置。我查了一下，发现一个前端小知识：

其实可以理解，因为浏览器的宽度一般很好确定，它有参照点，但是高度却不好确定，所以高度设置为 100% 是没有意义的，缺乏参照点。

所以我找到这个组件的源码，想看下怎么解决。其实主要想解决两点，一是传参是指定单位，像 width: 800, height:180 这样的传参意义不明确，我不知道传入的 800, 180 到底是什么意思，虽然文档里写了单位是 px。二是指定默认宽为 100%， 这是最方便的设置。

目前已将插件源码中的默认值分别改为 width: 100%，height: 185px，并且修改为使用时需要带单位 %, px。当然只是在我本地修改，以将该修改提议提交到原始社区：[Breaking change]: 调整width,height参数的使用方式。合并之后可以这么写了:
{"monthLang": "cn", "dayLang": "cn", "title": "站点日历", "width": "100%", "height":"180px"}