今天逛大佬博客看见这个功能,自己也想整一个,但是添加的过程中发现日榜的窗口不是固定的,可能是主题更新的缘故吧,需要对旧的代码做一些改动,以下是我的配置步骤。(参考文章:HCLonely Blog - Hexo 博客美化

  1. themes\Butterfly\layout\includes\widget 文件夹新建 card_pixiv.pug 文件,文件内容如下:

    1
    2
    3
    4
    5
    6
    .card-widget.card-pixiv
    .card-content
    .item-headline
    i.fa.fa-image(aria-hidden="true")
    span= _p('aside.card_pixiv')
    iframe(src="https://cloud.mokeyjay.com/pixiv" frameborder="0" style="width:99%;height:380px;margin:0;")
  2. 编辑 themes\Butterfly\layout\includes\widget\index.pug 文件,

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
           if showToc
    include ./card_post_toc.pug
    !=partial('includes/widget/card_recent_post', {}, {cache: true})
    !=partial('includes/widget/card_ad', {}, {cache: true})
    else
    //- page
    !=partial('includes/widget/card_author', {}, {cache: true})
    !=partial('includes/widget/card_announcement', {}, {cache: true})
    !=partial('includes/widget/card_top_self', {}, {cache: true})
    + !=partial('includes/widget/card_pixiv.pug', {}, {cache: true}) #添加这行代码
  3. 编辑 _config.butterfly.yml 文件,在 card_webinfo 下面添加一行 card_pixiv: true

  4. 编辑 themes\Butterfly\languages\zh-CN.yml 文件 (请根据你的网站语言选择),找到 card_announcement: 公告 , 在下面添加一行 card_pixiv: Pixiv日榜Top50(后面的文本可自定义)