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

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

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

一、OpenWrite设置

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

▲ 注册

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

▲ 配置

点击添加,填写信息

▲ 填写信息

二、OpenWrite使用

填写完成后,点击使用

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

关键词,设置为:VIP(之前你自己设置的关键词)

回复内容,设置为如下文本内容:

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

然后还有一段 js 代码

▲ js

将其拷贝出来

三、hexo配置

1、新增swig文件

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

1
2
3
4
5
6
7
8
9
10
11
12
13
{% 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 文件

找到类似如下代码段:

1
2
3
4
5
6
7
<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>

修改为:

1
2
3
4
5
6
7
8
9
10
<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 中新增:

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

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

4、重新生成静态文件

1
2
3
hexo clean
hexo g
hexo s

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

四、效果

▲ 最终效果

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

参考:

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

hoxis wechat
提供 CSDN 资料免费下载服务,欢迎来撩~
赞赏一杯咖啡
  • 本文作者: hoxis | 微信公众号【不正经程序员】
  • 本文链接: https://hoxis.github.io/hexo-blog-to-wechat.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!
  • 并保留本声明和上方二维码。感谢您的阅读和支持!
0%