Bagaimana cara mengaplikasikan warna dalam penurunan harga?

Saya ingin menggunakan penurunan harga untuk menyimpan informasi tekstual. Tapi googling cepat mengatakan penurunan harga tidak mendukung warna. StackOverflow juga tidak mendukung warna. Sama seperti dalam kasus penurunan GitHub.

Apakah ada rasa penurunan harga yang memungkinkan teks berwarna?

Jawaban singkat

Penurunan harga tidak mendukung warna!

TL; DR

Sebagai aturan sintaksis asli / resmi menyatakan (penekanan ditambahkan):

Sintaks Markdown dimaksudkan untuk satu tujuan: untuk digunakan sebagai format penulisan untuk web.

Penurunan harga bukanlah pengganti untuk HTML, atau bahkan dekat dengan itu. Sintaksnya sangat kecil, hanya sesuai dengan subset tag HTML yang sangat kecil. Idenya bukan untuk membuat sintaks yang membuatnya lebih mudah untuk memasukkan tag HTML. Menurut pendapat saya, tag HTML sudah mudah dimasukkan. Ide untuk penurunan harga adalah membuatnya mudah untuk membaca, menulis, dan mengedit prosa. HTML adalah format penerbitan; Penurunan harga adalah format penulisan. Dengan demikian, format sintaksis Markdown hanya membahas masalah yang dapat disampaikan dalam teks biasa .

Untuk markup apa pun yang tidak tercakup oleh sintaks Markdown, Anda cukup menggunakan HTML itu sendiri.

Karena ini bukan "format penerbitan," menyediakan cara untuk mewarnai teks Anda di luar jangkauan untuk Markdown. Yang mengatakan, bukan tidak mungkin karena Anda dapat memasukkan HTML mentah (dan HTML adalah format penerbitan). Misalnya, teks penurunan harga berikut (seperti yang disarankan oleh @scoa dalam komentar):

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

Akan menghasilkan HTML berikut:

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

Sekarang, StackOverflow (dan mungkin GitHub) akan menghapus HTML mentah (sebagai langkah keamanan) sehingga Anda kehilangan warna di sini, tetapi harus bekerja pada implementasi standar penurunan harga.

Kemungkinan lain adalah dengan menggunakan Daftar Atribut non-standar yang awalnya diperkenalkan oleh implementasi Markuru dari Markdown dan kemudian diadopsi oleh beberapa orang lain (mungkin ada lebih banyak, atau implementasi yang sedikit berbeda dari ide yang sama, seperti atribut div dan span dalam pandoc ). Dalam hal itu, Anda bisa menetapkan kelas ke paragraf atau elemen sebaris, dan kemudian menggunakan CSS untuk menentukan warna untuk kelas. Namun, Anda benar-benar harus menggunakan salah satu dari beberapa implementasi yang sebenarnya mendukung fitur non-standar dan dokumen Anda tidak lagi portabel untuk sistem lain.

Saya sudah mulai menggunakan Markdown untuk memposting beberapa dokumen saya ke situs web internal untuk pengguna internal. Ini adalah cara mudah untuk memiliki dokumen yang dibagikan tetapi tidak dapat diedit oleh pemirsa.

Jadi, penandaan teks berwarna ini adalah "Hebat". Saya telah menggunakan beberapa seperti ini dan bekerja dengan sangat baik.

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

Berubah menjadi Ini adalah cetak miring biru.

Dan

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

Berubah menjadi Ini adalah Red Bold.

Saya suka fleksibilitas dan kemudahan penggunaan.

Meskipun Penurunan harga tidak mendukung warna, jika Anda tidak membutuhkan terlalu banyak, Anda selalu dapat mengorbankan beberapa gaya yang didukung dan mendefinisikan kembali tag terkait menggunakan CSS untuk membuatnya berwarna, dan juga menghapus pemformatan, atau tidak.

Contoh:

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


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

Lihat juga: Cara mengatur ulang tag mereka menjadi tebal dan bukan miring

Kemudian dalam teks penurunan harga Anda

~~This is green~~
_this is blue_

Ini harus lebih pendek:

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

Anda mungkin dapat menggunakan gaya lateks:

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

Untuk menjaga spasi putih di antara kata-kata, Anda juga harus memasukkan tilde ~.

Tampaknya kramdown mendukung warna dalam beberapa bentuk.

Kramdown memungkinkan inline html :

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

Juga memiliki sintaks lain untuk menyertakan kelas css inline :

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

Halaman ini lebih lanjut menjelaskan bagaimana GitLab menggunakan cara yang lebih ringkas untuk menerapkan kelas css di Kramdown:

Menerapkan bluekelas ke teks:

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

Menerapkan bluekelas ke pos:

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

Menerapkan dua kelas:

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

Menerapkan id:

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

Ini menghasilkan:

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

Ada banyak hal lain yang dijelaskan di tautan di atas . Anda mungkin perlu memeriksa.

Juga, seperti jawaban lain katakan, Kramdown juga merupakan penyaji penurunan harga default di belakang Jekyll . Jadi, jika Anda mengarang apa pun di halaman github, fungsi di atas mungkin tersedia di luar kotak.

Dalam Jekyllsaya bisa menambahkan beberapa warna atau gaya lain ke elemen tebal (harus bekerja dengan semua elemen lain juga).

Saya memulai "styling" dengan {:dan mengakhirinya }. Tidak ada ruang yang diizinkan antara elemen dan braket keriting!

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

Akan diterjemahkan ke html:

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

Ketika Anda ingin menggunakan Markdown murni (tanpa HTML bersarang), Anda dapat menggunakan Emoji untuk menarik perhatian ke beberapa fragmen file, yaitu ⚠️ PERINGATAN ⚠️, 🔴 PENTING ❗🔴 atau 🔥 BARU 🔥.

Ini bekerja di Joplin pencatat:

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

Saya sudah sukses dengan

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

Peringatan: kelas harus sudah ada di situs.