Gitbook配置目录折叠

本文介绍如何使用Gitbook插件实现目录折叠及菜单栏宽度调整,以提升阅读体验。通过配置book.json文件,引入expandable-chapters插件实现目录折叠;使用splitter插件扩大左侧菜单栏,确保所有目录项清晰可见。

如果有多个目录,Gitbook在浏览器上打开时,默认所有的目录都会打开,当目录比较多时,全部显示不利于阅读。

可以使用插件配置目录折叠,使得打开浏览器时这些目录默认是关闭的。

在执行gitbook init主目录下增加book.json文件做定制化配置

配置目录折叠功能如下:

{
  "plugins":[
    "expandable-chapters"
  ]
}

然后在主目录下用命令行执行gitbook install,会生成node_modules文件夹,配置的插件也会自动下载到该目录下。

在SUMMARY.md文件中配置目录时直接配置目录名称即可,不用配置连接地址,如下:

  [目录名称]()

启动后查看即可达到预期。

 

除此之外,如果目录内容比较多,左边菜单栏显示不下,也可以使用插件来达到放大菜单栏宽度的目的

插件:在book.json中配置splitter,后续步骤与以上一致

  

除了在book.json中配置外,还可以直接使用命令进行安装,如:npm install gitbook-plugin-splitter。为维护方便,推荐使用book.json文件进行配置。

 

gitbook插件官网地址:https://plugins.gitbook.com/

转载于:https://www.cnblogs.com/vielat/p/10217153.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值