1. sectionx

将页面分块显示 用于将页面分成多个部分,并添加按钮以允许读者控制每个部分的可见性。 下面有个更好的折叠模块功能accordion

{
    "plugins": [
           "sectionx"
    ]
}

使用方法

内容分块: 在.md文件中定义一个部分(就是插入下面的字段)。 markdown中示例代码:

内容部分2;

这里只采用三个参数,其他参数如下所示:

参数 说明 data-title 该部分的标题,它将显示为bootstrap面板的标题(大小为h2)。 请注意,您不能使用"标题中的字符,请"改用。 data-id 章节的id,对按钮控制很有用(在下一节中讨论)。 data-show 默认表示面板内容是否可见的布尔值。 true:默认情况下,面板内容对用户可见,面板标题可以单击。 false:默认情况下,面板内容对用户隐藏,面板标题不可点击,只能通过添加自定义按钮查看(在下一节中讨论)。 data-nopdf 一个布尔值,表示该部分是否将隐藏在pdf导出中。 true:面板不会显示在.pdf或.epub中。 data-collapse 一个布尔值,表示默认情况下是否打开(但仍然可见)该部分。 true:默认情况下,面板内容对用户可见,但已关闭。 false:默认情况下,面板内容对用户可见,但已打开(默认设置)。 添加按钮,控制部分可见性 通过在GitBook中添加内联HTML,以下代码可以添加一个按钮,以允许您查看或隐藏其他部分。 简单来说,就是在【使用1】的内容部分添加一个按钮:

标签说明: 标签 说明 class 该按钮必须属于类“section”。//这里就是用到 1部分的section target 当按下时,将切换id为target的部分。 show 隐藏目标部分时按钮上的文本。 hide 目标部分可见时按钮上的文本。 markdown中示例代码:

内容部分2 效果图2:

混合使用 将第2节的button块添加到第1节的内容部分 markdown中示例代码: 内容部分1;

内容部分2 效果图3:

Copyright © 温玉 2021 | 浙ICP备2020032454号 all right reserved,powered by Gitbook该文件修订时间: 2021-08-22 15:17:55

results matching ""

    No results matching ""