노트에 목차(TOC)를 생성해주는 Dynamic ToC 플러그인

개요

Dynamic ToC 플러그인은 옵시디언 노트에 목차를 생성하고 노트가 변경되면 자동으로 목차가 업데이트되는 플러그인입니다.

Plugin Info

플러그인 명	Obsidian Dynamic ToC
플러그인 설명	노트에 목차(TOC)를 생성
플러그인 분류	입력 지원, 목차
Github 링크	Github 링크
별점	⭐⭐

이 플러그인의 제작자는 2022년 8월 13일에 플러그인 유지 관리를 중단했으므로 향후 Obsidian 버전에서 호환성이나 기타 문제가 발생할 수 있습니다. 외부 렌더링 기능과 CSS 스타일 변경기능을 사용하지 않는다면, Automatic Table Of Contents 플러그인을 사용하는 걸 추천합니다.

설치 방법

이 플러그인은 베타 플러그인입니다. 베타 플러그인의 설치 방법은 BRAT을 참고해주세요

사용 방법

기본 설정

```toc
style: bullet | number | inline (기본값: bullet)
min_depth: number (기본값: 2)
max_depth: number (기본값: 6)
title: string (기본값: undefined)
allow_inconsistent_headings: boolean (기본값: false)
delimiter: string (기본값: |)
varied_style: boolean (기본값: false)
```

예시

```toc
style: number
min_depth: 1
max_depth: 6
```

문서마다 옵션을 지정하거나 설정에서 기본값을 덮어쓸 수 있습니다. 항상 사용하려는 설정이 있다면, 사용법은 다음과 같습니다:

```toc

```

제목

설정의 제목 옵션을 사용하거나 코드 블록 내부에 인라인으로 제목을 추가함으로써 모든 삽입된 목차에 제목을 추가할 수 있습니다:

```toc
title: "## 목차"
```

인라인 스타일

인라인 스타일은 H2 ## 2레벨 제목과 같은 최상위 레벨의 헤딩을 렌더링하며, 구분자 옵션과 결합하여 헤딩에 대한 breadcrumbs같은 효과를 생성할 수 있습니다.

다양한 스타일

다양한 스타일을 사용하면 헤딩의 최상위 레벨을 설정하고 나머지 레벨은 반대 스타일로 설정할 수 있습니다. 예를 들어, varied_style을 true로 설정하고 목록 스타일이 bullet인 경우, 첫 번째 레벨은 bullet이고 이후의 제목은 숫자 스타일이 됩니다.

 

Style: Bullet

Style: number

External Rendering Support

다른 마크다운 에디터와의 호환성을 위해 External Rendering Support 설정에서 사용자 정의를 추가할 수 있습니다.

• [toc]/[TOC]
• 또는 [[_TOC_]]

템플릿에 간단히 [TOC]만 입력하면 목차가 출력됩니다. 호환성 뿐만 아니라 편의성을 위해서 사용됩니다.

Support All External Renderer

Support All External Renderer을 활성화 하면 모든 렌더러를 지원할 수 있습니다.

[/toc/]

{{toc}}

[[__TOC__]]

[toc]

CSS 스타일 변경

CSS 스타일을 변경해서 Wiki 스타일의 목차를 만들 수 있습니다.

.dynamic-toc {
    display: block;
    background-color: var(--background-modifier-hover);
    border: var(--properties_window-border);
    padding: 12px 10px 12px 0px;
    width: max-content;
    min-width:200px
}
.dynamic-toc h1,
.dynamic-toc h2,
.dynamic-toc h3,
.dynamic-toc h4,
.dynamic-toc h5 {
    margin: 0 0 0 10px;
    font-size: 1em;
}
.dynamic-toc ol::before {
    display: none !important;
}
.dynamic-toc > ol {
    padding-left: 40px !important;
}
.dynamic-toc ol {
    margin: 10px 0 0;
    font-size: 0.9em;
    padding-left: 20px;
}
.dynamic-toc ol > li::marker {
    color: var(--link-color);
}
.dynamic-toc ol > li a {
    color: var(--list-marker-color) !important;
  text-decoration:none !important;
}

관련 플러그인

노트에 목차(TOC)를 생성해주는 Automatic Table Of Contents 플러그인

화면 한쪽에 고정된 목차을 보여주는 Floating TOC 플러그인

---