gitbook 插件 文章 TOC 目录

gitbook 文章 TOC 目录

1. page-treeview 插件

page-treeview 插件是生成页内目录

不需要插入标签,能支持到6级目录,安装可用

安装

npm i gitbook-plugin-simple-page-toc

book.json配置:

{
    
    
    "plugins": ["page-treeview"]
}

非必要配置:

"pluginsConfig": {
    
    
    "page-treeview": {
    
    
        "copyright": "Copyright © aleen42",
        "minHeaderCount": "2",
        "minHeaderDeep": "2"
    }
}

这个插件生成目录以后,下面有一行关于版权的文字。如果想去掉的话,找到插件目录下的index.js文件:***/node_modules/gitbook-plugin-page-treeview/lib/index.js 找到如下这段代码
在这里插入图片描述

2. page-treeview-simple 插件

page-treeview 功能相同,在其基础之上修改了以下内容:

  • 去除 copyRight 的提示内容与占用的空白高
  • 取消章节的折叠效果,默认展开显示完整章节

效果图
在这里插入图片描述

3. simple-page-toc 插件

simple-page-toc 插件生成本页目录 需要在文章中插入标签,支持1-3级目录 页面顶端生成。另外 GitBook 在处理重复的标题时有些问题,所以尽量不适用重复的标题。

安装

npm i gitbook-plugin-simple-page-toc

book.json配置:

{
    
    
    "plugins" : [
        "simple-page-toc"
    ],
    "pluginsConfig": {
    
    
        "simple-page-toc": {
    
    
            "maxDepth": 3,
            "skipFirstH1": true
        }
    }
}
参数 说明
“maxDepth”: 3 使用深度最多为maxdepth的标题。
“skipFirstH1”: true 排除文件中的第一个h1级标题。

使用方法: 在需要生成目录的地方用下面的标签括起来,全文都生成的话就在首尾添加
在这里插入图片描述
效果图:
在这里插入图片描述

4. page-toc 插件

page-toc 插件在你的 Gitbook 的每个页面上添加了一个目录 (TOC)。您可以设置目录是否默认显示在所有页面上,您可以启用或禁用个别页面上的目录以覆盖默认值。
安装

npm i gitbook-plugin-page-toc-af

book.json配置:

{
    
    
  "plugins": [ "page-toc" ],
  "pluginsConfig": {
    
    
    "page-toc": {
    
    
      "selector": ".markdown-section h1, .markdown-section h2, .markdown-section h3, .markdown-section h4",
      "position": "before-first",
      "showByDefault": true
    }
  }
}

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/xixihahalelehehe/article/details/125117549
今日推荐