マークダウンで色を適用する方法は？

Markdownを使用してテキスト情報を保存したい。しかし、すばやくグーグルすると、Markdownは色をサポートしないと言います。また、StackOverflowは色をサポートしていません。GitHubマークダウンの場合と同じです。

色付きのテキストを許可するマークダウンのフレーバーはありますか？

簡潔な答え

Markdownは色をサポートしていません！

TL; DR

元の/公式の構文規則は次のように述べています（強調を追加）：

Markdownの構文は、Web用の記述形式として使用することを目的としています。

MarkdownはHTMLに置き換わるものではありません。その構文は非常に小さく、HTMLタグの非常に小さなサブセットにのみ対応しています。アイデアは、HTMLタグを挿入しやすくする構文を作成することではありません。私の意見では、HTMLタグはすでに挿入するのが簡単です。Markdownのアイデアは、散文を読み、書き、編集しやすくすることです。HTMLは公開形式です。Markdownは書き込みフォーマットです。したがって、Markdownのフォーマット構文は、プレーンテキストで伝達できる問題のみを扱います。

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実装で機能するはずです。

もう1つの可能性は、Markdown のMarkuru実装によって最初に導入され、後で他のいくつか によって採用された非標準の属性リストを使用することです（pandocのdivおよびspan属性のように、同じアイデアの実装が多かったり、わずかに異なる場合があります）。その場合、クラスを段落またはインライン要素に割り当て、CSSを使用してクラスの色を定義できます。ただし、実際には非標準機能をサポートする数少ない実装の1つを使用する必要があり、ドキュメントは他のシステムに移植できなくなります。

Markdownを使用して、社内ユーザー向けの社内Webサイトにドキュメントの一部を投稿し始めました。これは、ドキュメントを共有する簡単な方法ですが、ビューアで編集することはできません。

したがって、このテキストの色によるマーキングは「素晴らしい」です。私はこのようないくつかを使用していて、素晴らしい仕事をしています。

<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>

あなたはおそらくlatexスタイルを使うことができます：

$\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がKramdownでcssクラスを適用するためのよりコンパクトな方法をどのように利用するかについてさらに説明します。

blueテキストにクラスを適用：

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

申請中 blue見出しにクラスを：

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

2つのクラスを適用する：

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

IDの適用：

#### 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>

あなたは（ネストされたHTMLなし）純粋な記法を使いたいときは、使用できる絵文字をファイルのいくつかの断片、すなわち⚠️に注意を引くために警告 ⚠️、🔴 重要 ❗🔴または🔥 NEW 🔥。

これはメモを取るジョプリンで機能します。

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

私は成功しました

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

警告：クラスはすでにサイトに存在している必要があります。