Come applicare il colore in Markdown?

Voglio usare Markdown per memorizzare informazioni testuali. Ma googling veloce afferma che Markdown non supporta il colore. Inoltre StackOverflow non supporta il colore. Come nel caso del markdown GitHub.

C'è qualche sapore di markdown che consente il testo colorato?

Risposta breve

Markdown non supporta il colore!

TL; DR

Come affermano le regole di sintassi originali / ufficiali (enfasi aggiunta):

La sintassi di Markdown è intesa per uno scopo: essere usato come formato per scrivere sul web.

Markdown non è un sostituto per HTML, o anche vicino ad esso. La sua sintassi è molto piccola, corrispondente solo a un sottoinsieme molto piccolo di tag HTML. L'idea non è quella di creare una sintassi che semplifichi l'inserimento di tag HTML. A mio avviso, i tag HTML sono già facili da inserire. L'idea di Markdown è di facilitare la lettura, la scrittura e la modifica della prosa. HTML è un formato di pubblicazione; Markdown è un formato di scrittura. Pertanto, la sintassi di formattazione di Markdown risolve solo i problemi che possono essere trasmessi in testo semplice .

Per ogni markup che non è coperto dalla sintassi di Markdown, devi semplicemente usare lo stesso HTML.

Poiché non si tratta di un "formato di pubblicazione", fornire un modo per colorare il testo non rientra nell'ambito di applicazione di Markdown. Detto questo, non è impossibile in quanto è possibile includere HTML non elaborato (e HTML è un formato di pubblicazione). Ad esempio, il seguente testo Markdown (come suggerito da @scoa in un commento):

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

Si tradurrebbe nel seguente HTML:

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

Ora StackOverflow (e probabilmente GitHub) eliminerà il codice HTML non elaborato (come misura di sicurezza) in modo da perdere il colore qui, ma dovrebbe funzionare su qualsiasi implementazione Markdown standard.

Un'altra possibilità è quella di utilizzare gli elenchi di attributi non standard originariamente introdotti dall'implementazione Markuru di Markdown e successivamente adottati da pochi altri (potrebbero esserci implementazioni più o leggermente diverse della stessa idea, come gli attributi div e span in pandoc ). In tal caso, è possibile assegnare una classe a un paragrafo o un elemento inline, quindi utilizzare CSS per definire un colore per una classe. Tuttavia, devi assolutamente utilizzare una delle poche implementazioni che supportano effettivamente la funzionalità non standard e i tuoi documenti non sono più portabili su altri sistemi.

Ho iniziato a utilizzare Markdown per pubblicare alcuni dei miei documenti su un sito Web interno per utenti interni. È un modo semplice per condividere un documento ma non può essere modificato dal visualizzatore.

Quindi, questa marcatura del testo a colori è "Grande". Ne ho usati diversi come questo e funziona benissimo.

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

Si trasforma in This is Blue italic.

E

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

Si trasforma in This is Red Bold.

Adoro la flessibilità e la facilità d'uso.

Sebbene Markdown non supporti il ​​colore, se non ne hai bisogno di troppi, puoi sempre sacrificare alcuni degli stili supportati e ridefinire il tag correlato usando CSS per renderlo colorato e rimuovere anche la formattazione o meno.

Esempio:

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


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

Vedi anche: Come ripristinare il tag em in grassetto anziché in corsivo

Quindi nel testo del markdown

~~This is green~~
_this is blue_

Questo dovrebbe essere più breve:

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

probabilmente puoi usare lo stile in lattice:

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

Per mantenere lo spazio tra le parole, devi anche includere la tilde ~.

Sembra che kramdown supporti i colori in qualche forma.

Kramdown consente HTML in linea :

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

Inoltre ha un'altra sintassi per includere le classi css in linea :

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

Questa pagina spiega ulteriormente come GitLab utilizza un modo più compatto per applicare le classi css in Kramdown:

Applicazione della blueclasse al testo:

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

Applicazione della blueclasse ai titoli:

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

Applicando due classi:

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

Applicazione di ID:

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

Questo produce:

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

Ci sono molte altre cose spiegate al link sopra . Potrebbe essere necessario controllare.

Inoltre, come diceva un'altra risposta, Kramdown è anche il renderer di markdown predefinito dietro Jekyll . Quindi, se stai scrivendo qualcosa sulle pagine di github, le funzionalità di cui sopra potrebbero essere disponibili immediatamente.

In Jekyllsono stato in grado di aggiungere un po 'di colore o altri stili a un elemento in grassetto (dovrebbe funzionare anche con tutti gli altri elementi).

Ho iniziato lo "styling" con {:e finisco }. Non c'è spazio tra l'elemento e la parentesi graffa!

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

Sarà tradotto in html:

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

Quando si desidera utilizzare Markdown puro (senza HTML nidificato), è possibile utilizzare Emoji per attirare l'attenzione su alcuni frammenti del file, ad esempio ⚠️ ATTENZIONE ⚠️, 🔴 IMPORTANTE ❗🔴 o 🔥 NUOVO 🔥.

Questo funziona nel prendere appunti Joplin:

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

Ho avuto successo con

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

Avvertenza: la classe deve già esistere sul sito.