如何给Github的README.md文件添加颜色

我有一个README.md文件,用于我的项目underscore-cli ,这是一个在命令行上黑客JSON和JS的漂亮工具。

我想要logging“–color”标志…哪个颜色的东西。 如果我能真正显示输出结果的话,那会更好一些。 我似乎无法find添加颜色到我的README.md。 有任何想法吗?

我试过这个:

<span style="color: green"> Some green text </span> 

和这个:

 <font color="green"> Some green text </font> 

到目前为止没有运气。

值得一提的是,您可以使用占位符映像服务在自述文件中添加一些颜色。 例如,如果你想提供一个颜色列表供参考:

 - ![#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` 

生产:

  • #f03c15 #f03c15
  • #c5f015 #c5f015
  • #1589F0 #1589F0

您可以使用diff语言标记来生成绿色和红色突出显示的文本:

 ```diff + this will be highlighted in green - this will be highlighted in red ``` 

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

要做到这一点,只需将这些示例的标签添加到您的README.md文件:

 ```JSON
    //代码着色
 ```
 ```HTML
    //代码着色
 ```
 ```JS
    //代码着色
 ```
 ```CSS
    //代码着色
 ```
 //等

没有“前置”或“代码”标签需要。

这在GitHub Markdown文档中介绍过 (大约在页面的中间一半,有一个使用Ruby的例子)。 GitHub使用语言学家来识别和突出语法 – 您可以在语言学家的YAML文件中find完整的支持语言列表(以及他们的降价关键字)。

不幸的是,目前这是不可能的。

GitHub Markdown文档没有提及“颜色”,“CSS”,“HTML”或“样式”。

虽然一些Markdown处理器(例如Ghost中使用的)允许使用HTML,比如<span style="color:orange;">Word up</span> ,GitHub会丢弃任何HTML。

如果在自述文件中使用颜色是必要的,那么您的README.md可以简单地将用户引用到README.html。 这当然是取舍。

我倾向于同意Qwertman,目前不能在GitHub markdown中为文本指定颜色,至less不能通过HTML。

GitHub确实允许使用一些HTML元素和属性,但只允许使用某些HTML元素和属性(请参阅有关其HTML清理的文档)。 他们确实允许pdiv标签,以及color属性。 但是,当我尝试在GitHub上使用它们时,它不起作用。 我尝试了以下(其他变化),他们没有工作:

  • <p style='color:red'>This is some red text.</p>
  • <font color="red">This is some text!</font>
  • These are <b style='color:red'>red words</b>.

正如Qwertman所build议的那样,如果您确实需要使用颜色,您可以在README.html中进行操作,并将其引荐给它。

作为渲染栅格图像的替代方法,可以将SVG文件embedded到Markdown代码中,如下所示:

 <a><img src="6c736bfd11ded8cdc5e2bda009a6694a/colortext.svg"/></a> 

那么SVG文件可以看起来像:

 <?xml version="1.0" encoding="utf-8"?> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="50" > <text font-size="16" x="10" y="20"> <tspan fill="red">Hello</tspan>, <tspan fill="green">world</tspan>! </text> </svg> 

不幸的是,即使您可以在打开.svg文件时select并复制文本,embeddedSVG图像时也不能select文本。

查看演示: https : //gist.github.com/Cyber​​Shadow/95621a949b07db295000