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

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