一、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 | 女 | 讀書、旅遊、電影
- 讀書 - 旅遊 - 電影 |
通過在表格中添加摺疊的內容,可以更好的組織和展示行信息,提高文檔的可讀性。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/306622.html