什么是 details 元素

HTML

元素可创建一个组件,仅在被切换成展开状态时,它才会显示内含的信息。 元素可为该部件提供概要或者标签。

演示

演示

这里是 Markdown 内容。

markdown

<details>
<summary>演示</summary>

这里是 **Markdown** 内容。

</details>

如何使用

  1. 按照说明切换到 CommonMarkGhPages
  2. 确保在 _config.yml 文件中的 commonmark.options 选项中包含 UNSAFE
  3. 享受这种简洁的用法

我的配置:

commonmark:
  options: ["UNSAFE", "SMART", "FOOTNOTES"]
  extensions: ["strikethrough", "autolink", "table"]
注意事项
<details>
<summary>注意事项</summary>

👆 这里的空行是必须的,以便在此处使用 **Markdown**</details>