结束语

  1. 在theme主题/layout/includes/post添加passage-end-tag.pug,代码如下：
1
2
3
4
5
div
  div(style='text-align:center;color: #ccc;font-size:14px;font-family: cursive;')
    | -------------纸短情长 
    i.fa.fa-umbrella
    |  下次再见-------------
  1. 在theme主题/layout下修改post.pug,代码如下：
1
2
+include includes/post/passage-end-tag.pug
include includes/post/post-copyright.pug
  1. 完成

公众号二维码

  1. 在theme主题/layout/includes/post添加wechat.pug,代码如下：
1
2
3
4
#wechat_subscriber
  center
    img#wechat_subscriber_qcode(src=`${post_cover}` onerror=`onerror=null;src='${theme.wechat_subscriber.qcode}'`,alt='文武科技社')
  div=theme.wechat_subscriber.description
  1. 在theme主题/layout下修改post.pug,代码如下：
1
2
+include includes/post/wechat.pug
include includes/post/post-copyright.pug
  1. 在主目录/source/_data下修改butterfly.yml,代码如下：
1
2
3
4
5
+#订阅
+wechat_subscriber:
+  enable: true
+  qcode:  /img/wwgzh.png #ex. /uploads/wechat-qcode.jpg
+  description: 把好故事讲给你听
  1. 在theme主题/source/css/_layout添加wechat_subscriber.styl,代码如下：
1
2
3
4
5
6
7
8
9
10
#wechat_subscriber
  text-align: center
  display: inline-block
  line-height: 36px
  width: 100%
  margin: 0 auto

#wechat_subscriber_qcode
  width: 200px
  max-width: 100%
  1. 这就完成了，提交查看效果即可

效果图