gitbook生成html设置标签折叠与页面跳转

文章介绍了如何通过修改Gitbook的theme.js文件和创建book.json来实现html页面生成时的导航栏折叠及点击导航栏进行页面跳转。主要步骤包括禁用默认折叠设置,添加自定义配置,安装插件,然后重建并启动服务器以测试功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

gitbook生成html设置标签折叠与页面跳转

上文讲到gitbook如何将md文档生成html页面,若不了解可点击跳转 。但下图生成的页面发现些许的小瑕疵,例如左侧的导航栏不能折叠以及下方有Gitbook的广告,页面的title结尾是Gitbook,最重要的是点击导航栏页面内容并没有发生改变。本文讲解如何使左侧导航栏可跳转及折叠。

步骤一

 在生成html时执行命令gitbook build后,项目目录下生成了一个_book的文件夹。点击_book文件夹下的gitbook文件夹,gitbook文件夹下编辑theme.js文件。搜索 if(m)for(n.handler&& 将if(m)修改为if(false)。

步骤二

 在项目文件夹(SUMMARY.md文件所在位置)内新建book.json文件,在文件内添加以下内容。

步骤三

上述两步完成后在项目文件夹目录执行命令gitbook install

步骤四

此时在项目目录下执行gitbook build,构建完成后执行gitbook server。访问生成页面测试折叠功能是否可用。

此时左侧导航栏可以折叠并且点击某个标签可以自由跳转。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值