markdown中折叠代码

在写博客的时候有时候需要折叠代码,方法如下:

1. 在markdown编辑器中编辑

<details>
<summary>查看代码</summary>
<pre><code>  
&nbsp;
这里写需要被折叠的代码
&nbsp;
</code></pre>
</details>

2. 预览效果

查看代码
  
 
这里是被折叠的代码
 

3. 注意!

  1. 折叠代码不要放在markdown代码块中
  2. 如果要在折叠的代码中有空行,使用&nbsp; 注意分号是英文状态下的
```markdown
<details>
<summary>查看代码</summary>
<pre><code>  

这里是被折叠的代码
</code></pre>
</details>
\```
 ### 踩了个神坑,不要放入代码块中
posted @ 2020-07-01 09:59  s小毛驴  阅读(1060)  评论(0编辑  收藏  举报
返回顶部