HTMLタグで囲むと目次が機能しません

別の質問です。投稿に追加の div を追加しました。現在は以下のようになっています。

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

しかし、この場合目次が表示されません。どのように修正すればよいでしょうか?

目的はわかりませんが、いくつかの方法でタイトルをターゲットにできます。

  1. HTMLのタイトルタグとdata-attributeを使用します。たとえば、[data-header-1]をCSSでターゲットできるように、<h1>Chapter 1</h1>のようにします。

  2. data-attributeを持つ空のdivを挿入して、後続の要素をターゲットにできます。たとえば、2番目のタイトルの後に<div></div>を配置し、このCSSを追加します。

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

    これにより、次のようになります。

    したがって、実際には目標によって異なります。
    このガイドがお役に立てば幸いです: Customize posts' contents with your own styles