Benutzerdefiniert Code

[Discourse]

	Zusammenfassung	Custom Code ermöglicht es Ihnen, die Schriftart und Farben für auf der Seite geteilten Quellcode anzupassen.
	Vorschau	Vorschau im Discourse Theme Creator
	Repository-Link	https://github.com/discourse/discourse-custom-code
	Neu bei Discourse Themes?	Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme-Komponente installieren

Da dies eine #offizielle Theme-Komponente ist, die vom Discourse-Team gepflegt wird, können Support, bug, ux und #Feature-Anfragen in den entsprechenden Kategorien hier auf Meta gestellt und mit dem entsprechenden Theme-Komponenten-Tag versehen werden. Klicken Sie auf einen der folgenden Links, um einen neuen Beitrag zu starten.

 Support  Bug  UX  Feature

Funktionen

Im Allgemeinen gehören die Schriftarten, mit denen Code geschrieben wird, zur monospace-Familie. Die bekanntesten Schriftarten sind:

• Inconsolata
• Fira Mono
• Source Code Pro
• Anonymous Pro
• Ubuntu Mono

(Das bedeutet jedoch nicht, dass niemand mit den unterschiedlichsten Schriftarten experimentieren kann!)

Um die Schriftart zu ändern, gehen Sie zu https://fonts.google.com

• Wählen Sie die gewünschte Schriftart aus
  

  

• und passen Sie sie an
  

  

• Wählen Sie EMBED und kopieren Sie den String, der die Schriftartfamilie (1) darstellt, in die Theme-Einstellung Font
  

  

• Kopieren und fügen Sie den String, der CSS (2) entspricht, in die Theme-Einstellung font-family ein (fügen Sie am Ende des Strings kein Zeichen ; hinzu).

Alle anderen Einstellungen sollten klar genug sein.

Die Einstellungen dieser Komponente sind zwischen hell und dunkel Theme unterteilt. Wenn Sie beide verwenden, denken Sie daran, die Komponente zu beiden Themes hinzuzufügen.

---

Einstellungen

Name	Beschreibung
font	Wählen Sie eine neue Schriftart aus Google Fonts. Je nach Auswahl können Sie diese weiter anpassen, z. B. Sarabun:300,400,500. Wenn nicht gesetzt, wird die Standardschriftart angewendet.
font size	Gibt die Größe der zu verwendenden Schriftart an. Wenn nicht gesetzt, wird die Standardschriftart angewendet.
font family	Gibt die zu verwendende Schriftart an. Wenn nicht gesetzt, wird die Standardschriftart angewendet.
border radius	Wählen Sie den Randradius für Ihren Code. Standardwert ist 0px.
hljs light	Helles Theme. Wählen Sie die Farbe für Text.
code light	Helles Theme. Wählen Sie die Farbe für Code.
code background light	Helles Theme. Wählen Sie die Hintergrundfarbe für Code.
comment light	Helles Theme. Wählen Sie die Farbe für Kommentare und Doctags.
title light	Helles Theme. Wählen Sie die Farbe für Titel, Namen und Metadaten.
string light	Helles Theme. Wählen Sie die Farbe für Strings.
number light	Helles Theme. Wählen Sie die Farbe für Zahlen.
keyword light	Helles Theme. Wählen Sie die Farbe für Schlüsselwörter, Substitutionen, Anfragen und Status.
class title light	Helles Theme. Wählen Sie die Farbe für den Titel innerhalb des Klassenelements.
tag light	Helles Theme. Wählen Sie die Farbe für Tags.
attribute light	Helles Theme. Wählen Sie die Farbe für Attribute.
symbol light	Helles Theme. Wählen Sie die Farbe für Symbole.
hljs dark	Dunkles Theme. Wählen Sie die Farbe für Text.
code dark	Dunkles Theme. Wählen Sie die Farbe für Code.
code background dark	Dunkles Theme. Wählen Sie die Hintergrundfarbe für Code.
comment dark	Dunkles Theme. Wählen Sie die Farbe für Kommentare.
title dark	Dunkles Theme. Wählen Sie die Farbe für Titel, Namen und Metadaten.
string dark	Dunkles Theme. Wählen Sie die Farbe für Strings.
number dark	Dunkles Theme. Wählen Sie die Farbe für Zahlen.
keyword dark	Dunkles Theme. Wählen Sie die Farbe für Schlüsselwörter, Substitutionen, Anfragen und Status.
class title dark	Dunkles Theme. Wählen Sie die Farbe für den Titel innerhalb des Klassenelements.
tag dark	Dunkles Theme. Wählen Sie die Farbe für Tags.
attribute dark	Dunkles Theme. Wählen Sie die Farbe für Attribute.
symbol dark	Dunkles Theme. Wählen Sie die Farbe für Symbole.

Von uns gehostet? Theme-Komponenten können auf unseren Standard-, Business- und Enterprise-Plänen verwendet werden.