标注框

Quartz 支持与 Obsidian 相同的 Admonition 标注语法。

该功能包含：

• 12 种不同的标注类型（每种类型有多个别名）
• 可折叠的标注框

> [!info] Title
> 
> This is a callout!

请参阅此处有关支持的类型和语法的文档。

Warning

想知道为什么启用了标注功能却仍不显示？您可能需要重新排序插件，确保ObsidianFlavoredMarkdown插件位于SyntaxHighlighting插件_之后_。

自定义设置

标注功能由ObsidianFlavoredMarkdown插件提供。关于启用或禁用该功能，请参阅插件页面。

您可以通过自定义quartz/styles/callouts.scss文件来编辑图标样式。

添加自定义标注

默认情况下，自定义标注通过应用note样式进行处理。要创建更精美的标注样式，您需要将以下代码添加至custom.scss文件中：

.callout[data-callout="custom-question"] {
    --callout-icon: lucide-help-circle;
    --callout-color: 0, 120, 223;
}

> [!custom-question]
> 
> 这是一个自定义问题标注示例

quartz/styles/custom.scss

.callout {
  &[data-callout="custom"] {
    --color: #customcolor;
    --border: #custombordercolor;
    --bg: #custombg;
    --callout-icon: url("data:image/svg+xml; utf8, <custom formatted svg>"); //SVG icon code
  }
}

Warning

别忘了确保在将 SVG 放入 CSS 前进行 URL 编码。你可以使用这个工具来帮助完成编码。

示例展示

Info

默认标题

标注块可以_嵌套_吗？

可以！而且还能折叠！

你甚至可以使用多层嵌套

Note

别名：“note”

Abstract

别名：“abstract”, “summary”, “tldr”

Info

别名：“info”

Todo

别名：“todo”

Tip

别名：“tip”, “hint”, “important”

Success

别名：“success”, “check”, “done”

Question

别名：“question”, “help”, “faq”

Warning

别名：“warning”, “attention”, “caution”

Failure

别名：“failure”, “missing”, “fail”

Danger

别名：“danger”, “error”

Bug

别名：“bug”

Example

别名：“example”

Quote

别名：“quote”, “cite”