Hexo添加小部件(Butterfly主题) Pixiv 日榜

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

注意:最后三行要保持空格间距一样(直接复制下面代码即可)

.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;")

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

编辑 themes\Butterfly\layout\includes\widget\index.pug 文件,在你想要显示的位置插入以下代码:

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

具体放置位置,参考下图:

编辑 butterfly.yml文件,在 card_webinfo 下面添加一行 card_pixiv: true

可以通过搜索关键词 aside,找到对应位置添加

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

如果不想显示,直接把 butterfly.yml文件的 card_pixiv: true改为 card_pixiv: false即可

参考博客:

作者: HCLonely
链接: https://blog.hclonely.com/
来源: HCLonely Blog

学如逆水行舟,不进则退
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章