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

2022-09-28 20:37:51 浏览数 (1)

首先需要安装 hexo-helper-qrcode

代码语言：javascript复制


$ npm i -S hexo-helper-qrcode

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

填入

代码语言：javascript复制

.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下找个合适的地方插入

代码语言：javascript复制

include ./card_qrcode.pug

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

之后hexo三件套就OK了

出现问题记得叫我！

0 人点赞