👅 Markdown-Varianten

[keegan (Keegan George)]

Übersicht

Diese Theme-Komponente ermöglicht es Ihnen, einen „Flavor“ auszuwählen, für den Markdown-Stil Sie beim Erstellen von Beiträgen ausgeben möchten. Jeder Markdown-„Flavor“ ist von einem Format von Markdown inspiriert, das im Web üblicherweise verwendet wird.

Warum möchten Sie das?

Dies kann rein aus stilistischen Gründen installiert werden oder um Probleme zu lösen, wie sie hier erwähnt werden.

Beispiele

Schnelle Links

|||
| — | — | — |
| Code abrufen||
| Installationsanleitung||
| Vorschau|
| Dokumentation|

Theme-Komponente installieren

[Ivan_Rapekas]

Hallo, danke für diese Komponente!

Habe sie gerade unter Windows 11 mit dunklem Thema getestet. Discourse mit dem standardmäßigen hellen Thema.

Alles funktioniert wie beschrieben, aber:

1. flavor=GitHub macht die Tabelle komplett schwarz
2. flavor=Gitlab macht die Kopfzeile schwarz
3. flavor=Bitbucket funktioniert ok

GitHub:

Gitlab:

[keegan (Keegan George)]

Hallo @Ivan_Rapekas,

Danke, dass Sie mich über dieses Problem informiert haben. Ich hatte einige benutzerdefinierte Farbvariablen, die sich automatisch basierend auf der bevorzugten Dunkel-/Hellmodus-Einstellung des Benutzers ändern. Wenn Sie jedoch keine automatische Dunkelmodus-Umschaltung auf Ihrem Discourse haben, tritt dieses Problem auf. Insbesondere, wenn Sie ein helles Thema auf Discourse haben, Ihr System aber auf Dunkelmodus eingestellt ist.

Als schnelle Lösung hierfür habe ich eine Einstellung hinzugefügt, die das automatische Umschalten des Dunkelmodus umschaltet. Wenn Sie dies in Ihren Theme-Einstellungen deaktivieren, sollte dieses Problem für Sie behoben sein.

[Ivan_Rapekas]

Hallo @keegan !

Vielen Dank für die Antwort und die schnelle Korrektur! Das hat mir geholfen.

Leider muss ich feststellen, dass diese Komponente die Schriftart verändert:

a) Komponente deaktiviert:

b) Komponente aktiviert:

Außerdem verändert sie <kbd> </kbd> in einer Tabellenzelle (die Skalierung ist dieselbe):

a) Original:

b) Mit Komponente:

Dies ist nur ein Hinweis, keine Notwendigkeit, es zu beheben, denke ich .

[keegan (Keegan George)]

@Ivan_Rapekas Ja, das ist richtig. Ich habe versucht, die Schriftarten nachzuahmen, die in Markdown für die jeweiligen Varianten verwendet werden (d. h. die Markdown-Schriftart von GitHub.com wird verwendet, wenn Sie die GitHub-Variante auswählen).

[Ivan_Rapekas]

Ah, verstanden. Schriftarten sind wirklich ähnlich wie bei Gitlab/GitHub. Danke für die Erklärung! Geniale Idee, das ist mehr als man von “nur einer Theme-Komponente” erwarten würde

[Ivan_Rapekas]

@Ivan_Rapekas

a) Original:

b) Mit Komponente:

Endlich habe ich die ursprüngliche Codeblockformatierung über das Gitlab-Layout angewendet (funktioniert mit dem Standardthema):

/admin/customize/themes/1/common/scss/edit

// Original <kbd> über Gitlab-Themenkomponente

.cooked kbd {
    align-items: center;
    border: 1px solid var(--primary-low-mid);
    background: var(--primary-very-low);
    border-bottom-width: 2px;
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--primary);
    display: inline-flex;
    font-size: var(--font-down-1);
    justify-content: center;
    line-height: var(--line-height-large);
    margin: 0 0.15em;
    min-width: 24px;
    padding: 0.15em 0.6em;
}

Das ergibt:

[Heliosurge (Dan DeMontmorency)]

Hallo, ich wollte fragen, ob diese Komponente mit Farbschemata aktualisiert wird? Z.B. primär, sekundär usw.

[keegan (Keegan George)]

Ich hatte noch keine Zeit, dies zu aktualisieren, aber ich werde versuchen, bald etwas Zeit dafür zu finden.

In der Zwischenzeit passt dieser #offizielle Komponente vielleicht zu Ihren Bedürfnissen?

Customized Inline Codeblocks

Summary Customized Inline Codeblocks allows you to change the styling of the inline codeblocks to add more visual separation between the code and other elements. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-inline-codeblock-styles New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features With component: [image] …

[Heliosurge (Dan DeMontmorency)]

Ja, das ist sicher cool. Ich habe mir eher die Tabellen angesehen. Ihre Komponente hier verbessert die Lesbarkeit von Tabellen im Vergleich zur Standardversion. Durch die Verwendung eines traditionelleren Tabellenlayouts mit vertikalen Trennlinien.

Ich schätze, wie groß die Arbeitsbelastung des Teams sein muss. Keine Eile, ich wollte nur nachfragen, da ich Ihren TC erst kürzlich gefunden habe.