Markdown使用html实现折叠

一、文字

<details>
<summary>效果</summary>
文本内容
</details>

效果

文本内容

二、代码块

<details>
<summary>效果</summary>
```
代码
```
</details>

效果

代码

三、图片

<details>
<summary>效果</summary>
![图片描述：选中复制得到的内容](图片链接)
</details>

效果

四、图文混排

4.1文字与图片

<details>
<summary>效果</summary>
文本内容

![图片描述：选中复制得到的内容](图片链接)
</details>

效果

文本内容

4.2代码与图片

<details>
<summary>效果</summary>

```
代码
```

![图片描述：选中复制得到的内容](图片链接)
</details>

效果

代码

4.3文字、代码与图片

<details>
<summary>效果</summary>
文字

```
代码
```

![图片描述：选中复制得到的内容](图片链接)
</details>

效果

文本内容

代码