在 Jekyll 中使用 "details" 元素

什么是 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>