有没有一种方法可以得到彩色文字在 GitHubFlavoredMarkdown？

我需要在 GitHub 上记录一个在终端中输出彩色文本的库。

我已经尝试了 span <style="color:red">和 <font color="red">，但是它似乎去掉了这两个标记。

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

最后，我将屏幕截图添加到 Git，并使用带有 GitHub 相对 URL 的图像链接。

206422 次浏览
小开
最佳答案

不能在 GFM中包含样式指令。

最完整的文档/示例是“ 降价备忘录”，它说明缺少这个元素 <style>。

如果你设法在 GFM 元素中包含你的文本，那么你可以使用 Css 样式表来实现这样的颜色，这意味着使用内联的 CSS 样式指令，引用所说的 CSS 样式表。

小开

您可以在 GitHub README.md 文件中使用 强 颜色朴素 < strong > text 。然而，您可以在 GitHub README.md 文件中添加 颜色 < strong > code 样本，并使用下面的标记。

为此，只需在 README.md 文件中添加标记，比如这些示例:

```json
// Code for coloring
```
```html
// Code for coloring
```
```js
// Code for coloring
```
```css
// Code for coloring
```
// etc.
彩色代码示例，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 使用 语言学家来识别和突出显示语法——你可以在 语言学家的 YAML 文件中找到支持语言的完整列表(以及它们的降价关键字)。

演示

小开

作为呈现栅格图像的替代方法，您可以嵌入一个 SVG:

Https://gist.github.com/cybershadow/95621a949b07db295000

不幸的是，即使您可以在打开。在 SVG 文件中，当嵌入 SVG 图像时，文本是不可选的。

小开

如果这对那些只需要显示颜色而不是输出的人有帮助的话，作为一个骇客式的解决方案(仅供参考) ，因为 GitHub 支持 Unicode (作为 Unicode、数字字符引用或 HTML 实体) ，你可以尝试彩色的 Unicode 符号，尽管这取决于用颜色呈现它们的字体(碰巧在 Windows 10和 Mac 10.12.5中出现，至少在 Mac 上，上下指向的小红三角形不会显示为红色) :

  • 红苹果:
  • 青苹果:
  • 蓝色的心(& # x1F499;) :
  • 绿心:
  • 黄色心脏:
  • 紫心勋章:
  • 绿皮书:
  • 蓝皮书:
  • 橘子书:
  • 大红圈(& # x1F534;) :
  • 大蓝圈(& # x1F535;) :
  • 大橙色钻石:
  • 蓝色大钻石:
  • 橙色小钻石(& # x1F538;) :
  • 小蓝钻(& # x1F539;) :
  • 向上指向的红色三角形(& # x1F53A;) :
  • 向下指向的红色三角形(& # x1F53B;) :
  • 向上指向小红三角形(& # x1F53C;) :
  • 向下指向的小红三角形(& # x1F53D;) :
小开

您不能获得绿色/红色的 < em > text ，但是您可以使用 diff 语言模板获得绿色/红色的 突出显示的文本:

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

提交答案