oopy-Notion-Blog: benutzerdefiniertes Plugin für ein schwebendes Inhaltsverzeichnis

Dies ist ein schwebendes Inhaltsverzeichnis, das sich in einem oopy-Notion-Blog einsetzen lässt.

[Eigenschaften]

1. Die UI des schwebenden Inhaltsverzeichnisses, das in Notion rechts angezeigt wird, wurde identisch umgesetzt. (Ausgenommen ist das Popover, das beim Hover erscheint.)
2. Wenn man auf den Indikator klickt, wird dorthin gescrollt / der Indikator zeigt die aktuelle Position an.

[Installationsmethode]

1. oopy-Adminseite > HTML bearbeiten > das folgende script-Tag in body einfügen und speichern
2. <script src="https://roseline124.github.io/custom-js/…;
3. Cache löschen und Hard-Reload durchführen

[Unterschiede zum floating-toc von oopy]

Es gibt auch eine experimentelle Funktion floating-toc, die von oopy erstellt wurde.
https://www.oopy.io/ko/guides/tips-and-tricks/floating-toc

Anders als das floating-toc von oopy bietet dieses benutzerdefinierte Plugin Folgendes:

1. Auch ohne einen Table-of-Contents-Block erkennt es Überschriften und zeigt sie als Indikatoren an.
2. Es funktioniert auf allen Seiten mit Überschriften, ohne dass es für jede Seite einzeln eingerichtet werden muss.
3. Das floating-toc zeigt den vollständigen Text der Heading-Tags an, dieses Plugin blendet beim Hover über den Indikator jedoch nur 4–6 Zeichen ein, damit der Inhaltsbereich nicht überdeckt wird. (Nachteil)

[guseod24]

• Inzwischen habe ich auch das Notion-Popover genauso nachgebildet!