在 Obsidian 最新更新的 14.0 版本中,终于上线了 “Callout” 功能。

使用这样的符号就可以启用 callout 模块: > [!INFO].

> [!INFO]
> 
> 这里是callout模块
> 支持**markdown** 和 [[Internal link|wikilinks]].

呈现出来是这样的

样式

默认有 12 种风格。每一种有不同的颜色和图标。

只要把上面例子里的 INFO 替换为下面任意一个就行。

  • note
  • abstract, summary, tldr
  • info, todo
  • tip, hint, important
  • success, check, done
  • question, help, faq
  • warning, caution, attention
  • failure, fail, missing
  • danger, error
  • bug
  • example
  • quote, cite

标题和内容

可以自定义标题,然后直接不要主体部分,比如

> [!TIP] Callouts can have custom titles, which also supports **markdown**!
> 

折叠

可以使用 + 默认展开或者 - 默认折叠正文部分。

> [!FAQ]- Are callouts foldable?
> 
> Yes! In a foldable callout, the contents are hidden until it is expanded.

显示为:

如果需要自定义

Callout 的类型和图标是用 CSS 来描述,颜色是r, g, b 三色组,图标有相应的 icon ID (比如lucide-info)。也可以自定义 SVG 图标。

.callout[data-callout="my-callout-type"] {
    --callout-color: 0, 0, 0;
    --callout-icon: icon-id;
    --callout-icon: '<svg>...custom svg...</svg>';
}

参考自英文文档:Use callouts