Markdown_04_折疊語法

目錄

• 一、折疊語法
• 參考資料

一、折疊語法

主要使用的是 html5的 details標簽

（1）示例如下：

<details>
  <summary>折疊文本</summary>
  此處可書寫文本
  嗯，是可以書寫文本的
</details>


<details>
  <summary>折疊代碼塊</summary>
  <pre><code> 
     System.out.println("雖然可以折疊代碼塊");
     System.out.println("但是代碼無法高亮");
  </code></pre>
</details>

<details>
  <summary>折疊代碼塊</summary>
  <pre><blockcode> 
     System.out.println("雖然可以折疊代碼塊");
     System.out.println("但是代碼無法高亮");
  </blockcode></pre>
</details>

（2）效果如下：

折疊文本

此處可書寫文本 嗯，是可以書寫文本的

折疊代碼塊

 
     System.out.println("雖然可以折疊代碼塊");
     System.out.println("但是代碼無法高亮");
  

（3）解讀

• details：折疊語法標簽
• summary：折疊語法展示的摘要
• pre：以原有格式顯示元素內的文字是已經格式化的文本
• code：指定代碼塊

參考資料

1. 【MarkDown】使用Html樣式和折疊語法
2. 讓你的md文檔可折疊化展示 #155