惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Y
Y Combinator Blog
有赞技术团队
有赞技术团队
J
Java Code Geeks
H
Hackread – Cybersecurity News, Data Breaches, AI and More
美团技术团队
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Hugging Face - Blog
Hugging Face - Blog
人人都是产品经理
人人都是产品经理
酷 壳 – CoolShell
酷 壳 – CoolShell
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
C
Check Point Blog
博客园 - 【当耐特】
The GitHub Blog
The GitHub Blog
Recent Announcements
Recent Announcements
The Cloudflare Blog
Microsoft Azure Blog
Microsoft Azure Blog
腾讯CDC
Vercel News
Vercel News
IT之家
IT之家
MyScale Blog
MyScale Blog
博客园_首页
Martin Fowler
Martin Fowler
WordPress大学
WordPress大学
罗磊的独立博客

Tevin Zhang |

修复群晖 WebDAV 的 CORS 问题,不改 Nginx 独立开发者的开发者市场陷阱 我如何管理了 12 年的笔记 家用小型管理交换机对比 不要把企业当人看 在OpenBSD上进行私有Git托管 在 Yunohost 上备份 crontabs 联邦宇宙平台评估 数据存储与文明的衰落
在 Jekyll 中使用 “details” 元素
Tevin Zhang · 2023-08-11 · via Tevin Zhang |

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