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

サポート
1

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

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

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

2

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

  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;
}

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

    image
    image730×725 32.4 KB

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