Sumário não funciona quando encapsulado com tags HTML

Suporte
1

Outra pergunta. Adicionei um div extra ao post. Agora ele aparece assim:

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

Mas o TOC não está visível neste caso. Como posso corrigir isso?

2

Não sei qual é o seu propósito, mas você pode segmentar os títulos usando vários métodos.

  1. Use tags de título HTML com atributos de dados, como <h1>Capítulo 1</h1> para que você possa segmentar [data-header-1] com CSS.

  2. Insira uma div vazia com um atributo de dados em algum ponto, que você pode usar para segmentar os elementos seguintes. Por exemplo, colocar <div data-next-titles></div> após o 2º título e adicionar este CSS:

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

    Isso fará com que:

    image
    image730×725 32.4 KB

Portanto, realmente depende do seu objetivo.
Este guia pode ser de alguma ajuda: Customize posts' contents with your own styles