专栏首页健程之道github博客Hexo引流到微信

github博客Hexo引流到微信

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

如何引流

现在网上有一种套路,当你在看别人博客时,只能看一半,想继续看的话,需要扫码关注别人的公众号才能继续,这样的话,你的公众号粉丝自然就能蹭蹭上涨。

这里需要解决两个问题:

  1. 文章看到一半就不允许继续观看
  2. 关注你的公众号后才能继续观看

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

导流

当你注册进入OpenWrite后,会有一个博客导流公众号功能,添加完相应的信息后,即可获得一段具有隐藏功能的JS代码

如何设置文章看到一半

这就需要我们在文章模块页面增加相应的隐藏功能,并且能够展示二维码并锁住页面。

增加自定义swig文件

进入你的博客文件夹,在themes\next\layout\_custom文件夹中,新建一个hide.swig文件(这个文件夹专门用来存放自定义的一些代码),复制上文提到的JS代码,注意id的值,它默认用的是container,我设置成了container-1

修改文章模板文件

进入你的博客文件夹,在themes\next\layout文件夹中,会有一个_layout.swig文件,这就是你的文章模板文件。其中有一段内容是:

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
            <div id="content" class="content">
              {% block content %}{% endblock %}
            </div>

idcontent的地方,就是你的文章内容,这时候你可以在外面再嵌套一层div,其id就是上面我设置的container-1

    <main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="container-1">
            <div id="content" class="content">
              {% block content %}{% endblock %}
            </div>
          </div>

此时就可以发布你的博客,现在你的文章就会产生阅读全文的按钮了:

按下这个按钮,就会弹出相应的二维码和你当初设置的关键字:

微信公众号自动回复设置

在微信公众号后台页面,选择自动回复-关键词回复,点击添加回复

填写规则名称关键词(你当初在OpenWrite中设置的),回复内容选择文字,填上OpenWrite中返回的那段文字。

此时,当别人关注你的公众号并输入关键字后(比如我设置的关键字就是git),就会显示回复了

总结

如果你的博客有一定的日活,那就千万不要错过这种微信涨粉、互相引流的机会。如果大家有什么疑问,欢迎在下方留言。

本文分享自微信公众号 - 健程之道(JianJianCoder),作者:健健壮

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-09-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JVM 知识点补充——永久代和元空间

    之前已经讲过了不少有关 JVM 的内容,今天准备将之前没有细讲的部分进行补充,比如:永久代和元空间。

    健程之道
  • Java 面试——即时编译( JIT )

    当我们在写代码时,一个方法内部的行数自然是越少越好,这样逻辑清晰、方便阅读,其实好处远不止如此,通过即时编译,甚至可以提高执行时的性能,今天就让我们好好来了解一...

    健程之道
  • 力扣240——搜索二维矩阵

    编写一个高效的算法来搜索 m x n 矩阵 matrix 中的一个目标值 target。该矩阵具有以下特性:

    健程之道
  • EngineerCMS核心代码

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

    hotqin888
  • bootstrap模态框之加载页面至modal-boby

    思路:使用$("#reserveForm").html(result); result为Ajax请求controller所返回的页面

    week
  • ztree实现左边动态生成树,右边为具体信息功能

    祈澈菇凉
  • [个人网站搭建]·Django增加评论功能(Python3)

    个人主页--> https://xiaosongshine.github.io/

    小宋是呢
  • bootstrap

    花了一天时间学了下bootstrap入门,想必大家用css写前端页面的时候都很痛苦,bootstrap就是来解决这个问题的,它封装了css的很多样式,开发的时候...

    用户3112896
  • 乐视网面试真题,非一般的题目

    正文 HTML5学堂:这是一套2014年7月份乐视网的一份面试真题,虽然面试题目还算比较简单,但也很能反应面试者基础知识的掌握程度,特别是面试者对细节方面的处理...

    HTML5学堂
  • 蒙版css技巧 原

    (adsbygoogle = window.adsbygoogle || []).push({});

    tianyawhl

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动