轻松记录您
灵感和创意

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 » markdown代码折叠语法
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍