如何在 vuepress 中添加博客导流公众号-即输入验证码解锁全站文章

如何在 vuepress 上添加博客导流公众号-即输入验证码解锁全站文章

前言

如今,打开一些网站,发现阅读文章前,先要关注公众号,获取验证码,才能解锁文章,这波操作虽然有点“流氓”,但是白嫖的适当付出一点也没有什么,毕竟写文章输出是真的费时间,尊重作者的劳动成果.况且赏杯咖啡,我觉得也是一种激励.

不信,自己去践行下就知道了的

在互联网时代,有流量,一切皆有可能,在如今竞争激烈的情况下,尽管微信公众号阅读量日渐下滑,但不得不承认,它仍然是一个非常强劲有生命力的产品,其价值重视程度不言而喻,凡是离用户有多近的东西都值得深耕细作

现如今一些自媒体大佬,很多在公众号里赚了不少,论当今自媒体平台,公众号的商业价值是最大的,很少有听到抖音,快手等独立的个体融资的,但公众号就有,依靠它活得洒脱,而凭借它实现融资的还真不少. 自己不行,不代表别人也不行,贫穷会限制想象.

今天跟大家分享一下在vuepress中怎么进行配置实现导流到公众号,实现自动增粉,让每一个阅读转化为粉丝,与用户做朋友,从此在也不用互推了的,只需专心做好内容创作.

至于Hexo,wordpress网上一搜也能搜到,npm仓库也有相对应的包,可自行查阅

视频链接

如果您觉得读文章理解起来有些难度,希望以下视频能给你带来一些帮助

⒈ 视频讲解-vuepress 解锁文章-引流到公众号-添加博客导流工具引言(前)

⒉ 视频讲解-vuepress 添加博客导流工具-添加博客设置(上)

⒊ 视频讲解-vuepress 添加博客导流工具-实现单篇文章隐藏与整站文章隐藏(中)

⒋ 视频讲解-vuepress 添加博客导流工具-可能会遇到的一些问题-结束(下)

⒌ 视频讲解-B 站 itclanCoder-Up主-不定期更新获取新技能

使用 openWrite 导流工具

这里借用openWrite 导流工具

⒈ 进入 openWrite 网站,找到导航菜单栏下的免费涨粉神器,添加博客列表

输入博客信息以及微信公众号信息,保存即可

如下所示:

⒉ 返回博客列表中,点击使用

⒊ 阅读使用文档

这里就不搬运了的,直接读文档就好,下面的介绍才是重点

注意

文档中需要注意最后一句:

其中id中设置的container需要用户根据文章页面中的文章容器来调整，或者直接将文章最外面的容器设置为该 id

文档中的readmore.js用 openWrite 的链接也行,直接下载到本地,在头部全局方式引入也可以

博客设置

任选自己的一篇md文档,在文档末尾增加如下一段js代码

不要问为什么能在md中还能写js,甚至写Vue,React都可以,因为vuepress牛逼~

<script src="https://my.openwrite.cn/js/readmore.js" type="text/javascript"></script>
<script>
    const btw = new BTWPlugin();  // 实例化btw插件对象
    btw.init({                    // 初始化设置,接收一些参数
        id: 'container',          // 文章最外层的id
        blogId: 'xxxx你自己的博客ID', // 博客网站的id,openWrite会自动生成