개발자의 서랍장🗄️

콜아웃

2024년 10월 07일6 min read

콜아웃을 사용하여 노트의 흐름을 끊지 않고 추가 콘텐츠를 포함할 수 있습니다.

설명선을 만들려면 인용 부호의 첫 번째 줄에 추가합니다(여기서 는 _형식 식별자_입니다). 유형 식별자는 설명선의 모양과 느낌을 결정합니다. 사용 가능한 모든 유형을 보려면 지원되는 유형을 참조하세요.[!info]``info

> [!info]
> 
> Here's a callout block.
> It supports **Markdown**, [[Internal link|Wikilinks]], and [[Embed files|embeds]]!
> ![[Engelbart.jpg]]

Info

Here’s a callout block. It supports Markdown, Wikilinks and embeds! !

콜아웃은 Obsidian Publish에서도 기본적으로 지원됩니다.

Note

권고 플러그인도 사용하는 경우 새 콜아웃 기능의 문제를 방지하기 위해 버전 8.0.0 이상으로 업데이트해야 합니다.

제목 변경

기본적으로 설명선의 제목은 제목의 경우 유형 식별자입니다. 유형 식별자 뒤에 텍스트를 추가하여 변경할 수 있습니다.

> [!tip] Callouts can have custom titles
> 
> Like this one.

콜아웃에는 사용자 지정 제목이 있을 수 있습니다

이렇게.

본문을 생략하여 제목만 있는 설명선을 만들 수도 있습니다.

> [!tip] Title-only callout
>

제목만 설명선

접을 수 있는 설명선

유형 식별자 바로 뒤에 더하기(+) 또는 빼기(-)를 추가하여 콜아웃을 폴더블 모양으로 만들 수 있습니다.

더하기 기호는 기본적으로 콜아웃을 확장하고 빼기 기호는 콜아웃을 축소합니다.

> [!faq]- Are callouts foldable?
> 
> Yes! In a foldable callout, the contents are hidden when the callout is collapsed.

중첩된 콜아웃

콜아웃을 여러 수준으로 중첩할 수 있습니다.

> [!question] Can callouts be nested?
> 
> > [!todo] Yes!, they can.
> > > [!example]  You can even use multiple layers of nesting.

콜아웃을 중첩할 수 있습니까?

예!, 그들은 할 수 있습니다.

여러 중첩 레이어를 사용할 수도 있습니다.

설명선 사용자 지정

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 의 아이콘 ID 또는 SVG 요소일 수 있습니다.

lucide 아이콘 버전에 대한 참고 사항

Obsidian은 Lucide 아이콘을 주기적으로 업데이트합니다. 포함된 현재 버전은 아래와 같습니다. 이러한 아이콘 또는 이전 아이콘을 사용자 지정 설명선에 사용합니다.

버전
ISC 라이선스
Copyright (c) 2020, Lucide Contributors 0.268.0

SVG 아이콘

Lucide 아이콘을 사용하는 대신 SVG 요소를 설명선 아이콘으로 사용할 수도 있습니다.

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

지원되는 유형

여러 콜아웃 유형과 별칭을 사용할 수 있습니다. 각 유형에는 다른 배경색과 아이콘이 있습니다.

이러한 기본 스타일을 사용하려면 예제에서 [!tip]또는 [!warning]와 같은 형식으로 바꿉니다.

접히는 콜아웃은 [!tip]- 과 같은 방식을 사용합니다.

콜아웃 사용자 정의(Customize callouts)를 사용하지 않는 한, 지원되지 않는 모든 유형은 기본적으로 해당 유형으로 설정됩니다. 형식 식별자는 대/소문자를 구분하지 않습니다.note

메모

> [!note]
> 
> Lorem ipsum dolor sit amet

Note

> [!note]
> Lorem ipsum dolor sit amet

Aliases: summary, tldr

Aliases: hint, important

Aliases: check, done

Aliases: help, faq

Aliases: caution, attention

Aliases: fail, missing

Alias: error

Alias: cite

백링크

최근 게시글

그래프 뷰

최근 게시글