TOC non funziona quando inserito in tag HTML

Supporto
1

Un’altra domanda. Ho aggiunto un div extra al post. Ora appare così:

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

Ma in questo caso il TOC non è visibile. Come posso risolvere il problema?

2

Non conosco il tuo scopo, ma puoi puntare ai titoli utilizzando diversi metodi.

  1. Usa i tag title HTML con attributi data, come <h1>Capitolo 1</h1> in modo da poter puntare a [data-header-1] con CSS.

  2. Inserisci un div vuoto con un attributo data in un certo punto, che puoi usare per puntare agli elementi successivi. Ad esempio, mettendo <div data-next-titles></div> dopo il 2° titolo e aggiungendo questo CSS:

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

    Renderà questo:

    image
    image730×725 32.4 KB

    Quindi, dipende davvero dal tuo obiettivo.
    Questa guida potrebbe esserti d’aiuto: Customize posts' contents with your own styles