使用标注可以在不打乱笔记行文的情况下添加额外内容。
要创建标注,将 `[!info]` 添加到引用块的第一行即可。其中 `info` 是 _类型标识符_。类型标识符决定了标注的外观。要查看所有可用类型,请参阅[[#支持的类型]]。
```markdown
> [!info]
> 这是一个标注块。
> 它支持 **Markdown**、[[Internal links|内部链接]] 和 [[Embed files|嵌入]]!
> ![[Engelbart.jpg]]
```
> [!info]
> 这是一个标注块。
> 它支持 **Markdown**、[[内部链接|内部链接]] 和 [[插入文件|嵌入]]!
> ![[Engelbart.jpg]]
在[[发布服务简介|Obsidian 发布服务]]中也原生支持标注。
> [!note]
> 如果你同时使用 Admonitions 插件,应将其更新至 8.0.0 版本以上,以避免与标注功能冲突的问题。
### 修改标题
默认情况下,标注的标题是其类型标识符。你可以在类型标识符后添加文本来更改它:
```markdown
> [!tip] 标注可以有自定义标题
> 就像这个一样。
```
> [!tip] 标注可以有自定义标题
> 就像这个一样。
你甚至可以省略内容,创建仅带标题的标注:
```markdown
> [!tip] 仅标题的标注
```
> [!tip] 仅标题的标注
### 可折叠标注
你可以通过在类型标识符后添加加号(+)或减号(-)来使标注可折叠。
加号表示标注默认展开,减号表示标注收起。
```markdown
> [!faq]- 标注可以折叠吗?
> 可以!在可折叠标注中,当标注收起时,内容会被隐藏。
```
> [!faq]- 标注可以折叠吗?
> 可以!在可折叠标注中,当标注收起时,内容会被隐藏。
### 嵌套标注
你可以多层嵌套标注。
```markdown
> [!question] 标注可以嵌套吗?
> > [!todo] 可以。
> > > [!example] 你甚至可以使用多层嵌套。
```
> [!question] 标注可以嵌套吗?
> > [!todo] 可以。
> > > [!example] 你甚至可以使用多层嵌套。
### 自定义标注
[[CSS 代码片段]] 和 [[第三方插件]] 可以定义自定义标注,甚至覆盖默认配置。
要定义自定义标注,需创建以下 CSS 代码:
```css
.callout[data-callout="custom-question-type"] {
--callout-color: 0, 0, 0;
--callout-icon: lucide-alert-circle;
}
```
`data-callout` 属性的值是你想要使用的类型标识符,例如 `[!custom-question-type]`。
- `--callout-color` 使用三个数字(0-255)定义背景颜色的红色、绿色和蓝色分量。
- `--callout-icon` 是类型的图标,其可以是 [lucide.dev](https://lucide.dev) 的图标 ID,或者一个 SVG 图标。
> [!warning] 关于 lucide 图标版本的说明
> Obsidian 定期更新 Lucide 图标。当前使用的版本如下所示。请在自定义标注中使用该版本或更早版本的图标。
> ![[贡献者#^lucide]]
> [!tip] SVG 图标
> 除了使用 Lucide 图标,你也可以使用 SVG 图标作为标注图标。
>
> ```css
> --callout-icon: '<svg>...自定义 svg...</svg>';
> ```
### 支持的类型
Obsidian 内置了多种标注类型。每种类型都带有不同的背景颜色和图标。
要使用这些默认样式,请将示例中的 `info` 替换为任何这些类型,比如 `[!tip]` 或 `[!warning]`。
除非使用[[#自定义标注]],否则任何不支持的类型都会默认为 `note` 类型。类型标识符不区分大小写,但部分类型有别名。
> [!note]
> ```md
> > [!note]
> > Lorem ipsum dolor sit amet
> ```
---
> [!abstract]-
> ```md
> > [!abstract]
> > Lorem ipsum dolor sit amet
> ```
别名:`summary`,`tldr`
---
> [!info]-
> ```md
> > [!info]
> > Lorem ipsum dolor sit amet
> ```
---
> [!todo]-
> ```md
> > [!todo]
> > Lorem ipsum dolor sit amet
> ```
---
> [!tip]-
> ```md
> > [!tip]
> > Lorem ipsum dolor sit amet
> ```
别名:`hint`,`important`
---
> [!success]-
> ```md
> > [!success]
> > Lorem ipsum dolor sit amet
> ```
别名:`check`,`done`
---
> [!question]-
> ```md
> > [!question]
> > Lorem ipsum dolor sit amet
> ```
别名:`help`,`faq`
---
> [!warning]-
> ```md
> > [!warning]
> > Lorem ipsum dolor sit amet
> ```
别名:`caution`,`attention`
---
> [!failure]-
> ```md
> > [!failure]
> > Lorem ipsum dolor sit amet
> ```
别名:`fail`,`missing`
---
> [!danger]-
> ```md
> > [!danger]
> > Lorem ipsum dolor sit amet
> ```
别名:`error`
---
> [!bug]-
> ```md
> > [!bug]
> > Lorem ipsum dolor sit amet
> ```
---
> [!example]-
> ```md
> > [!example]
> > Lorem ipsum dolor sit amet
> ```
---
> [!quote]-
> ```md
> > [!quote]
> > Lorem ipsum dolor sit amet
> ```
别名:`cite`