135

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

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

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

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

4

5 回答 5

106

如果这可能对只需要显示颜色而不是输出的人有所帮助，作为一种骇人听闻的解决方法（和仅供参考），因为 GitHub 支持 Unicode（作为 Unicode、数字字符引用或 HTML 实体），您可以尝试彩色 Unicode 符号，尽管它取决于将它们呈现为颜色的字体（因为它恰好出现在 Windows 10 和 Mac 10.12.5 上，至少，尽管至少在 Mac 上，向上/向下指向的小红色三角形不会显示为红色）：

  • 红苹果 ():
  • 青苹果 ():
  • 蓝心 ():
  • 绿心 ():
  • 黄心 ():
  • 紫心 ():
  • 绿皮书 ():
  • 蓝皮书 ():
  • 橙皮书 ():
  • 大红圈 ():
  • 大蓝色圆圈 ()：
  • 大橙色钻石 ()：
  • 大号蓝色钻石 ()：
  • 小橙色钻石 ():
  • 小蓝钻 ()：
  • 向上指向的红色三角形 ():
  • 向下指向的红色三角形 ():
  • 向上指向的小红三角 ()：
  • 向下指向的小红三角 ()：
于 2016-03-29T14:36:07.843 回答
58

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

最完整的文档/示例是“ Markdown Cheatsheet ”，它说明<style>缺少此元素。

如果您设法将您的文本包含在一个 GFM 元素中，那么您可以使用github.css 样式表来以这种方式着色，这意味着使用内联 CSS 样式指令着色，参考所述 css 样式表。

于 2014-05-28T07:04:11.783 回答
58

您无法获得绿色/红色文本，但您可以使用 diff 语言模板获得绿色/红色突出显示的文本。例子：

```diff
+ this text is highlighted in green
- this text is highlighted in red
```
于 2016-12-08T16:06:04.367 回答
41

您不能 在 GitHub README.md 文件中为纯 文本着色。但是，您可以使用以下标签为 GitHub README.md 文件中的代码示例添加颜色。

为此，只需将标签（例如这些示例）添加到您的 README.md 文件中：

```json
   // 着色代码
```
```html
   // 着色代码
```
```js
   // 着色代码
```
```css
   // 着色代码
```
// 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 使用Linguist来识别和突出语法 - 您可以在Linguist 的 YAML 文件中找到支持的语言（以及它们的 markdown 关键字）的完整列表。

演示

于 2014-06-11T16:29:40.773 回答
19

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

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

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

于 2015-06-30T15:52:49.170 回答