El TOC no funciona al envolverlo con etiquetas HTML

Soporte
1

Otra pregunta. Añadí un div extra a la publicación. Ahora se ve así:

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

Pero el TOC no es visible en este caso. ¿Cómo se puede solucionar?

2

No conozco tu propósito, pero puedes apuntar a los títulos usando varios métodos.

  1. Usa etiquetas de título HTML con atributos de datos, como <h1>Chapter 1</h1> para que puedas apuntar a [data-header-1] con CSS.

  2. Inserta un div vacío con un atributo de datos en algún momento, que puedes usar para apuntar a los elementos siguientes. Por ejemplo, poner <div data-next-titles></div> después del segundo título y agregar este CSS:

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

    Haría esto:

    image
    image730×725 32.4 KB

Así que, realmente depende de tu objetivo.
Esta guía podría ser de ayuda: Customize posts' contents with your own styles