Wie wende ich Farbe in Markdown an?

Ich möchte Markdown verwenden, um Textinformationen zu speichern. Aber schnelles googeln sagt, dass Markdown keine Farbe unterstützt. Auch StackOverflow unterstützt keine Farben. Gleich wie bei GitHub Markdown.

Gibt es einen Markdown-Geschmack, der farbigen Text zulässt?

Kurze Antwort

Markdown unterstützt keine Farbe!

TL; DR

Wie in den ursprünglichen / offiziellen Syntaxregeln angegeben (Hervorhebung hinzugefügt):

Die Syntax von Markdown dient einem Zweck: als Format zum Schreiben für das Web.

Markdown ist kein Ersatz für HTML oder auch nur in der Nähe davon. Die Syntax ist sehr klein und entspricht nur einer sehr kleinen Teilmenge von HTML-Tags. Die Idee ist nicht, eine Syntax zu erstellen, die das Einfügen von HTML-Tags erleichtert. Meiner Meinung nach sind HTML-Tags bereits einfach einzufügen. Die Idee für Markdown ist es, das Lesen, Schreiben und Bearbeiten von Prosa zu vereinfachen. HTML ist ein Veröffentlichungsformat. Markdown ist ein Schreibformat. Daher behandelt die Formatierungssyntax von Markdown nur Probleme, die im Klartext übermittelt werden können .

Für jedes Markup, das nicht von der Markdown-Syntax abgedeckt wird, verwenden Sie einfach HTML selbst.

Da es sich nicht um ein "Veröffentlichungsformat" handelt, ist die Bereitstellung einer Möglichkeit zum Färben Ihres Textes für Markdown nicht möglich. Dies ist jedoch nicht unmöglich, da Sie unformatiertes HTML einschließen können (und HTML ist ein Veröffentlichungsformat). Zum Beispiel der folgende Markdown-Text (wie von @scoa in einem Kommentar vorgeschlagen):

Some Markdown text with <span style="color:blue">some *blue* text</span>.

Würde zu folgendem HTML führen:

<p>Some Markdown text with <span style="color:blue">some <em>blue</em> text</span>.</p>

Jetzt entfernt StackOverflow (und wahrscheinlich GitHub) den Roh-HTML-Code (als Sicherheitsmaßnahme), sodass Sie hier die Farbe verlieren. Dies sollte jedoch bei jeder Standard-Markdown-Implementierung funktionieren.

Eine andere Möglichkeit besteht darin, die nicht standardmäßigen Attributlisten zu verwenden, die ursprünglich von der Markuru- Implementierung von Markdown eingeführt und später von einigen anderen übernommen wurden (es kann mehr oder geringfügig andere Implementierungen derselben Idee geben, wie div- und span-Attribute in Pandoc ). In diesem Fall können Sie einem Absatz oder Inline-Element eine Klasse zuweisen und dann mithilfe von CSS eine Farbe für eine Klasse definieren. Sie müssen jedoch unbedingt eine der wenigen Implementierungen verwenden, die die nicht standardmäßige Funktion tatsächlich unterstützen, und Ihre Dokumente sind nicht mehr auf andere Systeme portierbar.

Ich habe begonnen, Markdown zu verwenden, um einige meiner Dokumente auf einer internen Website für interne Benutzer zu veröffentlichen. Es ist eine einfache Möglichkeit, ein Dokument freizugeben, es kann jedoch nicht vom Betrachter bearbeitet werden.

Diese Farbmarkierung von Text ist also „großartig“. Ich habe mehrere davon verwendet und funktioniert wunderbar.

<span style="color:blue">some *This is Blue italic.* text</span>

Wird zu Dies ist Blau kursiv.

Und

<span style="color:red">some **This is Red Bold.** text</span>

Wird zu Dies ist Rot Fett.

Ich liebe die Flexibilität und Benutzerfreundlichkeit.

Während Markdown keine Farbe unterstützt, können Sie, wenn Sie nicht zu viele benötigen, immer einige der unterstützten Stile opfern und das zugehörige Tag mithilfe von CSS neu definieren, um es farbig zu machen, und auch die Formatierung entfernen oder nicht.

Beispiel:

// resets
s { text-decoration:none; } //strike-through
em { font-style: normal; font-weight: bold; } //italic emphasis


// colors
s { color: green }
em { color: blue }

Siehe auch: So gestalten Sie das Tag neu, damit es fett statt kursiv ist

Dann in Ihrem Markdown-Text

~~This is green~~
_this is blue_

Dies sollte kürzer sein:

<font color='red'>test blue color font</font>

Sie können wahrscheinlich den Latexstil verwenden:

$\color{color-code}{your-text-here}$

Um das Leerzeichen zwischen den Wörtern beizubehalten, müssen Sie auch die Tilde einfügen ~.

Scheint, dass kramdown Farben in irgendeiner Form unterstützt.

Kramdown erlaubt Inline-HTML :

This is <span style="color: red">written in red</span>.

Es hat auch eine andere Syntax zum Einfügen von CSS-Klassen inline :

This is *red*{: style="color: red"}.

Auf dieser Seite wird weiter erläutert, wie GitLab eine kompaktere Methode zum Anwenden von CSS-Klassen in Kramdown verwendet:

blueKlasse auf Text anwenden :

This is a paragraph that for some reason we want blue.
{: .blue}

Anwenden blueKlasse Schriften:

#### A blue heading
{: .blue}

Anwenden von zwei Klassen:

A blue and bold paragraph.
{: .blue .bold}

Anwenden von IDs:

#### A blue heading
{: .blue #blue-h}

Dies erzeugt:

<h4 class="blue" id="blue-h">A blue heading</h4>

Es gibt viele andere Dinge, die unter dem obigen Link erklärt werden . Möglicherweise müssen Sie überprüfen.

Wie andere Antworten sagten, ist Kramdown auch der Standard-Markdown-Renderer hinter Jekyll . Wenn Sie also etwas auf Github-Seiten verfassen, sind die oben genannten Funktionen möglicherweise sofort verfügbar.

In konnte Jekyllich einem fetten Element einige Farben oder andere Stile hinzufügen (sollte auch mit allen anderen Elementen funktionieren).

Ich habe das "Styling" damit begonnen {:und es beendet }. Zwischen Element und geschweifter Klammer ist kein Platz erlaubt!

**My Bold Text, in red color.**{: style="color: red; opacity: 0.80;" }

Wird in HTML übersetzt:

<strong style="color: red; opacity: 0.80;">My Bold Text, in red color.</strong>

Wenn Sie reine Markdown verwenden möchten (ohne verschachtelte HTML), können Sie Emojis Aufmerksamkeit auf einige Fragment der Datei zu ziehen, dh ⚠️ WARNUNG ⚠️, 🔴 WICHTIG ❗🔴 oder 🔥 NEW 🔥.

Dies funktioniert im Joplin zum Notieren:

<span style="color:red">text in red</span>

Ich hatte Erfolg mit

<span class="someclass"></span>

Vorsichtsmaßnahme: Die Klasse muss bereits auf der Site vorhanden sein.