# Obsidian에서 인용 블록을 강조 박스로 스타일링하기

**URL:** https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045
**Category:** Feature
**Tags:** composer, markdown
**Created:** [2월 1, 2025, 4:59오후 UTC](https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045 "2025-02-01T16:59:07Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![StefanoCecere](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stefanocecere/32/158064_2.png) [@StefanoCecere](https://meta.discourse.org/u/StefanoCecere)
#### Post date: [2월 1, 2025, 4:59오후 UTC](https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045/1 "2025-02-01T16:59:07Z")

</div>

많은 마크다운 에디터가 특정 키워드를 사용하여 인용 블록(blockquote)에 스타일을 적용할 수 있습니다. 예를 들어 Obsidian의 경우 [Callouts - Obsidian Help](https://help.obsidian.md/Editing+and+formatting/Callouts) 에 설명되어 있듯이 다음과 같은 방식으로 사용할 수 있습니다.

```plaintext
> [!tip] 콜아웃(Callout)에는 사용자 정의 제목을 추가할 수 있습니다.
> 이렇듯 말이죠.

```

 ![Screenshot 2025-02-01 at 17.58.48](https://global.discourse-cdn.com/meta/original/4X/b/a/7/ba7f5fdf7f25b491adbcde5317af7aefe8c14f75.png)

많은 분들이 Obsidian으로 콘텐츠를 동기화하기 시작하고 있는 만큼, 인용 블록에도 이러한 스타일링(커스텀 클래스 적용)을 사용할 수 있을까요?

이 포럼에서 관련 참고 자료를 찾을 수 없었습니다.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2월 1, 2025, 6:04오후 UTC](https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045/2 "2025-02-01T18:04:33Z")

</div>

좋은 아이디어입니다!

테마 컴포넌트를 사용하는 것이 합리적인 접근 방식일 수 있습니다 (_마크다운 플러그인을 편집하거나 새로 만드는 것보다 만들기가 더 쉽기 때문이죠_)  
간단히 시도해 보았습니다:

 ![The image displays a callout block with text in an editing interface, featuring a blurred section labeled "Info" and a highlighted section with the title "Custom title." (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/d/4/a/d4a164d2f8819cb8b681360fd5406d77432b92dd.png)

---

<div class="post-metadata">

### Author: ![StefanoCecere](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stefanocecere/32/158064_2.png) [@StefanoCecere](https://meta.discourse.org/u/StefanoCecere)
#### Post date: [2월 1, 2025, 6:08오후 UTC](https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045/3 "2025-02-01T18:08:43Z")

</div>

어떻게 그렇게 빨리 만들 수 있었어? 🙂

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2월 1, 2025, 6:18오후 UTC](https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045/4 "2025-02-01T18:18:13Z")

</div>

아직 완료되지 않았으며, 이는 단순히 빠르고 기본적인 미리보기입니다.  
문제가 있을 것이라고 확신합니다(예: 중첩된 인용문).

Discourse API는 매우 편리합니다. 생각보다 쉽습니다!  
남은 작업은 기본적으로 생성된 HTML을 재배치하는 것입니다.

아래 링크도 학습해 보시는 것을 권합니다: [Introduction to Discourse Development](https://meta.discourse.org/t/introduction-to-discourse-development/349939?silent=true)! 😄

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2월 1, 2025, 11:20오후 UTC](https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045/5 "2025-02-01T23:20:44Z")

</div>

인용 블록의 모서리를 둥글게 만들 수 있는 #customization:theme-component도 있습니다.

> [@Rounded Borders for images, oneboxes, blockquotes & more](https://meta.discourse.org/t/rounded-borders-for-images-oneboxes-blockquotes-more/232044):
>
> Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics. Allows change of the following settings set image rounding intensity set image border width set image border color set onebox rounding intensity change onebox border width change onebox border color change onebox background color set rounding blockquotes intensity remove left border from blockquotes set ‘staff color’ rounding intensity [topic thumbnail](https://meta.discourse.org/t/topic-list-thumbnails-theme-component/150602) support for: list ro…

그리고 Solved Quote를 커스터마이징하는 것도 있습니다.

> [@Discourse 해결됨 인용구 사용자 정의](https://meta.discourse.org/t/discourse-solved-quote-customization/232074):
>
> Hello wave This is a simple component to help customize the [Discourse Solved](https://meta.discourse.org/t/discourse-solved/30155) plugin solution quote on OP. Rounded The component have some settings to easily change colors or add rounded corners… hammer_and_wrenchRepository [GitHub - VaperinaDEV/discourse-solved-quote-customization · GitHub](https://github.com/VaperinaDEV/discourse-solved-quote-customization)questionInstall Guide [How to ins…](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)

이 링크들과 @Arkshine님이 공유한 링크를 연구해 보는 것이 좋은 시작점이 될 것입니다. 또한 브라우저에서 '요소 검사’를 사용하는 법도 배워 보세요.

---

<div class="post-metadata">

### Author: ![alehandrof](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alehandrof/32/119526_2.png) [@alehandrof](https://meta.discourse.org/u/alehandrof)
#### Post date: [2월 3, 2025, 2:33오후 UTC](https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045/6 "2025-02-03T14:33:42Z")

</div>

이 스타일링이 발송되는 이메일에도 적용되나요?

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2월 6, 2025, 10:15오후 UTC](https://meta.discourse.org/t/style-blockquotes-as-callouts-in-obsidian/350045/7 "2025-02-06T22:15:02Z")

</div>

지금 바로 시도해 볼 수 있습니다. TC를 출시했습니다. 기다려 주셔서 감사합니다! 🎉

> [@인용구 강조](https://meta.discourse.org/t/quote-callouts/350962):
>
> information_source요약 마크다운 인용구를 대체할 수 있는 Obsidian 스타일의 콜아웃(callouts)을 추가합니다.eyeglasses미리보기 [Theme Creator](https://discourse.theme-creator.io/theme/Arkshine/quote-callouts)hammer_and_wrench저장소 [GitHub - Arkshine/discourse-quote-callouts · GitHub](https://github.com/Arkshine/discourse-quote-callouts)question설치 가이드 [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookDiscourse 테마 초보자? [Discourse 테마 사용 입문 가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) 이 테마 컴포넌트 설치 이 테마 컴포넌트는 Discourse에서 마크다운 인용구의 대안으로 [Obsidian 스타일의 콜아웃](https://help.obsidian.md/Editing+and+formatting/Callouts)을 지원합니다. 콜아웃은 콘텐츠를 강조하고 게시글에 노트, 경고 또는 기타 특수 메시지를 추가하는 훌륭한 방법입니다.
