Markdown'da renk nasıl uygulanır?

Markdown'u metin bilgilerini saklamak için kullanmak istiyorum. Ancak hızlı googling, Markdown'un rengi desteklemediğini söylüyor. Ayrıca StackOverflow rengi desteklemez. GitHub etiketlemesinde olduğu gibi.

Renkli metne izin veren herhangi bir işaretleme çeşidi var mı?

Kısa cevap

Markdown rengi desteklemiyor!

TL; DR

Orijinal / resmi sözdizimi kurallarının belirttiği gibi (vurgu eklenmiştir):

Markdown'un sözdizimi tek bir amaç için tasarlanmıştır: Web için yazma biçimi olarak kullanılması.

Markdown HTML'nin yerine geçmez, hatta ona yakın bile değildir. Sözdizimi çok küçüktür, yalnızca HTML etiketlerinin çok küçük bir alt kümesine karşılık gelir. Fikir, HTML etiketleri eklemeyi kolaylaştıran bir sözdizimi oluşturmak değildir. Kanımca, HTML etiketlerinin eklenmesi zaten kolaydır. Markdown fikri nesir okuma, yazma ve düzenlemeyi kolaylaştırmaktır. HTML bir yayınlama biçimidir; Markdown bir yazma biçimidir. Bu nedenle, Markdown'un biçimlendirme sözdizimi yalnızca düz metin olarak iletilebilecek sorunları ele alır .

Markdown sözdizimi kapsamında olmayan herhangi bir biçimlendirme için HTML'nin kendisini kullanmanız yeterlidir.

Bir "yayınlama biçimi" olmadığından, metninizi renklendirmenin bir yolunu sunan Markdown kapsamı dışındadır. Bununla birlikte, ham HTML ekleyebileceğiniz imkansız değildir (ve HTML bir yayınlama biçimidir). Örneğin, aşağıdaki Markdown metni (bir yorumda @scoa tarafından önerildiği gibi):

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

Aşağıdaki HTML ile sonuçlanır:

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

Şimdi, StackOverflow (ve muhtemelen GitHub) ham HTML'yi (güvenlik önlemi olarak) çıkarır, böylece burada rengi kaybedersiniz, ancak herhangi bir standart Markdown uygulamasında çalışmalıdır.

Başka bir olasılık, Markdown'un Markuru uygulaması tarafından başlangıçta tanıtılan ve daha sonra birkaç başka kişi tarafından benimsenen standart olmayan Özellik Listelerini kullanmaktır (aynı fikrin pandoc'ta div ve span nitelikleri gibi daha fazla veya biraz farklı uygulamaları olabilir ). Bu durumda, bir paragrafa veya satır içi öğeye bir sınıf atayabilir ve sonra sınıf için bir renk tanımlamak için CSS kullanabilirsiniz. Bununla birlikte, kesinlikle standart dışı özelliği destekleyen birkaç uygulamadan birini kullanmanız gerekir ve belgeleriniz artık diğer sistemlere taşınabilir değildir.

Markdown'u bazı belgelerimi şirket içi kullanıcılar için dahili bir web sitesine göndermek için kullanmaya başladım. Bir belgeyi paylaşmanın, ancak görüntüleyen tarafından düzenlenememesinin kolay bir yoludur.

Yani, metindeki bu renk işaretlemesi “Harika” dır. Bunun gibi birkaç tane kullanıyorum ve harika çalışıyor.

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

İçine Dönüşler Bu Mavi italik olduğunu.

Ve

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

İçine Dönüşler Bu Kalın kırmızıdır.

Esnekliği ve kullanım kolaylığını seviyorum.

Markdown rengi desteklemese de, çok fazla ihtiyacınız yoksa, desteklenen stillerden bazılarını feda edebilir ve renklendirmek için CSS kullanarak ilgili etiketi yeniden tanımlayabilir ve biçimlendirmeyi kaldırabilirsiniz.

Misal:

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


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

Ayrıca bkz: italik yerine kalın olarak em etiketini yeniden biçimlendirmek

Sonra işaretleme metninizde

~~This is green~~
_this is blue_

Bu daha kısa olmalıdır:

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

muhtemelen lateks stilini kullanabilirsiniz:

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

Kelimeler arasındaki boşlukları korumak için yaklaşık işareti eklemeniz gerekir ~.

Ezme , bazı biçimlerde renkleri destekliyor gibi görünüyor .

Kramdown satır içi html'ye izin verir :

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

Ayrıca css sınıflarını satır içi eklemek için başka bir sözdizimi vardır :

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

Bu sayfada GitLab'ın Kramdown'da css sınıflarını uygulamak için nasıl daha kompakt bir yol kullandığını açıklıyor:

blueMetne sınıf uygulama :

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

blueBaşlıklara sınıf uygulama :

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

İki sınıfın uygulanması:

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

Kimlikler uygulanıyor:

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

Bu şunu üretir:

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

Yukarıdaki bağlantıda açıklanan başka birçok şey var . Kontrol etmeniz gerekebilir.

Ayrıca, diğer cevabın söylediği gibi, Kramdown aynı zamanda Jekyll'in arkasındaki varsayılan işaretleme oluşturucusudur . Github sayfalarında herhangi bir şey yazıyorsanız, yukarıdaki işlevsellik kutudan çıkmış olabilir.

Içinde cesur bir öğeye Jekyllbazı renk veya diğer stiller ekleyebildim (diğer tüm öğelerle de çalışmalıdır).

Birlikte "stil" başladı {:ve buna bir son }. Eleman ve süslü dirsek arasında boşluk kalmaz!

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

Html'ye çevrilecek:

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

Saf İşaretleme (iç içe HTML olmadan) kullanmak istediğinizde , dosyanın bazı parçalarına dikkat çekmek için Emojiler'i kullanabilirsiniz , örneğin ⚠️ UYARI ⚠️, 🔴 ÖNEMLİ ❗🔴 veya 🔥 YENİ 🔥.

Bu not alma Joplin'de çalışır:

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

İle başarılı oldum

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

Uyarı: sınıfın sitede zaten mevcut olması gerekir.