hexo-history-calendar 那年今日侧边栏卡片
AI-摘要
Jinx GPT
AI初始化中...
介绍自己 🙈
生成本文简介 👋
推荐相关文章 📖
前往主页 🏠
前往爱发电购买
hexo-history-calendar 那年今日侧边栏卡片
东方月初此功能参考自小冰博客,记录方便以后学习。
1. NPM 插件安装的部署方法:
注意,一定要加 --save
,不然本地预览的时候可能不会显示
1 | npm i hexo-history-calendar --save |
2. 新增网站根目录_config
配置项 (不是主题的):
1 | history_calendar: |
3. enable
- 参数:true/false
- 含义:是否开启插件
4. enable_page
- 参数:all
- 含义:路由地址,all 代表全局开启。如 / 代表主页。
5. priority
- 参数:1
- 含义:插件的叠放顺序,数字越大,叠放约靠前。
1 | history_calendar: |
6. layout
- 参数:type; (class&id)
- 参数:name;
- 参数:index;(数字)
- 含义:如果说 history_calendar 是一幅画,那么这个 layout 就是指定了哪面墙来挂画
- 而在 HTML 的是世界里有两种墙分别 type 为 id 和 class。
- 其中在定义 class 的时候会出现多个 class 的情况,这时就需要使用 index,确定是哪一个。
- 最后墙的名字即是 name;
1 | <div desc="我是墙" id="recent-posts"> |
7. temple_html
- 参数:html 模板字段
- 含义:包含挂载容器
1 | <div class="card-widget card-history"> <!-- 挂载容器 --> |
8. 这个时候,如果你的文件配置正确,可以执行Hexo的三连命令来查看效果了
1 | hexo clean; hexo g; hexo s |
评论
匿名评论隐私政策
✅ 你无需删除空行,直接评论以获取最佳展示效果