博客主页 🍚
标签

日历

下的文章

Count:

计 1 篇
免插件为HEXO博客添加侧边栏日历
2021-06-26
分类: 📝HEXO
简介:之前一直在用hexo的butterfly主题,找到了一个日历插件,但是当时完全不能用,修改了好久终于和主题完美适配了,一直懒的写教程,但是也用了很久一直没发现问题,故而分享给大家,因为是针对butterfly主题修改的css,但是核心部分是通用的,希望大家喜欢!首先展示一下效果,各位更可以前往 旧站点 查看效果Butterly主题准备工作​先贴上净土大神写的日历插件,直接在在命令行窗口安装。前提是你要装的有node.jsnpm install save git://github.com/howiefh/hexo generator calendar.git安装完毕以后,运行一下 hexo g ,然后去hexo目录下的public 目录下看看是是否有一个calendar.json 文件,这个很重要的。在\hexo\themes\butterfly\layout\includes\widget目录下新建calendar.pug,内容如下.card widget.card calendar .card calendar include ./calendar.html在同目录中打开index.pug,选取适当位置类比添加如下内容if theme.aside.card_calendar include ./calendar.pug在同目录下新建calendar.html,内容如下 - 隐藏 - {message type="error" content="上方代码中,css及js需换成自己的链接,也可以用我的,但是!calendar.js文件中需要修改下方步骤,而且上方代码中的网站(第32行)需要换成自己的"/}三个文件css+jscalendar.js - 隐藏 - {message type="error" content="上方代码的第823行处地址,需换成自己的地址"/}{dotted startColor="#ff6c6c" endColor="#1989fa"/}calendar.css - 隐藏 -
博客主页 火喵博客・日记本 经为流逝的日月,纬为人们的生业 51统计 百度统计 🌸
萌ICP备20210005号 辽ICP备2021005644号-1 辽公网安备 21021102000984号 十年之约 2 年 325 天 19 小时 58 分 🌸 本站由 Typecho 建站,并搭配自制 MyDiary 主题 Copyright © 2009 ~ 2023. 火喵酱 All rights reserved.
历史足迹
分类目录
  • 日常
  • 晒物
  • 🦙 代码
  • 🏗️ 建站
  • 📷 生活
  • 打赏图
    打赏博主
    欢迎
    欢迎
    欢迎访问火喵博客・日记本
    欢迎来看望喵喵!