Hexo的next主题中添加微信公众号二维码

发表于 | 分类于 | | 阅读次数
最近看别人的博客时发现有的站点有作者的微信公众号，感觉很好玩，也想在自己的博客弄一个。纪录一下简单的实现过程吧，不多说，先上图，有图有真相。

最近看别人的博客时发现有的站点有作者的微信公众号，感觉很好玩，也想在自己的博客弄一个。纪录一下简单的实现过程吧，不多说，先上图，有图有真相。

  1. 在theme下/layout/_macro/post.swig的 footer class=”post-footer” 下加入如下代码。
.src-js}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<! -- 添加微信图标 -->
    {% if config.weixin.enable %}
    {% if is_home() %}
    {% else %}
    <div>
    <span>
    {% if config.weixin.text %}
    {{ config.weixin.text }}
    {% endif %}
    <br>
    </span>
    <br>
    {% if config.weixin.public %}
    <a href="{{ config.weixin.public }}" title="Jason's微信公众号" class="fancybox" rel="article0"       style="float:left;margin-left:25%;margin-right:2px;">
    <img src="{{ config.weixin.public }}" title="Jason's微信公众号" height="164px" width="164px">
    </a>
    {% endif %}
    </div>
    {% endif %}
    {% endif %}
  1. 在根目录 config.xml 中添加如下代码即可。
.src-js}
1
2
3
4
weixin:
  enable: true
  text: 欢迎大家关注：Jason's微信公众号
  public: http://7xnilf.com1.z0.glb.clouddn.com/weixin.jpg

将上面url换成自己的就行了，感兴趣的同学可以改改css吧。

Jason微信公众号

JasonThink wechat
欢迎您扫一扫上面的微信公众号，订阅我的博客！