markdown代码折叠语法-坚果之云 Markdown

Markdown代码折叠与收起

介绍：有的时候，代码太长，全部展开显得很臃肿，所以我们可以采用代码折叠的方式。

Markdown很方便，但基本语法有些不足：比如无法使用折叠语法，无法让文字有不同的颜色。

这些功能可以实现，不过需要使用 html 语法进行扩展。这篇文章主要是整理一下这些技巧，方便更好的使用。

代码折叠

折叠语法：<details> 标签

<details>
  <summary>点击时的区域标题：点击查看详细内容</summary>
  <p> - 测试 测试测试</p>
  <pre><code>title，value，callBack可以缺省</code></pre>
</details>

details：折叠语法标签

summary：折叠语法展示的摘要

pre：以原有格式显示元素内的文字是已经格式化的文本

code：指定代码范例

blockcode：表示程序的代码块

<details>
  <summary>点击时的区域标题</summary>
  bash
  echo "hello shell"
  echo "hello python"
  
</details>

效果展示

点击时的区域标题：点击查看详细内容

点击时的区域标题

echo "hello shell"
echo "hello python"

markdown代码折叠语法