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)

第二章 指标监控

```

results matching ""

    No results matching ""