歌曲封面 未知作品
  • 歌曲封面あの日のままのぼくら雨宮天
  • 歌曲封面やさしさに包まれたなら松任谷由実
  • 歌曲封面夜、萤火虫和你AniFace
  • 歌曲封面Rum and Coca ColaThe Andrews Sisters
  • 歌曲封面ShelterPorter Robinson

萌ICP备20210005号

辽ICP备2021005644号

绯色之喵 @2009

网站已运行 4 年 274 天 9 小时 29 分

Powered by Typecho & Sunny

2 online · 23 ms

歌曲封面 未知作品
  • 歌曲封面あの日のままのぼくら雨宮天
  • 歌曲封面やさしさに包まれたなら松任谷由実
  • 歌曲封面夜、萤火虫和你AniFace
  • 歌曲封面Rum and Coca ColaThe Andrews Sisters
  • 歌曲封面ShelterPorter Robinson

萌ICP备20210005号

辽ICP备2021005644号

绯色之喵 @2009

网站已运行 4 年 274 天 9 小时 29 分

Powered by Typecho & Sunny

4 online · 28 ms

Title

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

绯色之喵

·

HEXO

·

Article
⚠️ 本文最后更新于2023年02月09日,已经过了668天没有更新,若内容或图片失效,请留言反馈

之前一直在用hexo的butterfly主题,找到了一个日历插件,但是当时完全不能用,修改了好久终于和主题完美适配了,一直懒的写教程,但是也用了很久一直没发现问题,故而分享给大家,因为是针对butterfly主题修改的css,但是核心部分是通用的,希望大家喜欢!

本文火喵原创,禁止转载

本方法可能已经失效

首先展示一下效果,各位更可以前往 旧站点 查看效果

Butterly主题准备工作

如果你用的是Butterfly主题,需要提前做好侧边栏,其他主题相应的在侧边栏为日历腾出位置

  1. ​先贴上净土大神写的日历插件,直接在在命令行窗口安装。前提是你要装的有node.js
♾️ shell 代码:
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,内容如下
♾️ html 代码:
.card-widget.card-calendar
    .card-calendar
        include ./calendar.html
  1. 在同目录中打开index.pug,选取适当位置类比添加如下内容
♾️ html 代码:
if theme.aside.card_calendar
  include ./calendar.pug
  1. 在同目录下新建calendar.html,内容如下

此处内容,需回复之后可见

{message type="error" content="上方代码中,css及js需换成自己的链接,也可以用我的,但是!calendar.js文件中需要修改下方步骤,而且上方代码中的网站(第32行)需要换成自己的"/}

  1. 三个文件css+js

calendar.js

此处内容,需回复之后可见

上方代码的第823行处地址,需换成自己的地址

calendar.css

此处内容,需回复之后可见

上方css为本人个人优化,须以实际情况为准,可以做相应修改

现在已有 490 次阅读,12 条评论,0 人点赞
Author:绯色之喵
作者
免插件为HEXO博客添加侧边栏日历
当前文章累计共 41154 字,阅读大概需要 3 分钟。
喵食记#9——土豆鸡肉饼
2022年4月1日 · 6评论
瑕不掩瑜的一部电影
2024年8月5日 · 7评论
异度之刃3,可圈点的良作
2022年11月13日 · 2评论
Comment:共12条
发表
  1. 头像
    @
    Larry
    感谢分享😼😼😼😼
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  2. 头像
    @
    谢谢分享qwq
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  3. 头像
    @
    大佬牛啊学习一下
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  4. 头像
    @
    Revival
    谢谢分享~
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  5. 头像
    @
    wj
    tks
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  6. 头像
    @
    感谢
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  7. 头像
    @
    佑佑
    谢谢分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  8. 头像
    @
    阿怪
    Hello
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  9. 头像
    @
    ∠( ᐛ 」∠)_
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  10. 头像
    @
    KINGWDY
    nb
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 1 💖 1 💯 1 💦 1 😄 1 🪙 1
  11. 头像
    @
    牛逼
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 1 💖 1 💯 1 💦 1 😄 1 🪙 1
  12. 头像
    @
    mrzefr233
    nb
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 1 💖 1 💯 1 💦 1 😄 1 🪙 1
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主 欢迎访问喵喵的博客,记录每日好心情! 不再显示
博主