Blog de Notion en oopy: plugin personalizado de tabla de contenido flotante

Es una tabla de contenido flotante que se puede aplicar a un blog de Notion en oopy.

[Características]

1. Está implementada con la misma UI que la tabla de contenido flotante que aparece a la derecha en Notion. (Excepto el popover que aparece al pasar el cursor)
2. Al hacer clic en el indicador, se desplaza la página / el indicador muestra la posición actual.

[Método de instalación]

1. Página de administración de oopy > editar HTML > agregar la siguiente etiqueta script en body y guardar
2. <script src="https://roseline124.github.io/custom-js/…;
3. Después de borrar la caché, hacer una recarga forzada

[Diferencias con el floating-toc de oopy]

También existe una función experimental de floating-toc creada por oopy.
https://www.oopy.io/ko/guides/tips-and-tricks/floating-toc

A diferencia del floating-toc de oopy, este plugin personalizado:

1. Incluso sin un bloque de tabla de contenido, detecta los encabezados y los muestra como indicadores.
2. Funciona en todas las páginas que tengan encabezados, sin necesidad de configurarlo por cada página.
3. El floating-toc muestra todo el texto de las etiquetas de encabezado, pero este plugin, para no invadir el área de contenido, al pasar el cursor sobre el indicador solo muestra entre 4 y 6 caracteres. (Desventaja)

[guseod24]

• ¡Ahora también reproduje exactamente el popover de Notion!