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

推荐订阅源

Apple Machine Learning Research
Apple Machine Learning Research
J
Java Code Geeks
博客园 - 聂微东
Microsoft Azure Blog
Microsoft Azure Blog
量子位
T
Tailwind CSS Blog
Vercel News
Vercel News
I
InfoQ
Stack Overflow Blog
Stack Overflow Blog
U
Unit 42
Engineering at Meta
Engineering at Meta
L
LangChain Blog
大猫的无限游戏
大猫的无限游戏
D
Docker
博客园_首页
P
Proofpoint News Feed
月光博客
月光博客
T
The Blog of Author Tim Ferriss
MyScale Blog
MyScale Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Martin Fowler
Martin Fowler
腾讯CDC
N
Netflix TechBlog - Medium
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

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>