一、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 | 女 |
读书、旅游、电影
- 读书 - 旅游 - 电影
|
通过在表格中添加折叠的内容,可以更好的组织和展示行信息,提高文档的可读性。