在 Jekyll 中使用 "details" 元素
什么是 details 元素
HTML
元素可创建一个组件,仅在被切换成展开状态时,它才会显示内含的信息。元素可为该部件提供概要或者标签。
演示
演示
这里是 Markdown 内容。
markdown
<details>
<summary>演示</summary>
这里是 **Markdown** 内容。
</details>
如何使用
- 按照说明切换到
CommonMarkGhPages
- 确保在
_config.yml
文件中的commonmark.options
选项中包含UNSAFE
- 享受这种简洁的用法
我的配置:
commonmark:
options: ["UNSAFE", "SMART", "FOOTNOTES"]
extensions: ["strikethrough", "autolink", "table"]
注意事项
<details>
<summary>注意事项</summary>
👆 这里的空行是必须的,以便在此处使用 **Markdown**。
</details>