Як застосувати колір у Markdown?

Я хочу використовувати Markdown для зберігання текстової інформації. Але швидкий гуглінг говорить, що Markdown не підтримує колір. Також StackOverflow не підтримує колір. Те саме, що і у випадку розмітки GitHub.

Чи є аромат розмітки, який дозволяє кольоровий текст?

Коротка відповідь

Розмітка не підтримує колір!

TL; DR

Як зазначено у вихідних / офіційних синтаксичних правилах (наголос додано):

Синтаксис Markdown призначений для однієї мети: використовувати його як формат для написання для Інтернету.

Відмітка не є заміною HTML або навіть близько до нього. Його синтаксис дуже малий, відповідає лише дуже невеликій підмножині тегів HTML. Ідея полягає не в тому, щоб створити синтаксис, який полегшує вставлення HTML-тегів. На мою думку, теги HTML вже легко вставляти. Ідея Markdown - полегшити читання, написання та редагування прози. HTML - формат публікації; Відмітка - це формат написання. Таким чином, синтаксис форматування Маркдаун стосується лише тих питань, які можна передати простим текстом .

Для будь-якої розмітки, яка не охоплена синтаксисом Markdown, ви просто використовуєте сам HTML.

Оскільки це не "формат публікації", надання способу забарвлення тексту є поза рамками для Markdown. Однак це не є неможливим, оскільки ви можете включити необроблений HTML (а HTML - формат публікації). Наприклад, наступний текст Markdown (як це запропонував @scoa у коментарі):

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

У результаті з'явиться такий HTML:

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

Тепер StackOverflow (і, ймовірно, GitHub) зніме необроблений HTML-код (як захід безпеки), щоб ви втратили тут колір, але він повинен працювати на будь-якій стандартній реалізації Markdown.

Інша можливість полягає у використанні нестандартних списків атрибутів, спочатку запроваджених Маркуру реалізацією Markdown, а пізніше прийнятих кількома іншими (може бути більше, або дещо різні реалізації тієї самої ідеї, як атрибути div та span в pandoc ). У такому випадку ви можете призначити клас абзацу чи вбудованому елементу, а потім використовувати CSS для визначення кольору класу. Однак ви абсолютно повинні використовувати одну з небагатьох реалізацій, яка фактично підтримує нестандартну функцію, і ваші документи більше не переносяться в інші системи.

Я почав використовувати Markdown для розміщення деяких моїх документів на внутрішньому веб-сайті для внутрішніх користувачів. Це простий спосіб спільного використання документа, але його не може редагувати глядач.

Отже, це маркування тексту кольором є «чудовим». Я використовую кілька подібних і чудово працює.

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

Перетворюється на синій курсив.

І

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

Перетворюється на Це Red Bold.

Я люблю гнучкість і простоту використання.

Хоча Markdown не підтримує колір, якщо вам не потрібно занадто багато, ви завжди можете пожертвувати деякими підтримуваними стилями та переосмислити відповідний тег за допомогою CSS, щоб зробити його кольоровим, а також видалити форматування чи ні.

Приклад:

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


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

Дивіться також: Як відмітити тег, щоб бути жирним, а не курсивом

Потім у своєму розмітковому тексті

~~This is green~~
_this is blue_

Це має бути коротше:

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

ймовірно, ви можете використовувати стиль латексу:

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

Щоб зберегти пробіл між словами, вам також потрібно включити тильду ~.

Здається, крамдаун підтримує кольори в якійсь формі.

Kramdown дозволяє вбудовувати html :

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

Крім того, він має інший синтаксис для включення в рядок css класів :

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

На цій сторінці далі пояснюється, як GitLab використовує більш компактний спосіб застосування класів css у Kramdown:

Застосування blueкласу до тексту:

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

Застосування blueкласу до заголовків:

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

Застосування двох класів:

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

Застосування ідентифікаторів:

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

Це дає:

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

Існує багато інших речей, пояснених за вище посиланням . Можливо, вам доведеться перевірити.

Крім того, як сказано в іншій відповіді, Kramdown також є рендером відмітки за замовчуванням за Джекіллом . Тож якщо ви пишете що-небудь на сторінках github, вище функціональність може бути доступною у вікні.

У Jekyllмене вдалося додати певного кольору або інших стилів до жирного елемента (має працювати і з усіма іншими елементами).

Я почав "стайлінг" з {:і закінчив його }. Між елементом і фігурною дужкою не допускається місця!

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

Буде переведено на html:

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

Якщо ви хочете використовувати чистий Markdown (без вкладеного HTML), ви можете використовувати Emojis , щоб привернути увагу до якоїсь - то фрагмент файлу, тобто ⚠️ ПОПЕРЕДЖЕННЯ ⚠️, 🔴 ВАЖЛИВО ❗🔴 або 🔥 NEW 🔥.

Це працює в примітці Джопліна:

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

Я мав успіх у

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

Caveat: клас повинен уже існувати на сайті.