在Butterfly主题的Hexo博客的侧边栏加入文章的Qrcode

在Butterfly主题的Hexo博客的侧边栏加入文章的Qrcode

不说废话 直接开始

首先需要安装 hexo-helper-qrcode

1
2
3

$ npm i -S hexo-helper-qrcode

在 butterfly主题文件夹下 找到layout/includes/widget下创建一个文件 “card_qrcode.pug”

填入

1
2
3
4
5
.card-widget.card-qrcode
.item-headline
i.fa.fa-qrcode
span= _p('文章二维码')
img#post-img(src=qrcode(page.permalink))

切换到 layout/includes/widget下的”index.pug”

在//post下找个合适的地方插入

1
include ./card_qrcode.pug

!!! 注意缩进 实际类似下张图 !!!

image.png

之后hexo三件套就OK了

出现问题记得叫我!