HTML 태그로 감싸면 TOC가 작동하지 않아요

제품 지원
1

또 다른 질문입니다. 게시물에 div를 하나 더 추가했습니다. 이제 다음과 같이 보입니다:

<div data-theme-toc="true"> </div>
<div data-theme-profile="manual">
## Chapter 1
## Chapter 2
</div>

하지만 이 경우 목차(TOC)가 표시되지 않습니다. 어떻게 수정할 수 있을까요?

2

귀하의 목적은 정확히 모르겠지만, 여러 가지 방법으로 제목을 타겟팅할 수 있습니다.

  1. <h1 data-header-1>Chapter 1</h1>와 같이 데이터 속성을 가진 HTML 제목 태그를 사용하여 CSS에서 [data-header-1]을 선택할 수 있습니다.

  2. 특정 지점에 데이터 속성을 가진 빈 div를 삽입하여 그 뒤에 오는 요소들을 타겟팅할 수 있습니다. 예를 들어, 두 번째 제목 뒤에 <div data-next-titles></div>를 넣고 다음 CSS를 추가하면:

    [data-next-titles] ~ .d-toc-post-heading {
    color: pink;
}

    다음과 같은 결과가 됩니다:

    image
    image730×725 32.4 KB

따라서 결국 목표에 따라 달라집니다.
아래 가이드가 도움이 될 수 있습니다: Customize posts' contents with your own styles