關於markdown 折疊代碼塊

折疊代碼

自己平時也寫了不少博客，代碼全部平鋪在頁面上確實優點影響閱讀。想做一些修改。參考博客 markdown 折疊代碼 以及 markdown 里顯示 HTML 標簽

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

示例：

<details>
  <summary><mark><font color=darkred>查看代碼</font></mark></summary>
  <pre><code>  
<h1>標題</h1>
for i in a:
    print(i)
  </code></pre>
</details>

效果：

查看代碼

  
標題
for i in a:
    print(i)
  

注意：Markdown顯示HTML標簽以及轉義字符

上面的代碼已經折疊了，不知道大家發現沒有，我的 h1 標簽不見了。這就是說，我們在使用Markdown編輯器時，如果遇到HTML標簽，則編輯器會將內容轉換了，這就與我們原來的本意像違背了，如果我們只是想顯示一些標簽的字面內容而不想被轉換，這時我們需要懂得一些常用的轉義字符：

上面的折疊代碼可以這樣改

修改示例：

<details>
  <summary><mark><font color=darkred>查看代碼</font></mark></summary>
  <pre><code>  
&lt;h1&gt;標題&lt;/h1&gt;
//或者 &#60;h1&#62;標題&#60;/h1&#62;
for i in a:
    print(i)
  </code></pre>
</details>

效果：

查看代碼

  
<h1>標題</h1>
for i in a:
    print(i)
  

查看代碼

  
<h1>標題</h1>
for i in a:
    print(i)