Blog do Notion no oopy: plugin customizado de floating table of contents

Este é um floating table of contents que pode ser aplicado ao blog do Notion no oopy.

[Recursos]

1. Foi implementado com a mesma UI do floating table of contents que aparece à direita no Notion. (exceto o popover exibido no hover)
2. Ao clicar no indicador, a rolagem é movida / o indicador mostra a posição atual.

[Método de instalação]

1. Página de administração do oopy > editar HTML > adicione a tag script abaixo ao body e salve
2. <script src="https://roseline124.github.io/custom-js/…;
3. Após limpar o cache, faça um hard refresh

[Diferenças em relação ao floating-toc do oopy]

Também existe o recurso experimental floating-toc criado pelo oopy.
https://www.oopy.io/ko/guides/tips-and-tricks/floating-toc

Diferente do floating-toc do oopy, este plugin customizado

1. detecta headings e os exibe como indicadores mesmo sem um bloco de table of contents.
2. funciona em todas as páginas que tenham headings, sem precisar configurar página por página.
3. o floating-toc mostra todo o texto das heading tags, mas este plugin, para não invadir a área de conteúdo, exibe apenas 4 a 6 caracteres ao passar o mouse sobre o indicador. (desvantagem)

[guseod24]

• Agora também reproduzimos exatamente o popover do Notion!