相信有不少小伙伴都在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),就会显示回复了

总结

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

有兴趣的话可以关注我的公众号或者头条号,说不定会有意外的惊喜。

github博客Hexo引流到微信的更多相关文章

  1. Hexo+Github: 博客网站搭建完全教程(看这篇就够了)

    本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. # 阅读须知 注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦, ...

  2. 使用Hexo搭建github博客步骤,超简便

    categories: 工具 tags: git Windows 搭建博客 你只需要node环境和一个github账号就可以开工啦! 本教程适合于Windows环境,Mac教程也大同小异 利用hexo ...

  3. Hexo+Github博客最简教程-Dockerfile自动搭建

    闲谈 拿出你的气质,打开你的电脑,借你半小时搭建好属于你的hexo博客,小生用dockerfile自动帮你搭建好:你只需要在你的mac或linux或windows上提前把docker安装好,如何安装不 ...

  4. 使用Hexo搭建GitHub博客(2018年Mac版)

    关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: [2018更新]小白独立搭建博客-Githu ...

  5. 超详细Hexo+Github博客搭建小白教程

    原文链接:超详细Hexo+Github博客搭建小白教程 去年9月的时候开始搭建了第一个自己的独立博客,到现在也稍微像模像样了.很多小伙伴应该也想过搭建一个自己的博客,网上也有一堆详细教程.我在此稍稍总 ...

  6. 在Linux系统中同步更新我们的Github博客

    原理介绍 类似于版本管理,我们把我们的hexo博客文件系统在Github上建立一个分支,通过管理分支提交最新的博客文件系统,保证我们博客框架的更新.然后我们基于最新的博客框架,撰写文章,进行Githu ...

  7. 搭建Github博客:开始

    先看效果:ious.ml 记录使用hexo搭建个人博客的过程 至于在博客里记录什么内容,现在还没想好.已经熟悉了博客园,不想换. 1.概念 Github Pages Github Pages可以被认为 ...

  8. 我的博客 Hexo 还是Jekyll

    我的博客 Hexo 还是Jekyll 标签(空格分隔): 博客 很喜欢找一些博客主题,目前发现几个比较不错的 Hexo: 阿里中间件 我的个人博客-Material主题 我的个人博客-Fluid主题 ...

  9. github博客配置

    配置基础环境 1.先下载github,运行git bash,输入 12 npm installnpm install -g hexo 2.选择一个熟悉的地方创建hexo文件夹,打开文件夹,在文件夹中运 ...

随机推荐

  1. python之web自动化验证码识别解决方案

    验证码识别解决方案 对于web应用程序来讲,处于安全性考虑,在登录的时候,都会设置验证码,验证码的类型种类繁多,有图片中辨别数字字母的,有点击图片中指定的文字的,也有算术计算结果的,再复杂一点就是滑动 ...

  2. 《NVM-Express-1_4-2019.06.10-Ratified》学习笔记(1)

    材料说明: 文档<NVM-Express-1_4-2019.06.10-Ratified.pdf>来自于NVMe网站:https://nvmexpress.org/ 笔记目的是学习NVMe ...

  3. 【阿里云IoT+YF3300】5. Alink物模型之服务下发

    名词解释: 服务:设备的功能模型之一,设备可被外部调用的能力或方法,可设置输入参数和输出参数.相比于属性,服务可通过一条指令实现更复杂的业务逻辑,如执行某项特定的任务.    -摘自阿里云物联网产品文 ...

  4. 持续集成高级篇之Jenkins资源调度

    系列目录 之前的示例我们主要关注点在于功能的实现,都是在一个节点的完成了.有了多个节点后,必须涉及到资源的调度问题.本节我们讲解在创建任务时与资源调度的有关选项以及一些平时没有注意到的但在生产环境需要 ...

  5. AVL自平衡二叉树

    详细的具体步骤 : 一篇讲的很好博客 AVL,红黑树优先博客-Never 先对二叉树的不平衡结构进行总结: 各种旋转 特别注意字母含义(结构)和其旋转操作之间的区别 二叉树不平衡结构 性质 平衡操作 ...

  6. win8,右键添加notepad++

    1.下载并安装notepad++ 2.创建txt文件test1.txt,内容如下: Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\*\ ...

  7. 如何将idea工程打包成jar文件

    如何将idea工程打包成jar文件 近日在工作中遇到了一个问题,需要把本地的java文件打成jar包,传到云服务器上运行.于是学习了一下如何在intellij idea中将java工程打成jar包. ...

  8. 堆实战(动态数据流求top k大元素,动态数据流求中位数)

    动态数据集合中求top k大元素 第1大,第2大 ...第k大 k是这群体里最小的 所以要建立个小顶堆 只需要维护一个大小为k的小顶堆 即可 当来的元素(newCome)> 堆顶元素(small ...

  9. 【Nginx】 中的配置命令

    一.location 1.1 概述 1.2 location的语法 1.3 Location正则案例 二.nginx rewrite 2.1 rewrite全局变量 2.2 判断IP地址来源 2.3 ...

  10. 关于jpa的Specification自定义函数,实现oracle的decode;以及如何在静态方法中调用注入的service

    如何在静态方法中调用注入的service Public class ClassA{ public static ClassA classA; @Resource private Service ser ...