Markdown内容折叠显示更多功能

Markdown语法支持折叠显示更多内容，您可以使用类似以下的语法来实现折叠显示功能：

基础使用

<details> <summary>点击展开查看更多</summary>
这里是要折叠显示的内容。
</details>

这样就可以在Markdown中创建折叠显示更多内容的效果了。
效果如下:

点击展开查看更多

这里是要折叠显示的内容。

---

当在Markdown中使用折叠显示更多功能时，可以通过一些HTML属性来进一步自定义按钮的样式、设置默认展开等。以下是一些常见的自定义设置：

设置按钮的大小和颜色

<details><summary style="color: blue; font-size: 20px;">点击展开查看更多</summary>
这里是要折叠显示的内容。
</details>

在 <summary> 标签中，通过 style 属性可以设置按钮的颜色和大小。
效果如下:

点击展开查看更多

这里是要折叠显示的内容。

设置按钮的图标

<details>
<summary><img src="" alt=""> 点击展开查看更多</summary>
这里是要折叠显示的内容。
</details>

在 <summary> 标签中，可以通过 <img> 标签插入图标，替代纯文本按钮。

设置默认展开

默认情况下，折叠内容是隐藏的，用户需要点击按钮才能展开。如果希望默认展开，可以使用 open 属性：

<details open> <summary>默认展开查看更多</summary>
这里是默认展开的内容。
</details>

在 <details> 标签中添加 open 属性，即可实现默认展开的效果。
效果如下:

默认展开查看更多

1. 这里是默认展开的内容。
2. 这里是默认展开的内容。
3. 这里是默认展开的内容。
4. 这里是默认展开的内容。