【知识积累】Hexo中next主题微信引流教程

前言

相信不少伙伴在github中搭建了属于自己的博客，我最近看了其他文章学习到一个姿势，就是微信怎么用博客引流，这时看到了OpenWrite

一、OpenWrite设置

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

2、登陆后，选择增长工具

3、点击添加，填写自己的微信公众号信息

4、接着就得到两个设置的信息

二、公众号设置规则自动回复

填写完成后，点击使用

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

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

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

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

然后还有一段 js 代码，将其拷贝出来

三、Next主题配置

1、新增swig文件

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

{% if page.comments and theme.page_readmore %}
<script src="https://readmore.openwrite.cn/js/readmore.js" type="text/javascript"></script>
<script>
    const btw = new BTWPlugin();
    btw.init({
        id: 'container',
        blogId: '23138-1631285680758-213',
        name: '渗透安全数据库',
        qrcode: 'https://gylq.gitee.io/cloudimages/img/mmexport1627522419167.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

就完成引流了。