Jak zastosować kolor w Markdown?

Chcę używać Markdown do przechowywania informacji tekstowych. Ale szybkie googling mówi, że Markdown nie obsługuje kolorów. StackOverflow również nie obsługuje kolorów. Tak samo jak w przypadku przeceny GitHub.

Czy jest jakiś smak obniżki, który pozwala na kolorowy tekst?

Krótka odpowiedź

Markdown nie obsługuje kolorów!

TL; DR

Zgodnie ze stanem oryginalnej / oficjalnej reguły składni (wyróżnienie dodane):

Składnia Markdown jest przeznaczona do jednego celu: do wykorzystania jako format do pisania w Internecie.

Markdown nie jest zamiennikiem HTML, ani nawet blisko niego. Jego składnia jest bardzo mała, co odpowiada jedynie bardzo małemu podzbiorowi tagów HTML. Chodzi o to, aby nie tworzyć składni, która ułatwia wstawianie znaczników HTML. Moim zdaniem tagi HTML są już łatwe do wstawienia. Ideą Markdown jest ułatwienie czytania, pisania i edytowania prozy. HTML to format publikacji; Markdown to format pisania. Tak więc składnia formatowania Markdown rozwiązuje tylko problemy, które można przekazać zwykłym tekstem .

Dla każdego znacznika, który nie jest objęty składnią Markdown, wystarczy użyć samego HTML.

Ponieważ nie jest to „format publikowania”, udostępnianie sposobu pokolorowania tekstu jest poza zakresem Markdown. To powiedziawszy, nie jest to niemożliwe, ponieważ możesz dołączyć nieprzetworzony HTML (a HTML to format publikowania). Na przykład następujący tekst Markdown (zgodnie z sugestią @scoa w komentarzu):

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

Wynikiem tego byłby następujący kod HTML:

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

Teraz StackOverflow (i prawdopodobnie GitHub) usunie surowy HTML (jako środek bezpieczeństwa), więc stracisz kolor tutaj, ale powinien działać na każdej standardowej implementacji Markdown.

Inną możliwością jest użycie niestandardowych list atrybutów pierwotnie wprowadzonych przez implementację Markuru Markdown, a następnie przyjętych przez kilka innych (może być więcej lub nieco inne implementacje tego samego pomysłu, takie jak atrybuty div i span w pandoc ). W takim przypadku możesz przypisać klasę do akapitu lub elementu wstawianego, a następnie użyć CSS do zdefiniowania koloru dla klasy. Jednak absolutnie musisz używać jednej z niewielu implementacji, które faktycznie obsługują niestandardową funkcję, a twoje dokumenty nie są już przenośne na inne systemy.

Zacząłem używać Markdown do publikowania niektórych moich dokumentów na wewnętrznej stronie internetowej dla użytkowników wewnętrznych. Jest to prosty sposób na udostępnienie dokumentu, ale nie może być edytowany przez przeglądającego.

Tak więc to kolorowe oznaczenie tekstu jest „Świetne”. Korzystam z kilku takich i działa wspaniale.

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

Zmienia się w To jest Kursywa niebieska.

I

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

Zmienia się w To jest Red Bold.

Uwielbiam elastyczność i łatwość użytkowania.

Chociaż Markdown nie obsługuje kolorów, jeśli nie potrzebujesz ich zbyt wiele, zawsze możesz poświęcić niektóre obsługiwane style i ponownie zdefiniować powiązany znacznik za pomocą CSS, aby nadać mu kolor, a także usunąć formatowanie lub nie.

Przykład:

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


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

Zobacz też: Jak zmienić styl znacznika em, aby był pogrubiony zamiast kursywy

Następnie w tekście przeceny

~~This is green~~
_this is blue_

Powinno to być krótsze:

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

prawdopodobnie możesz użyć stylu lateksowego:

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

Aby zachować odstęp między słowami, musisz również dodać tyldę ~.

Wygląda na to, że kramdown obsługuje kolory w jakiejś formie.

Kramdown umożliwia wbudowany HTML :

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

Ma także inną składnię do dołączania wbudowanych klas css :

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

Ta strona wyjaśnia dalej, w jaki sposób GitLab wykorzystuje bardziej kompaktowy sposób do zastosowania klas css w Kramdown:

Zastosowanie blueklasy do tekstu:

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

Zastosowanie blueklasy do nagłówków:

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

Stosowanie dwóch klas:

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

Stosowanie identyfikatorów:

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

Daje to:

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

Istnieje wiele innych rzeczy wyjaśnionych pod powyższym linkiem . Może być konieczne sprawdzenie.

Ponadto, jak powiedziała inna odpowiedź, Kramdown jest również domyślnym mechanizmem renderującym przeceny za Jekyllem . Więc jeśli tworzysz coś na stronach github, powyższa funkcjonalność może być dostępna od razu po wyjęciu z pudełka.

W Jekyllbyłem w stanie dodać kolor lub inny styl do pogrubionego elementu (powinien działać również ze wszystkimi innymi elementami).

Rozpocząłem „stylizację” {:i zakończyłem }. Między elementem a nawiasami klamrowymi nie ma miejsca!

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

Zostanie przetłumaczony na HTML:

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

Jeśli chcesz użyć czystego Markdown (bez zagnieżdżonego HTML), możesz użyć Emoji do zwrócenia uwagi na jakiś fragment pliku, np. ⚠️ OSTRZEŻENIE ⚠️, ORT WAŻNE ❗🔴 lub 🔥 NOWY 🔥.

Działa to w notatkach Joplin:

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

Odniosłem sukces

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

Zastrzeżenie: klasa musi już istnieć na stronie.