Quartz支持与Obsidian相同的警告标注语法。
这包括
- 12种不同的标注类型(每种都有多个别名)
- 可折叠标注
> [!info] Title
>
> This is a callout!
请参阅此处的支持类型和语法文档。
Warning
想知道为什么即使启用了callout也不会显示?您可能需要对插件进行重新排序,让ObsidianFlavoredMarkdown在SyntaxHighlighting之后。
自定义
callout是ObsidianFlavoredMarkdown插件的一个功能。请参阅插件页面,了解如何启用或禁用它们。
您可以通过自定义quartz/styles/callouts.scss
来编辑图标。
添加自定义标注
默认情况下,通过应用note
样式来处理自定义标注。要制作精美的,您必须将这些行添加到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编码的。你可以使用像this one 这样的工具帮助你做到这一点。
示例
Info
Default title
Can callouts be nested?
Yes!, they can. And collapsed!
You can even use multiple layers of nesting.
Note
Aliases: “note”
Abstract
Aliases: “abstract”, “summary”, “tldr”
Info
Aliases: “info”
Todo
Aliases: “todo”
Tip
Aliases: “tip”, “hint”, “important”
Success
Aliases: “success”, “check”, “done”
Question
Aliases: “question”, “help”, “faq”
Warning
Aliases: “warning”, “attention”, “caution”
Failure
Aliases: “failure”, “missing”, “fail”
Danger
Aliases: “danger”, “error”
Bug
Aliases: “bug”
Example
Aliases: “example”
Quote
Aliases: “quote”, “cite”