web-dev-qa-db-ja.com

Markdownで色を適用する方法

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

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

markdown
228
Mahesha999

オリジナル/公式として 構文規則 状態（強調を追加）：

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

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

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

256
Waylan

Markdownを使って自分のドキュメントの一部を社内ユーザー向けの社内Webサイトに投稿し始めました。ドキュメントを共有することは簡単ですが、閲覧者が編集することはできません。

そのため、このテキストの色のマーキングは「素晴らしい」です。私はこのようなものをいくつか使ったことがあり、素晴らしい作品です。

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

に変わりますこれは青の斜体です。

そして

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

これは赤い太字です。に変わります。

私は柔軟性と使いやすさが大好きです。

30
Elton

これは短くする必要があります。

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

Markdownは色をサポートしていませんが、あまり必要としないのであれば、サポートされているスタイルのいくつかを犠牲にしてCSSを使用して関連タグを再定義し、色を付けたり、書式を削除したりできます。

例：

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

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

参照： イタリック体ではなく太字にするためのemタグの再作成方法

3
Simon B.

これはメモを取るJoplinで動作します。

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