博客园代码折叠

效果

使用方法

如果您使用博客园的 Markdown 编辑器，借助 HTML5 的 detail 标签就可以轻松实现。

<details>
  <summary>标题</summary>

</details>

• 在 summary 标签之间填写标题
• 在 summary 之后加入要折叠的内容

请注意：在要折叠的内容前插入一行空格。details + summary 不仅可以折叠代码块，还可以折叠任意内容。

默认展开的可折叠内容

如果需要可折叠的代码块默认展开，给 details 标签添加 open 属性。

<details open>
  <summary>标题</summary>

  这是要折叠的内容
</details>

标题

这是要折叠的内容