蓝色大肥鱼

GitHub 仓库卡片#

你可以添加链接到 GitHub 仓库的动态卡片，页面加载时会从 GitHub API 拉取仓库信息。

Fabrizz/MMM-OnSpotify

用 ::github{repo="<owner>/<repo>"} 这段代码创建 GitHub 仓库卡片。

1
::github{repo="saicaca/fuwari"}

Mermaid 图表#

mermaid 围栏代码块会渲染成图表，并跟随当前配色方案。

flowchart LR
    accTitle: Markdown rendering pipeline
    accDescr: Markdown source is transformed into semantic HTML and then enhanced as a themed SVG diagram.
    A[Markdown source] --> B[Astro content pipeline]
    B --> C[Semantic HTML]
    C --> D[Themed diagram]

提示块#

支持以下类型的提示块：note tip important warning caution

1
:::note
2
强调用户即使只是快速浏览也应当留意的信息。
3
:::
4

5
:::tip
6
帮助用户更好完成任务的补充信息。
7
:::

1
:::note[MY CUSTOM TITLE]
2
这是一条带自定义标题的 note。
3
:::

1
> [!NOTE]
2
> 也支持 GitHub 的语法。
3

4
> [!TIP]
5
> 也支持 GitHub 的语法。

1
这段内容 :spoiler[被隐藏了 **ayyy**]！

图片宽度与说明文字#

独立图片的替代文本中可带一个可选的 w-N% 宽度标记，而 Markdown 标题会渲染为图片下方居中的说明文字：

1
![图片说明 w-50%](./image.webp "可见的说明文字")

有效宽度范围是 w-1% 到 w-100%；无效标记会保留在替代文本中。宽度与说明文字相互独立——只写标题同样会产生说明文字：