博客园代码折叠

效果

使用方法

如果您使用博客园的 Markdown 编辑器，借助 HTML5 的

detail

• 在

  summary

  标签之间填写标题
• 在

  summary

  之后加入要折叠的内容

vscode 生成片段

如果您使用 vscode 编辑 Markdown，可以通过配置代码片段快速生成这个代码片段。

1. ctrl+shift+p 输入代码片段

1. 选择 markdown.json 并加入下面的内容

{
"Print to details": {
"prefix": "summary",
"body": [
"<details>",
"<summary>$1</summary>",
"",
"$2",
"",
"</details>",
],
}
}

1. 配置 vscode 使 Markdown 在 vsocode 中能够得到代码提示

vscode setting.json

{
"[markdown]": {
"editor.quickSuggestions": true
},
}

1. 使用