您的位置:

Markdown折叠大全

一、Markdown折叠代码

在Markdown中,折叠代码块是一种非常方便的功能,能够将一段比较长的代码块进行折叠/展开处理,从而更好的查看代码。

<details>
  <summary>点击折叠/展开</summary>
  
  ```python
  print("Hello World!")
  ```
  
</details>

代码块包裹在<details>标签中,<summary>标签中写入默认展示的文本,在</summary></details>中间写入代码块。

二、Markdown折叠文本内容

除了可以折叠代码块之外,Markdown还支持折叠文本内容,通常用于隐藏一些信息,比如答案等等。

<details>
  <summary>点击查看答案</summary>
  
  ### 答案
  
  1. 正确答案1;
  
  2. 正确答案2;
  
  </details>

同样是利用<details><summary>标签进行包裹,折叠的文本内容写在<details></details>之间。

三、Markdown折叠展开

在默认情况下,折叠内容是被折叠起来的,需要点击展开才能看到具体的内容。

<details>
  <summary>点击查看答案</summary>
  
  ### 答案
  
  1. 正确答案1;
  
  2. 正确答案2;
  
  </details>

代码中的<summary>标签中写入的文本即为默认展示的内容。

四、Markdown折叠语法

Markdown的折叠语法非常简单,总共只需要两个标签,分别是<details><summary>标签,具体语法如下所示:

<details>
  <summary>默认展示的内容</summary>
  需要折叠的内容
</details>

其中,<summary>标签中写入默认展示的文本,<details></details>标签中间写入需要折叠的内容。

五、Markdown折叠目录

有时候,在Markdown文档中需要添加目录,从而方便读者查看需要的内容,而折叠目录则是实现这一功能的一种有效方式。

<details>
  <summary>目录</summary>
  
  ### 目录
  
  * [第一章](#1)
  * [第二章](#2)
  * [第三章](#3)
  
</details>

这里的目录只是一个示例,但是可以看到,在<details>标签中,<summary>标签中写入了“目录”,而折叠的部分则是具体的目录内容,以列表形式呈现。

六、Markdown折叠效果

折叠的效果会因为具体的页面展示方式而有所不同,但是一般来说,点击标签时,就可以进行展开或者折叠。

在这里,我们使用一个示例进行演示:

<details>
  <summary>点击展开/折叠</summary>
  <p>这是一段需要折叠的内容,可以设置为需要。</p>
</details>

可以看到,点击“点击展开/折叠”这一部分时,可以展开或者折叠这一段文字,这就是折叠的效果。

七、Markdown折叠侧边栏

对于一些比较长的文章,有时候我们需要在侧边栏中添加一些目录,从而方便读者查看和导航文章的内容,而折叠侧边栏则是一种非常有效的方式。

-<details> 
       <summary>第一章</summary>
      -第一节
      -第二节 
  <details> 
        <summary>第二章</summary> 
      -第一节 
      -第二节 
  <details> 
        <summary>第三章</summary>
      -第一节 
      -第二节

通过在侧边栏添加折叠的目录,可以方便的导航长篇文章的内容,使得阅读更加流畅。

八、Markdown折叠部分内容

不仅可以折叠整个代码块,还可以折叠代码块中的某些部分内容,从而达到更好的查看效果。

<details>
  <summary>代码块</summary>
  
  ```python
  def mySum(a, b):
      s = a + b
      print("a + b = ", s)
      
  mySum(1, 2)
  ```
  
  
   
mySum函数的实现 ```python def mySum(a, b): s = a + b print("a + b = ", s) ```
</details>

在这个示例中,折叠了mySum函数的具体实现,从而可以提高代码的可读性,方便了代码的查看和修改。

九、Markdown折叠表格中的行

在表格中,有时候某些行比较长,可能会导致显示成了一条很长的横向行,而折叠这些行就是一个很好的解决方案。

| 姓名 | 年龄 | 性别 |  爱好 |
| ---- | ---- | ---- | ---- |
| 张三 | 20   | 男   |
   
音乐、编程、篮球 - 音乐 - 编程 - 篮球
| | 李四 | 25 | 女 |
读书、旅游、电影 - 读书 - 旅游 - 电影
|

通过在表格中添加折叠的内容,可以更好的组织和展示行信息,提高文档的可读性。