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>
效果 文本内容
代码

图片描述:选中复制得到的内容

posted @ 2025-03-13 09:52  基础狗  阅读(87)  评论(0)    收藏  举报