135

ターミナルで色付きのテキストを出力する GitHub のライブラリを文書化する必要があります。

<style="color:red">spanとの両方を試しまし<font color="red">たが、両方のタグが取り除かれているようです。

これを行う唯一の方法は、色付きのテキストの画像を使用することですか?

スクリーンショットを Git に追加し、GitHub 相対 URL で画像リンクを使用することになりました。

4

5 に答える 5

58

スタイル ディレクティブをGFMに含めることはできません。

最も完全なドキュメント/例は「Markdown Cheatsheet」であり、この要素<style>が欠落していることを示しています。

GFM 要素の 1 つにテキストを含めることができた場合は、そのように色を付けるためにgithub.css スタイルシートで遊ぶことができます。つまり、インライン CSS スタイル ディレクティブを使用して、その css スタイルシートを参照して色を付けます。

于 2014-05-28T07:04:11.783 に答える
41

GitHub README.md ファイルのプレーンテキストに色を付けることはできません。 ただし、以下のタグを使用して、GitHub README.md ファイルのコードサンプルに色を追加できます。

これを行うには、次のサンプルなどのタグを README.md ファイルに追加するだけです。

json
   // 色付けのコード
```
html
   // 色付けのコード
```
```js
   // 色付けのコード
```
css
   // 色付けのコード
```
//など。
**色付きのコード例、JavaScript:** このコードを下の GitHub README.md ファイルに配置し、コードがどのように色付けされるかを確認してください。 
  import { Component } from '@angular/core';
  import { MovieService } from './services/movie.service';

  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css'],
    providers: [ MovieService ]
  })
  export class AppComponent {
    title = 'app works!';
  }

「pre」または「code」タグは必要ありません。

これは現在、 GitHub Markdown のドキュメントでカバーされています(ページの半分ほど下に、Ruby を使用した例があります)。GitHub はLinguistを使用して構文を識別し、強調表示します。サポートされている言語 (およびそのマークダウン キーワード) の完全なリストは、Linguist の YAML ファイルにあります。

デモ

于 2014-06-11T16:29:40.773 に答える
19

ラスター イメージをレンダリングする代わりに、SVG を埋め込むことができます。

https://gist.github.com/Cyber​​Shadow/95621a949b07db295000

残念ながら、.svg ファイルを開いたときにテキストを選択してコピーすることはできますが、SVG 画像が埋め込まれている場合、テキストは選択できません。

于 2015-06-30T15:52:49.170 に答える