Github'のREADME.mdファイルに色をつける方法
私のプロジェクト underscore-cli の README.md ファイルは、コマンドラインで JSON と JS をハックするためのかなり甘いツールです。
私は "--color" フラグを文書化したい...それは...物事を着色する。 出力がどのように見えるかを実際に示すことができれば、それはもっとうまくいくでしょう。 README.mdに色をつける方法が見つかりません。 何かアイデアはありますか?
試してみました':
<span style="color: green"> Some green text </span>
そして、これです:
<font color="green"> Some green text </font>
今のところ運がない。
271
9
プレースホルダー画像サービスを使用して、READMEに色を追加できることは、言及する価値があります。 たとえば、参照する色のリストを提供したい場合:
プロデュース:
-。 ![#f03c15](https://placehold.it/15/f03c15/000000?text =+)
#f03c15
。 -。 ![#c5f015](https://placehold.it/15/c5f015/000000?text =+)#c5f015
。 -。 ![#1589F0](https://placehold.it/15/1589F0/000000?text =+)#1589F0
。diff
言語タグを使用して、いくつかの色付きのテキストを生成できます。GitHub の
README.md
ファイルにあるプレーンテキストに色をつけることはできません。しかし、以下のタグを使えば、コードサンプルに色をつけることができます。README.mdファイルに以下のようなタグを追加するだけです:
残念ながら、現在は不可能です。
GitHub Markdownドキュメント](https://help.github.com/articles/github-flavored-markdown)には、 'color', 'css', 'html', 'style' の記述がない。
Markdownプロセッサ(例えばGhostで使われているもの)の中には、
<span style="color:orange;">Word up</span>
のように、HTMLを使えるものもありますが、GitHub'ではHTMLを一切捨てています。もし、Readmeに色を使うことが必須であれば、README.mdは単にREADME.htmlをユーザーに紹介すればいいのです。もちろん、この代償として、アクセシビリティがあります。
私はQwertmanと同意見で、GitHubのマークダウンでテキストの色を指定することは、少なくともHTMLでは現在不可能だと考えています。
GitHubはいくつかのHTML要素や属性を許可していますが、それは特定のものだけです(HTMLサニタイズに関する彼らのドキュメントを参照してください)。p
タグや
divタグ、そして
color`属性は許可されています。しかし、GitHubのマークダウン・ドキュメントでこれらを使ってみたところ、うまくいきませんでした。以下のように(他のバリエーションも含めて)試してみたが、うまくいかなかった:<p style='color:red'>This is some red text.</p>
.This is some text!
.lt;b style='color:red'>red words.
である。Qwertmanが提案したように、どうしても色を使いたいのであれば、README.htmlに書いて、それを参照させればよいでしょう。
ラスター画像をレンダリングする代わりに、SVGファイルを埋め込むことができます。
その後、通常どおりSVGファイルにカラーテキストを追加できます。
残念ながら、「。svg」ファイルを開くときにテキストを選択してコピーすることはできますが、SVGイメージが埋め込まれている場合、テキストは選択できません。
デモ:https://gist.github.com/CyberShadow/95621a949b07db295000。
絵文字Enicode文字を使用してGitHubマークアップページに色を追加しました。 💡または🛑 -一部の絵文字は一部のブラウザーで色付けされています。 (私が知る限り、色付きの絵文字アルファベットはありません。)。
執筆時点で、Github Markdownはカラープレビューで「#hexhex」をレンダリングします。
@AlecRustのアイデアに基づいて、pngテキストサービスの実装を行いました。
デモはこちらです。
http://lingtalfi.com/services/pngtext?color = cc0000& size = 10& text = Hello%20World。
4つのパラメーターがあります。
-テキスト:表示する文字列。 -フォント:このデモではとにかくArial.ttfしか持っていないので、使用しないでください。 -fontSize:整数(デフォルトは12)。 -色:6文字16進コード。
このサービスを直接使用しないでください(テストを除く)。ただし、サービスを提供する作成したクラスを使用してください。
https://github.com/lingtalfi/WebBox/blob/master/Image/PngTextUtil.php。
注:ユニバースフレームワークを使用しない場合は、次の行を置き換える必要があります。
このコードで:
その場合、16進色は正確に6文字でなければなりません(ハッシュシンボル(#)をその前に置かないでください)。
注:フォントが醜く、より悪いことが判明したため、結局、このサービスを使用しませんでした。テキストを選択することができませんでした。 しかし、この議論のために、このコードは共有する価値があると思いました。..