免插件为HEXO博客添加侧边栏日历
 文章目录

原创
  • 📄 正文

免插件为HEXO博客添加侧边栏日历

火喵酱
HexoButterfly主题侧边栏博客美化日历
2021年6月26日 2 评论 166 阅读 正在检测是否收录...

rili.png

Butterly主题准备工作

  1. ​先贴上净土大神写的日历插件,直接在在命令行窗口安装。前提是你要装的有node.js
npm install --save git://github.com/howiefh/hexo-generator-calendar.git

安装完毕以后,运行一下 hexo g ,然后去hexo目录下的public 目录下看看是是否有一个calendar.json 文件,这个很重要的。

  1. \hexo\themes\butterfly\layout\includes\widget目录下新建calendar.pug,内容如下
.card-widget.card-calendar
    .card-calendar
        include ./calendar.html
  1. 在同目录中打开index.pug,选取适当位置类比添加如下内容
if theme.aside.card_calendar
  include ./calendar.pug
  1. 在同目录下新建calendar.html,内容如下

  1. 三个文件css+js

calendar.js

calendar.css



- - - The END - - -

- - - 打 赏 - - -
版权属于: 火喵 ©
最后更新: 2022 年 05 月 12 日 10 时
解压密码: ✽✽✽✽✽✽
阅读时间: 本文共 1002 个字数,平均阅读时长 ≈ 3分钟

共计 2 条评论,点此发表评论

人机验证

  1. 头像
    @
    广东
    mrzefr233
    士官

    海员

    牛逼

  2. 头像
    @
    广东
    mrzefr233
    士官

    海员

    nb