私はテキスト情報を保存するためにMarkdownを使いたいと思っています。しかし、すぐにググってみると、Markdownはカラーをサポートしていません。また、StackOverflowも色をサポートしていません。GitHubのMarkdownの場合と同じです。
色付きのテキストが使えるMarkdownのフレーバーはありますか?
オリジナル/公式のsyntax rulesには、次のように書かれています(強調しています)。
Markdownの構文は、ウェブ用の文章を書くためのフォーマットとして使用されるという、1つの目的のために作られています。
MarkdownはHTMLの代替ではなく、それに近いものでもありません。Markdownのシンタックスは非常に小さく、HTMLタグの非常に小さなサブセットにのみ対応しています。HTMLタグを簡単に挿入できるような構文を作ることが目的ではありません。私の意見では、HTMLタグはすでに簡単に挿入できます。Markdownのアイデアは、散文を読み、書き、編集することを容易にすることです。HTMLはパブリッシングフォーマットで、Markdownはライティングフォーマットです。したがって、Markdownのフォーマットシンタックスは、プレーンテキストで伝えられる問題のみに対応しています。
Markdownの構文でカバーされていないマークアップについては、単にHTML自体を使用します。
HTMLは"publishing format,"ではないので、テキストに色をつける方法を提供することは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でクラスの色を定義することができます。ただし、実際に非標準の機能をサポートしている数少ない実装を絶対に使用しなければならず、あなたの文書は他のシステムに移植できなくなります。
社内ユーザー向けの社内Webサイトにドキュメントの一部を掲載するためにMarkdownを使い始めました。 ドキュメントを共有するには簡単な方法ですが、閲覧者が編集することはできません。
ですから、このテキストのカラーマーキングは「素晴らしい」の一言に尽きます。私はこのような機能をいくつか使用したことがありますが、素晴らしい機能です。
<span style="color:blue">some *This is Blue italic.* text</span>
これは青のイタリックです。
そして
<span style="color:red">some **This is Red Bold.** text</span>
This is Red Bold.**に変わります。
この柔軟性と使いやすさが気に入っています。
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 }
参照: https://stackoverflow.com/questions/25535836/how-to-restyle-em-tag-to-be-bold-instead-of-italic
次に、マークダウンテキストで
~~This is green~~
_this is blue_