导语:为什么要设置阅读更多?

Gitbook 整合 OpenWrite 平台的 readmore 插件,实现博客的每一篇文章自动增加阅读更多效果,关注公众号后方可解锁全站文章,从而实现博客流量导流到微信公众号粉丝目的.

官网

OpenWrite官网:

https://openwrite.cn/

OpenWrite readmore官网:

https://readmore.openwrite.cn/login

增长工具–>添加–>填写信息–>保存

注意:保存好后,需要再次到增长工具–>博客导流公众号–>使用

image-20211009232820044

openwrite使用指南

下面您只需要在公众号和博客中做如下设置,然后就等着来自博客的自然增长吧!


第一步:公众号设置

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

关键词,设置为:breeze_yyds

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

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

第二步:博客设置

在您博客的文章页面的末尾,增加如下js代码。

                        <script src="https://readmore.openwrite.cn/js/readmore.js" type="text/javascript"></script>
<script>
    const btw = new BTWPlugin();
    btw.init({
        id: 'container',
        blogId: '27976-1633793308049-845',
        name: '明天也要加油呀',
        qrcode: 'https://luckly007.oss-cn-beijing.aliyuncs.com/image/qrcod.jpg',
        keyword: 'breeze_yyds',
    });
</script>

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

gitbook设置

Step 1 - 更新 book.json 配置文件

  1. book.json 配置文件中,添加 readmoreplugins 列表.
  2. book.json 配置文件中,配置 pluginsConfig 对象.
{
    "plugins": ["readmore"],
    "pluginsConfig": {
        "readmore":{
            "blogId": "27976-1633793308049-845",
            "name": "明天也要加油呀",
            "qrcode": "https://luckly007.oss-cn-beijing.aliyuncs.com/image/qrcod.jpg",
            "keyword": "breeze_yyds"
        }
    }
}

其中,配置参数含义如下:

  • blogId : [必选]OpenWrite 后台申请的博客唯一标识,例如:27976-1633793308049-845
  • name : [必选]OpenWrite 后台申请的博客名称,例如:明天也要加油呀
  • qrcode : [必选]OpenWrite 后台申请的微信公众号二维码,例如:https://luckly007.oss-cn-beijing.aliyuncs.com/image/qrcod.jpg
  • keyword : [必选]OpenWrite 后台申请的微信公众号后台回复关键字,例如:breeze_yyds

Step 2 - 运行 gitbook 相关命令

  • 运行 gitbook install 命令安装到本地项目
$ gitbook install
  • 运行 gitbook build 命令构建本地项目或者 gitbook serve 启动本地服务.
$ gitbook build

或者

$ gitbook serve
powered by Gitbook该文件修订时间: <<<<<<< HEAD 2023-03-15 20:27:27 ======= 2021-11-10 14:08:36 >>>>>>> 4315980ab17d74d137e5f12c37789a6728b083a3

results matching ""

    No results matching ""