有没有办法在Github Flavored Markdown中获得彩色文字？

Question

我需要在github上记录一个在终端输出彩色文本的库.

我已经尝试了两种范围<style="color:red">,<font color="red">但它似乎剥离了两个标签.

唯一的方法是使用彩色文字图像吗？

编辑:

我最后添加了屏幕截图到git并使用图像链接w/github相对网址.

Answer 1

如果这可能对那些只需要显示颜色而不是输出的人有帮助,那么作为一种hackish变通方法(和FYI),由于Github支持Unicode数字字符引用(和HTML实体),你可以尝试彩色Unicode符号,尽管它取决于在字体上呈现它们的颜色(因为它恰好出现在Windows 10和Mac 10.12.5上,至少在Mac上,至少在Mac上,向上/向下指向的小红色三角形不显示为红色):

• RED APPLE(🍎):?
• GREEN APPLE(🍏):?
• 蓝心(💙):?
• 绿心(💚):?
• 黄心(💛):?
• 紫色的心脏(💜):?
• 绿皮书(📗):?
• 蓝书(📘):?
• ORANGE BOOK(📙):?
• 大红圈(🔴):?
• 大蓝圈(🔵):?
• 大橙色钻石(🔶):?
• 大蓝钻石(🔷):?
• 小橙色钻石(🔸):?
• 小蓝钻石(🔹):?
• UP-POINTING RED TRIANGLE(🔺):?
• DOWN-POINTING RED TRIANGLE(🔻):?
• 向上指的是小红三角(🔼):?
• 向下的小红三角(🔽):?

Answer 2

您不能在GFM中包含样式指令.

最完整的文档/示例是" Markdown Cheatsheet ",它说明<style>缺少此元素.

如果您设法将文本包含在其中一个GFM元素中,那么您可以使用github.css样式表来以这种方式进行着色.

Answer 3

您不能在GitHub README.md文件中为纯TEXT着色.您CAN但是添加颜色代码示例与下面的代码会在GitHub的README.md文件.

要执行此操作,只需将这些示例等标记添加到README.md文件中:

```json
   // code for coloring
```
```html
   // code for coloring
```
```js
   // code for coloring
```
```css
   // code for coloring
```
// etc.

彩色代码示例,Javascript:将此代码放在您的github README.md文件中,看看它如何为您设置代码颜色.

```js
  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!';
  }
```

不需要"预"或"代​​码"标签.

现在在GitHub Markdown文档中介绍了这一点(大约在页面的一半,有一个使用Ruby的例子).GitHub使用Linguist来识别和突出显示语法 - 您可以在Linguist的YAML文件中找到支持的语言(以及它们的降价关键字)的完整列表.

DEMO

Answer 4

您无法获得绿色/红色文本,但您可以使用diff语言模板获得绿色/红色突出显示的文本.例:

```diff
+ this text is highlighted in green
- this text is highlighted in red
```

Answer 5

作为渲染光栅图像的替代方法,您可以嵌入SVG:

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

不幸的是,即使您在打开.svg文件时可以选择和复制文本,嵌入SVG图像时也无法选择文本.