【博客框架不支持渲染Callouts格式，自己魔改了框架】

Callout 是 Obsidian 的特有语法，源于 markdown的引用。其他地方也可以看见这种卡片。

需要注意，Callout 的名称中不能包含空格。

自定义标题

  • +型 +号后面有空格才行 (默认展开，可以点击∨后折叠，变成和-型一样)
1
2
> [!INFO]+ 请输入标题
> 正文
▸请输入标题

正文

如果需要换行：

1
2
3
4
> [!INFO]+ 请输入标题
> 正文1
> 
> 正文2
▸请输入标题

正文 1

正文 2

  • -型(默认是折叠的，点击 > 后会展开，变成和+型一样。)
1
2
>[!INFO]- 请输入标题
>正文
▸请输入标题

正文


自带格式类型

笔记

  • 样例
  • info
1
2
3
> [!INFO] 
> 这里是callout的info模块 
> 支持**markdown** 和 [[Internal link|wikilinks]].
info

这里是callout的info模块
支持markdown 和 [[Internal link|wikilinks]].

其它只要把INFO改掉就行,改成对应的大写会出现各种颜色和图标

  • note
1
2
> [!NOTE]
> 这里是callout的note模块
note

这里是callout的note模块

摘要

  • abstract
1
2
> [!ABSTRACT]
> 这里是callous的abstract模块
abstract

这里是callous的abstract模块

  • summary
1
2
> [!SUMMARY]
> 这里是callouts的summary模块
summary

这里是callouts的summary模块

  • tldr
1
2
> [!TLDR]
> 这里是callouts的tldr模块
tldr

这里是callouts的tldr模块

重点与提示

  • tip
1
2
> [!TIP]
> 这里是callouts的tip模块
tip

这里是callouts的tip模块

  • hint
1
2
> [!HINT]
> 这里是callouts的hint模块
hint

这里是callouts的hint模块

  • important
1
2
> [!IMPORTANT]
> 这里是callouts的important模块
important

这里是callouts的important模块

警告与报错

  • warning
1
2
> [!WARNING]
> 这里是callouts的warning模块
warning

这里是callouts的warning模块

  • caution
1
2
> [!CAUTION]
> 这里是callouts的caution模块
caution

这里是callouts的caution模块

  • attention
1
2
> [!ATTENTION]
> 这里是callouts的attention模块
attention

这里是callouts的attention模块

  • failure
1
2
> [!FAILURE]
> 这里是callouts的failure模块
failure

这里是callouts的failure模块

  • fail
1
2
> [!FAIL]
> 这里是callouts的fail模块
fail

这里是callouts的fail模块

  • missing
1
2
> [!MISSING]
> 这里是callouts的missing模块
missing

这里是callouts的missing模块

  • danger
1
2
> [!DANGER]
> 这里是callouts的danger模块
danger

这里是callouts的danger模块

  • error
1
2
> [!ERROR]
> 这里是callouts的error模块
error

这里是callouts的error模块

  • bug
1
2
> [!BUG]
> 这里是callouts的bug模块
bug

这里是callouts的bug模块

引用

  • example
1
2
> [!EXAMPLE]
> 这里是callouts的example模块
example

这里是callouts的example模块

  • quote
1
2
> [!QUOTE]
> 这里是callouts的quote模块
quote

这里是callouts的quote模块

  • cite
1
2
> [!CITE]
> 这里是callouts的cite模块
cite

这里是callouts的cite模块

问题与帮助

  • question
1
2
> [!QUESTION]
> 这里是callouts的question模块
question

这里是callouts的question模块

  • help
1
2
> [!HELP]
> 这里是callouts的help模块
help

这里是callouts的help模块

  • faq
1
2
> [!FAQ]
> 这里是callouts的faq模块
💬faq

这里是callouts的faq模块

代办与已办

  • todo
1
2
> [!TODO]
> 这里是callouts的todo模块
💬todo

这里是callouts的todo模块

  • success
1
2
> [!SUCCESS]
> 这里是callouts的success模块
success

这里是callouts的success模块

  • check
1
2
> [!CHECK]
> 这里是callouts的check模块
💬check

这里是callouts的check模块

  • done
1
2
3
> [!DONE]
> 这里是callouts的done模块

💬done

这里是callouts的done模块


自定义格式类型

自定义Callouts 需要控制两个变量, 颜色和图标。
如果想要获得一个名为 custom-type 的模板，则创建一个 css 文件：

1
2
3
4
.callout[data-callout="custom-type"] {
    --callout-color: 0, 0, 0;
    --callout-icon: lucide-alert-circle;
}

图标代码可以从 Lucide 找到，也可以使用自己找的 svg 图标。
格式：

1
--callout-icon: '<svg>...custom svg...</svg>';

使用：

1
2
> [!custom-type] Title
> Contents

同样可以基于 css 语法调整宽度高度等等。