在 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
學如逆水行舟,不進則退