Como aplicar cores no Markdown?

Eu quero usar o Markdown para armazenar informações textuais. Mas a pesquisa rápida diz que o Markdown não suporta cores. O StackOverflow também não suporta cores. O mesmo que no caso da remarcação do GitHub.

Existe algum sabor de remarcação que permita texto colorido?

Resposta curta

Markdown não suporta cores!

TL; DR

Como as regras de sintaxe original / oficial declaram (ênfase adicionada):

A sintaxe do Markdown tem uma finalidade: ser usada como um formato para escrever para a web.

Markdown não é um substituto para o HTML, ou mesmo próximo a ele. Sua sintaxe é muito pequena, correspondendo apenas a um subconjunto muito pequeno de tags HTML. A idéia não é criar uma sintaxe que facilite a inserção de tags HTML. Na minha opinião, as tags HTML já são fáceis de inserir. A idéia do Markdown é facilitar a leitura, gravação e edição da prosa. HTML é um formato de publicação; Markdown é um formato de escrita. Portanto, a sintaxe de formatação do Markdown trata apenas de problemas que podem ser transmitidos em texto sem formatação .

Para qualquer marcação que não seja coberta pela sintaxe do Markdown, basta usar o próprio HTML.

Como não é um "formato de publicação", fornecer uma maneira de colorir o texto está fora do escopo do Markdown. Dito isto, não é impossível, pois você pode incluir HTML bruto (e HTML é um formato de publicação). Por exemplo, o seguinte texto Markdown (conforme sugerido por @scoa em um comentário):

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

Resultaria no seguinte HTML:

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

Agora, o StackOverflow (e provavelmente o GitHub) removerá o HTML bruto (como uma medida de segurança), para que você perca a cor aqui, mas deve funcionar em qualquer implementação padrão do Markdown.

Outra possibilidade é usar as Listas de Atributos não-padrão originalmente introduzidas pela implementação do Markuru no Markuru e posteriormente adotadas por algumas outras (pode haver mais implementações da mesma ideia, ou ligeiramente diferentes, como atributos div e span no pandoc ). Nesse caso, você pode atribuir uma classe a um parágrafo ou elemento embutido e, em seguida, usar CSS para definir uma cor para uma classe. No entanto, é absolutamente necessário usar uma das poucas implementações que realmente suportam o recurso não padrão e seus documentos não são mais portáteis para outros sistemas.

Comecei a usar o Markdown para publicar alguns dos meus documentos em um site interno para usuários internos. É uma maneira fácil de compartilhar um documento, mas não poder ser editado pelo visualizador.

Portanto, essa marcação de texto em cores é "Ótimo". Eu uso vários como este e funciona maravilhoso.

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

Torna-se em itálico azul.

E

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

Torna-se em Negrito vermelho.

Adoro a flexibilidade e a facilidade de uso.

Embora o Markdown não suporte cores, se você não precisar de muitos, você sempre pode sacrificar alguns dos estilos suportados e redefinir a tag relacionada usando CSS para torná-la colorida, além de remover ou não a formatação.

Exemplo:

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


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

Veja também: Como mudar o estilo da tag em para ficar em negrito em vez de itálico

Em seguida, no seu texto de remarcação

~~This is green~~
_this is blue_

Isso deve ser mais curto:

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

você provavelmente pode usar o estilo de látex:

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

Para manter o espaço em branco entre as palavras, você também precisa incluir o til ~.

Parece que o kramdown suporta cores de alguma forma.

O Kramdown permite html embutido :

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

Também possui outra sintaxe para incluir as classes css inline :

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

Esta página explica ainda como o GitLab utiliza uma maneira mais compacta de aplicar classes css no Kramdown:

Aplicando blueclasse ao texto:

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

Aplicando blueclasse aos títulos:

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

Aplicando duas classes:

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

Aplicando IDs:

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

Isso produz:

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

Há muitas outras coisas explicadas no link acima . Pode ser necessário verificar.

Além disso, como outra resposta disse, o Kramdown também é o renderizador de descontos padrão por trás do Jekyll . Portanto, se você estiver criando alguma coisa nas páginas do github, a funcionalidade acima pode estar disponível imediatamente.

Em Jekylleu era capaz de adicionar um pouco de cor ou outros estilos para uma ousada elemento (deve trabalhar com todos os outros elementos também).

Comecei o "estilo" {:e finalizei }. Não há espaço permitido entre o elemento e o colchete!

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

Será traduzido para html:

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

Quando você deseja usar o Markdown puro (sem HTML aninhado), pode usar Emojis para chamar a atenção para algum fragmento do arquivo, ou seja, ⚠️ WARNING ⚠️, 🔴 IMPORTANTE ❗🔴 ou 🔥 NOVO 🔥.

Isso funciona no Joplin para anotações:

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

Eu tive sucesso com

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

Advertência: a classe já deve existir no site.