TOC funktioniert nicht, wenn in HTML-Tags verpackt.

Unterstützung
1

Eine weitere Frage. Ich habe dem Beitrag ein zusätzliches div hinzugefügt. Jetzt sieht es so aus:

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

Aber das Inhaltsverzeichnis ist in diesem Fall nicht sichtbar. Wie kann das behoben werden?

2

Ich kenne deinen Zweck nicht, aber du kannst die Titel mit verschiedenen Methoden ansprechen.

  1. Verwende HTML-Titel-Tags mit data-Attributen, wie z. B. <h1>Kapitel 1</h1>, damit du [data-header-1] mit CSS ansprechen kannst.

  2. Füge eine leere Div mit einem data-Attribut an einer Stelle ein, die du zum Ansprechen nachfolgender Elemente verwenden kannst. Wenn du zum Beispiel <div></div> nach dem 2. Titel einfügst und dieses CSS hinzufügst:

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

    Wird daraus:

    image
    image730×725 32.4 KB

    Es hängt also wirklich von deinem Ziel ab.
    Diese Anleitung könnte hilfreich sein: Customize posts' contents with your own styles