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 | 女 |
讀書、旅遊、電影 - 讀書 - 旅遊 - 電影
|

通過在表格中添加摺疊的內容,可以更好的組織和展示行信息,提高文檔的可讀性。

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/306622.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2025-01-02 12:01
下一篇 2025-01-02 12:01

相關推薦

  • Python語法大全解析

    本文旨在全面闡述Python語法,並提供相關代碼示例,幫助讀者更好地理解Python語言。 一、基礎語法 1、Python的注釋方式 # 這是單行注釋 “”” 這是多行注釋,可以注…

    編程 2025-04-29
  • 二級考級舞蹈大全目錄

    本文將從以下多個方面對二級考級舞蹈大全目錄進行詳細闡述。 一、目錄結構 二級考級舞蹈大全目錄主要分為三級,即一級目錄、二級目錄和三級目錄。其中,一級目錄為舞蹈類型,二級目錄為舞蹈名…

    編程 2025-04-29
  • Python命令大全及說明

    Python是一種高級編程語言,由Guido van Rossum於1989年底發明。它具有良好的語法結構和面向對象的編程思想,具有簡潔、易讀、易學的特點,是初學者以及專業開發人員…

    編程 2025-04-29
  • Python海龜庫代碼大全

    Python海龜庫是Python語言中一個常用的繪圖庫,它提供了一套海龜繪圖的API,使得使用者可以通過編寫相應的代碼來控制海龜的行進路徑,從而實現各種圖形的繪製。本文將以Pyth…

    編程 2025-04-28
  • Python語句大全

    本文將詳細闡述Python語句大全,並給出代碼實例。 一、基本語句 Python基本語句包括賦值語句、條件語句、循環語句等,其中最基礎的是賦值語句。如下: a = 1 b = 2 …

    編程 2025-04-28
  • Python函數大全表

    Python是一種高級編程語言,被廣泛應用於數據科學、人工智慧、Web開發等領域。Python函數大全表是Python標準函數庫的一個大全,包括了Python中所有的標準函數及其用…

    編程 2025-04-27
  • Python函數用法大全

    本文主要介紹Python函數的用法,包括定義函數、參數傳遞、返回值、lambda表達式等方面。通過深入的學習,讀者將掌握Python函數的全面應用,提高自己的編程水平。 一、定義函…

    編程 2025-04-27
  • Python模塊庫大全官網

    Python模塊庫大全官網是一個全面收錄Python模塊庫的網站,開發者可以在該網站中找到自己需要的模塊庫、文檔、教程等資源,提高開發效率,降低開發成本。本文將從多個方面對Pyth…

    編程 2025-04-27
  • 旗杆圖片大全

    本文將從多個方面對旗杆圖片大全做詳細的闡述,提供完整的代碼示例。 一、圖片展示 首先,作為一個圖片大全,展示圖片是首要任務。 以下是HTML代碼示例: <div class=…

    編程 2025-04-27
  • Python標準庫大全

    Python標準庫是Python程序員必備的工具箱,它包含著豐富的模塊和函數,可實現眾多功能 一、基本數據類型 Python的基本數據類型包括整數、浮點數、複數、布爾值、字元串、字…

    編程 2025-04-27

發表回復

登錄後才能評論