||||
-|-|
| Zusammenfassung | Custom Code ermöglicht es Ihnen, die Schriftart und Farben für den auf der Website geteilten Quellcode anzupassen.
| Vorschau | Vorschau auf Discourse Theme Creator
| Repository-Link | https://github.com/discourse/discourse-custom-code
|Neu bei Discourse-Themes? | Einsteigerleitfaden zur Verwendung von Discourse-Themes
Installieren Sie dieses Theme-Component
Funktionen
Im Allgemeinen gehören die zur Code-Darstellung verwendeten Schriftarten zur Monospace-Familie. Die bekanntesten Schriftarten sind:
(Das bedeutet jedoch nicht, dass niemand mit völlig unterschiedlichen Schriftarten experimentieren darf!)
Um die Schriftart zu ändern, gehen Sie zu https://fonts.google.com
-
Wählen Sie die gewünschte Schriftart
-
Und passen Sie sie an
-
Wählen Sie EMBED und kopieren Sie die Zeichenfolge bezüglich der Schriftfamilie (1) in die Theme-Einstellung
Font
-
Kopieren Sie die Zeichenfolge bezüglich CSS (2) und fügen Sie sie in die Theme-Einstellung
font-familyein (fügen Sie am Ende der Zeichenfolge kein;ein).
Alle anderen Einstellungen sollten selbsterklärend sein.
Die Einstellungen dieser Komponente sind in Light- und Dark-Themen unterteilt. Wenn Sie beide verwenden, denken Sie daran, die Komponente beiden Themen hinzuzufügen.
Einstellungen
| Name | Beschreibung |
|---|---|
| font | Wählen Sie eine neue Schriftart von Google Font. Je nach Auswahl können Sie sie weiter anpassen, z. B. Sarabun:300,400,500. Wenn nicht festgelegt, wird die Standardschriftart angewendet. |
| font size | Gibt die Größe der zu verwendenden Schriftart an. Wenn nicht festgelegt, wird die Standardschriftart angewendet. |
| font family | Gibt die zu verwendende Schriftart an. Wenn nicht festgelegt, wird die Standardschriftart angewendet. |
| border radius | Wählen Sie den Randradius für Ihren Code. Der Standardwert ist 0px. |
| hljs light | Light-Theme. Wählen Sie die Farbe für Text. |
| code light | Light-Theme. Wählen Sie die Farbe für Code. |
| code background light | Light-Theme. Wählen Sie die Hintergrundfarbe für Code. |
| comment light | Light-Theme. Wählen Sie die Farbe für Kommentare und Doctags. |
| title light | Light-Theme. Wählen Sie die Farbe für Titel, Namen und Meta. |
| string light | Light-Theme. Wählen Sie die Farbe für Strings. |
| number light | Light-Theme. Wählen Sie die Farbe für Zahlen. |
| keyword light | Light-Theme. Wählen Sie die Farbe für Schlüsselwörter, Substitutionen, Anforderungen und Status. |
| class title light | Light-Theme. Wählen Sie die Farbe für den Titel innerhalb des Klassenelements. |
| tag light | Light-Theme. Wählen Sie die Farbe für Tags. |
| attribute light | Light-Theme. Wählen Sie die Farbe für Attribute. |
| symbol light | Light-Theme. Wählen Sie die Farbe für Symbole. |
| hljs dark | Dark-Theme. Wählen Sie die Farbe für Text. |
| code dark | Dark-Theme. Wählen Sie die Farbe für Code. |
| code background dark | Dark-Theme. Wählen Sie die Hintergrundfarbe für Code. |
| comment dark | Dark-Theme. Wählen Sie die Farbe für Kommentare. |
| title dark | Dark-Theme. Wählen Sie die Farbe für Titel, Namen und Meta. |
| string dark | Dark-Theme. Wählen Sie die Farbe für Strings. |
| number dark | Dark-Theme. Wählen Sie die Farbe für Zahlen. |
| keyword dark | Dark-Theme. Wählen Sie die Farbe für Schlüsselwörter, Substitutionen, Anforderungen und Status. |
| class title dark | Dark-Theme. Wählen Sie die Farbe für den Titel innerhalb des Klassenelements. |
| tag dark | Dark-Theme. Wählen Sie die Farbe für Tags. |
| attribute dark | Dark-Theme. Wählen Sie die Farbe für Attribute. |
| symbol dark | Dark-Theme. Wählen Sie die Farbe für Symbole. |
Von uns gehostet? Theme-Components sind in unseren Standard-, Business- und Enterprise-Plänen verfügbar.