Markdown 文档可折叠化展示
在 使用 Markdown 的过程中,我们可能想要将一些内容进行折叠以进行更好的页面展示。那么如何实现呢?
我们可以这样写,就可以达到折叠的目的。 写一个问题与答案的折叠。
## Q&A
<details>
<summary>erdong.site 是什么?</summary>
* erdong.site 是耳东的个人博客地址。
* 该博客创建于 2018 年,持续进行更新。
</details>
<details>
<summary>erdong.site 博客的主要内容是什么?</summary>
erdong.site 博客以博主个人的学习记录为主,记录学习工作中遇到的知识点,以云原生、操作系统、运维知识为主,持续进行整理发布。
</details>
我们看一下预览效果
Q&A
erdong.site 是什么?
* erdong.site 是耳东的个人博客地址。 * 该博客创建于 2018 年,持续进行更新。erdong.site 博客的主要内容是什么?
erdong.site 博客以博主个人的学习记录为主,记录学习工作中遇到的知识点,以云原生、操作系统、运维知识为主,持续进行整理发布。预览结束
我们从预览效果来看,在折叠的内容里依然支持引用、排序等格式。这样我们基本的需求都满足了。
我们看一下目录的预览效果。
第一章 数据展示
* [1.1 什么是 Grafana](chapterF-01-Analytics-Platform/F-1.1-what-is-grafana.md) * [1.2 定制 Grafana 首页](chapterF-01-Analytics-Platform/F-1.2-change-the-default-home-dashboard.md) * [小结](chapterF-01-Analytics-Platform/END.md)第二章 指标监控
* [2.1 Prometheus](chapterF-02-Metrics-Monitor/F-2.1-prometheus.md) * [2.2 Zabbix 介绍](chapterF-02-Metrics-Monitor/F-2.2-zabbix-introduction.md) * [小结](chapterF-02-Metrics-Monitor/END.md)
写法是
```
第一章 数据展示
* [1.1 什么是 Grafana](chapterF-01-Analytics-Platform/F-1.1-what-is-grafana.md) * [1.2 定制 Grafana 首页](chapterF-01-Analytics-Platform/F-1.2-change-the-default-home-dashboard.md) * [小结](chapterF-01-Analytics-Platform/END.md)
第二章 指标监控
```