Passen Sie automatisch angehängte Snippets im MkDocs-Material für das Glossar anCSS

CSS verstehen
Anonymous
 Passen Sie automatisch angehängte Snippets im MkDocs-Material für das Glossar an

Post by Anonymous »

Mit Markdown mit MkDocs Material versuche ich, ein Glossar mit automatisch angehängten Definitionen und benutzerdefiniertem Stil zu implementieren.
Ich habe die Erweiterung snippets erfolgreich zum automatischen Anhängen eines Glossars verwendet, wie hier beschrieben: https://facelessuser.github.io/pymdown- ... /snippets/
Wie empfohlen, hier ist die Konfiguration:
-mkdocs.yml-Datei:

Code: Select all

markdown_extensions:
- pymdownx.snippets:
auto_append:
- includes/abbreviations.md
includes/glossary.md-Datei:

Code: Select all

*[MonMotDuGlossaire]: 🔎 **Définition** : Test de définition.
**Source** : [Wikipedia](https://fr.wikipedia.org/)
*[MonMotDuGlossaire2]: 🔎 Définition : Test de définition 2.
**Source** : [Wikipedia](https://fr.wikipedia.org/)
Dies erzeugt das folgende Ergebnis:
Geben Sie hier die Bildbeschreibung ein
Mein Problem:
Ich möchte, dass der folgende Anpassungsstil automatisch auf jeden Glossarbegriff im Inhalt angewendet wird:
  • Fügen Sie ein Anmerkungssymbol/-symbol hinzu, damit Benutzer die Definition anzeigen können – ähnlich dem Anmerkungsobjekt, siehe https://squidfunk.github.io/mkdocs-mate ... thing-else
  • Ändern Sie die Schriftart des Glossarbegriffs im Text – z. B. Fett und Rosa
  • Fügen Sie zu jedem Glossarbegriff einen Hyperlink hinzu, um Benutzer auf eine andere Glossarseite weiterzuleiten
Das ist mir gelungen Manuelle Verwendung der 'Annotation'-Syntax, wie im folgenden Bild gezeigt:
Erwartetes Ergebnis
Mit:

Code: Select all

Essai de phrase avec un mot du glossaire à mettre en évidence avec l'option "annotation": [cybersécurité](MonGlossaire.html ){:target="_blank"} (1) .
{ .annotate }

1. 🔎 **Définition** : Test de définition.
**Source** : [Wikipedia](https://fr.wikipedia.org/)
Es wurde versucht, den HTML- und CSS-Stil in die Datei „Includes/glossary.md“ einzufügen, ohne Erfolg.
Meine Frage lautet:
Gibt es eine Möglichkeit, diese Anpassungen automatisch auf alle Glossarbegriffe anzuwenden, direkt über die Datei „Includes/glossary.md“ (bitte ohne Verwendung von js)?
Vielen Dank im Voraus!

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post