基于安知鱼的hexo魔改：侧边栏pixiv Top50

tips

下文所说的根目录为博客目录，将用[BlogRoot]代替。

修改站点配置文件_config.yml，路径为[BlogRoot]/_config.yml。

修改主题配置文件_config.anzhiyu.yml，路径为[BlogRoot]/_config.anzhiyu.yml。
文中代码块中的+和-是指应该添加和删去的内容

效果

具体效果可以去看我的网站右侧的pixiv Top50

搭建

第1步

在[BlogRoot]/themes/anzhiyu/layout/includes/widget 目录下新建card_pixiv.pug文件，文件内容如下：

1
2
3
4
5
6
7
8
9

.card-widget.card-pixiv
 .card-content
  .item-headline
    i.fa.fa-image(aria-hidden="true")
    //- span下面的字为日榜标题，可以自行更改
    span
      | Pixiv日榜Top50
  iframe(src="https://cloud.mokeyjay.com/pixiv" frameborder="0" style="width:100%;height:280px;margin:0;")

在文中https://cloud.mokeyjay.com/pixiv 使用的是超能小紫 提供的服务，也可以自行搭建，搭建方式请看这里。

第2步

编辑[BlogRoot]/themes/anzhiyu/layout/includes/widget/index.pug 文件，找到page部分,在你想要显示的位置插入以下代码：

1
2
3

//- page
if theme.aside.card_pixiv
    !=partial('includes/widget/card_pixiv', {}, {cache:true})

第3步

编辑主题配置文件_config.anzhiyu.yml 搜索aside，在其下面添加如下代码。

1
2
3

aside:
  card_pixiv:
    enable: true

完工

ok,现在就结束了，可以去hexo三连去试试效果啦！