This is a practical calendar plugin for hexo bloggers. It automatically counts the number of articles you publish each day and displays them in different color grades, like contribution statistics on GitHub.
It also features built-in responsive layout adaptation for mobile devices, requiring no manual operation.
- Install it directly with npm
npm install hexo-everyday-calendar- (If it cannot be displayed normally,) please ensure that you have a tag
<body>in your homepage. The calendar will automatically be placed within thisdiv. - (Only for version <=1.3.9) This plugin supports custom placement on your homepage. To use it, identify the
divblock where you want the plugin, and set its classname to'site-body'. You'll typically finddivblock within yourindex.htmlfile, located in your blog folder. - check the effects:
hexo clean&&hexo g&&hexo s
- 直接用npm安装即可
npm install hexo-everyday-calendar-
(如果不能正常显示) 同时放入与source同级的目录plugins下
-
(如果不能正常显示) 确保你的首页中有
<body>标签，日历模块会自动放入这里 -
自定义放入位置：在你想要放入的位置中，设置div块的classname为'site-body'，即可放入（仅适用于版本<=1.3.9）
-
查看效果
hexo clean&&hexo g&&hexo s
- 2.14
- 修复select居中情况
- 增加打卡墙块根据提交数量形成颜色变化功能
- 2.21
- 增加响应式布局，适配移动端
- 修复select组件垂直不居中的问题
- 国际化
- 3.6
- 修复上下和左右���距不一致问题
- 4.15
- 修复web端/移动端整体组件过小的问题
- 5.5
- 修复宽屏显示器显示组件过大的问题
- 压缩npm包
- 5.10
- 修改README
- 6.17
- 更普遍适用于各类主题，放入body内而不是site-body中 more common
- 6.28
- 增加显示某日发表数量
- 修复弹出提示被遮挡问题
- 修复提示位置
The above picture shows the comparison of this plugin on desktop and mobile devices.
- hexo-auto-toc：A plugin automatically generates a responsive table of contents that fixes to the side of the article page or above the articles, depending on the user's device.