Gitbook设置阅读更多

举报
坚果的博客 发表于 2022/03/04 14:44:05 2022/03/04
【摘要】 导语:为什么要设置阅读更多?Gitbook 整合 OpenWrite 平台的 readmore 插件,实现博客的每一篇文章自动增加阅读更多效果,关注公众号后方可解锁全站文章,从而实现博客流量导流到微信公众号粉丝目的.官网OpenWrite官网:https://openwrite.cn/OpenWrite readmore官网:https://readmore.openwrite.cn/log...

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

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
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。