Markdown 模式下 代碼的折疊與展開

代碼折疊

背景

在黏貼代碼塊的時候代碼快太多導致文章臃腫,markdown編輯器本身語法不足不支持代碼的折疊與展開,故需要使用html語法來拓展其功能

實現

折疊語法：<details> 標簽

<details>
  <summary>點擊時的區域標題：點擊查看詳細內容</summary>
  <p> - 測試 測試測試</p>
  <pre><code>title，value，callBack可以缺省</code></pre>
</details>

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

效果展示

點擊時的區域標題：點擊查看詳細內容

HelloWorld

轉載自大專欄:https://www.dazhuanlan.com/2019/12/13/5df2e9e27b568/

博客園背景設置

鏈接:https://www.dbnuo.com/Cnblogs-Theme-SimpleMemory/docs/v2/#/