이미지에 캡션을 추가하는 Image Captions 플러그인

개요

Image Captions는 노트내 이미지에 캡션을 추가해주는 플러그인입니다. 

Plugin Info

플러그인 명	Image Captions
플러그인 설명	노트내 이미지에 캡션을 추가
플러그인 분류	파일 관리, 이미지 관리
Github 링크	Github 링크
옵시디언 링크	플러그인 링크
별점	⭐

예시

사용 방법

캡션 추가

![[image.jpg|이것은 캡션입니다]]
![이것은 캡션입니다](image.jpg)

이미지 크기 조정

이미지 크기를 조정하려면 옵시디언의 기존 너비 매개변수를 사용할 수 있습니다.

![[image.jpg|이것은 캡션입니다|150]]
![이것은 캡션입니다|150](image.jpg)

캡션 내 마크다운 사용

캡션에 인라인 마크다운을 포함할 수 있으며, 이는 캡션의 일부로 렌더링됩니다.

![[image.jpg|이것은 **굵은 텍스트**가 포함된 캡션입니다]]
![[image.jpg|이것은 [Obsidian으로의 링크](https://obsidian.md)가 있는 캡션입니다]]

위키링크를 사용하려면 대괄호 [[]]를 각괄호 <<>>로 바꿔야 합니다.

![[image.jpg|이것은 <<위키링크>>가 있는 캡션입니다]]

파일 이름을 캡션으로 사용

이미지 파일 이름을 캡션으로 사용하려면, 캡션으로 %를 지정하면 확장명 없이 파일 이름으로 대체됩니다:

![[image.jpg|%]]

% 문자를 캡션으로 그대로 사용하고 싶다면, 이스케이프할 수 있습니다.

![[image.jpg|\%]]

확장명을 포함한 파일 이름을 사용하려면 %.%를 사용합니다.

Css Snippet

CSS 스타일링은 .image-captions-figure와 .image-captions-caption 클래스를 대상으로 적용할 수 있습니다.

.theme-dark .image-captions-figure,
.theme-dark .image-captions-caption {
  background: #333;
}

.theme-light .image-captions-figure,
.theme-light .image-captions-caption {
  background: #eee;
}

제한 사항

외부 링크는 편집모드에서 캡션이 나타나지 않습니다. 

![Not visible in Editing mode](https://obsidian.md/logo.png)

관련 글

이미지에 캡션을 추가하는 Image Caption 플러그인

---