Markdown 文档可折叠化展示

关注

发布于: 2021 年 04 月 15 日

在使用 Markdown 的过程中，我们可能想要将一些内容进行折叠以进行更好的页面展示。那么如何实现呢？

我们可以这样写，就可以达到折叠的目的。写一个问题与答案的折叠。

## Q&A
<details>  <summary>erdong.site 是什么？</summary>
  * erdong.site 是耳东的个人博客地址。
  * 该博客创建于 2018 年，持续进行更新。</details>
<details>  <summary>erdong.site 博客的主要内容是什么？</summary>
erdong.site 博客以博主个人的学习记录为主，记录学习工作中遇到的知识点，以云原生、操作系统、运维知识为主，持续进行整理发布。

</details>

复制代码

我们看一下预览效果

Q&A

<details><summary>erdong.site 是什么？</summary>

erdong.site 是耳东的个人博客地址。
该博客创建于 2018 年，持续进行更新。</details>

<details><summary>erdong.site 博客的主要内容是什么？</summary>

erdong.site 博客以博主个人的学习记录为主，记录学习工作中遇到的知识点，以云原生、操作系统、运维知识为主，持续进行整理发布。</details>

预览结束

我们从预览效果来看，在折叠的内容里依然支持引用、排序等格式。这样我们基本的需求都满足了。

我们看一下目录的预览效果。

<details><summary>第一章数据展示</summary>

<details><summary>第二章指标监控</summary>

写法是

<details>  <summary>   第一章  数据展示  </summary>
  * [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)</details>
<details>  <summary>第二章 指标监控  </summary>
  * [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)<details>

复制代码

说明: 本文只记录了编写方式，由于写作平台不支持该 Markdown 格式，所以无法显示效果。

发布于: 2021 年 04 月 15 日阅读数: 12

原文链接:【http://xie.infoq.cn/article/1a6c0d1f4aa88b63cd93bd377】。文章转载请联系作者。

耳东

关注

还未添加个人签名 2020.05.24 加入

主要研究分享运维技术，专注于监控、CICD、操作系统、云原生领域，公众号【耳东学堂】，知识星球同名，坚持原创，希望能和大家在运维路上结伴而行邮箱：erdong@mail.erdong.site

发布

暂无评论

创作场景

Markdown 文档可折叠化展示

Q&A

预览结束

耳东

评论