hexo 博客引流到公众号配置方法（亲测可用）

相信有不少小伙伴都在 github 上创建了属于自己的博客，其中用 Hexo 的 Next 主题应该不少，那么，我们究竟该如何将博客的流量引流到微信呢？今天就来带你看一看。

这里我是借助了 OpenWrite 中的引流工具实现的。

一、OpenWrite设置

打开https://openwrite.cn/进行注册

登录后，选择增长工具–>博客导流公众号

点击添加，填写信息

二、OpenWrite使用

填写完成后，点击使用

登录要增粉的微信公众号，按如下规则设置关键词回复

关键词，设置为：VIP（之前你自己设置的关键词）

回复内容，设置为如下文本内容：

<a href="https://my.openwrite.cn/code/generate?blogId=15287-1573137991892-156">点击该链接，获取博客解锁验证码</a>

然后还有一段 js 代码

将其拷贝出来

三、hexo配置

1、新增swig文件

在 themes\next\layout\_custom 文件夹中，新建一个 hide.swig 文件，内容如下：

{% if page.comments and theme.page_readmore %}
<script src="https://my.openwrite.cn/js/readmore.js" type="text/javascript"></script>
<script>
    const btw = new BTWPlugin();
    btw.init({
        id: 'container',
        blogId: '15287-111-156',
        name: '不正经程序员',
        qrcode: 'https://blog-1111.cos.ap-shanghai.myqcloud.com/picgo/wechat-qcode.jpg',
        keyword: 'VIP',
    });
</script>
{% endif %}

其中的 js 代码为第二步中生成的 js。

2、修改_layout.swig

修改文件 themes\next\layout\_layout.swig 文件

找到类似如下代码段：

<div class="content-wrap">
	  <div id="content" class="content">
		{% block content %}{% endblock %}
	  </div>
  {% include '_third-party/duoshuo-hot-articles.swig' %}
  {% include '_partials/comments.swig' %}
</div>

修改为：

<div class="content-wrap">
	<div id="container">
	  <div id="content" class="content">
		{% block content %}{% endblock %}
	  </div>
	</div>
  {% include '_third-party/duoshuo-hot-articles.swig' %}
  {% include '_partials/comments.swig' %}
  {% include '_custom/hide.swig' %}
</div>

3、修改主题配置文件

新增是否添加阅读全文的开关

在文件 themes\next\_config.yml 中新增：

# 是否开启阅读全文
page_readmore: true

此配置可以用于快捷配置开关。

4、重新生成静态文件

hexo clean
hexo g
hexo s

本地调试没有问题后，可以推送到最新文章。

四、效果

如果大家有什么疑问，欢迎在下方留言。

参考：

https://cloud.tencent.com/developer/article/1531992