Как применить цвет в Markdown?

Я хочу использовать Markdown для хранения текстовой информации. Но быстрый поиск в Google говорит, что Markdown не поддерживает цвет. Также StackOverflow не поддерживает цвет. То же, что и в случае с GitHub.

Есть ли уценка уценки, которая позволяет цветной текст?

Короткий ответ

Уценка не поддерживает цвет!

TL; DR

Как указано в оригинальных / официальных правилах синтаксиса (выделение добавлено):

Синтаксис Markdown предназначен для одной цели: для использования в качестве формата для записи в Интернете.

Уценка не является заменой HTML или даже близко к нему. Его синтаксис очень мал, соответствует только очень небольшому подмножеству тегов HTML. Идея не в том, чтобы создать синтаксис, который облегчает вставку тегов HTML. На мой взгляд, HTML-теги уже легко вставить. Идея Markdown - облегчить чтение, запись и редактирование прозы. HTML - это формат публикации; Markdown - это формат письма. Таким образом, синтаксис форматирования Markdown решает только те проблемы, которые могут быть переданы в виде простого текста .

Для любой разметки, которая не покрыта синтаксисом Markdown, вы просто используете сам HTML.

Поскольку это не «формат публикации», предоставление способа раскрасить текст выходит за рамки Markdown. Тем не менее, это не невозможно, так как вы можете включить необработанный HTML (а HTML - это формат публикации). Например, следующий текст уценки (как предложено @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.

Другая возможность состоит в использовании нестандартных списков атрибутов, первоначально представленных реализацией Markuru 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>

Превращается в это красный жирный.

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

Хотя 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 }

Смотрите также: Как изменить тэг em, чтобы он был выделен жирным шрифтом вместо курсива

Тогда в вашем тексте уценки

~~This is green~~
_this is blue_

Это должно быть короче:

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

Вы, вероятно, можете использовать латексный стиль:

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

Чтобы оставить пробел между словами, вам также необходимо включить тильду ~.

Кажется, что kramdown поддерживает цвета в некоторой форме.

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 также является средством рендеринга уценки по умолчанию за Jekyll . Так что, если вы создаете что-либо на страницах 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>

Предостережение: класс уже должен существовать на сайте.