如何给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
-
#c5f015
-
#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清理的文档)。 他们确实允许p
和div
标签,以及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/CyberShadow/95621a949b07db295000