如何添加颜色到GitHub的README。md文件

我有一个自述文件。md文件用于我的项目underscore-cli，我想记录——color标志。

目前，做到这一点的唯一方法是截图(可以存储在项目存储库中):

但截图不是文本，防止读者复制/粘贴截图中的命令。创建/编辑/维护它们也很麻烦，而且浏览器加载速度较慢。现代网络使用文本样式，而不是一堆渲染的文本图像。

虽然一些Markdown解析器支持内联HTML样式，但GitHub不支持;这行不通:

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

这行不通:

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

当前回答

作为渲染光栅图像的替代方案，您可以嵌入SVG文件:

<a><img src="https://dump.cy.md/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文件时选择和复制文本，但当嵌入SVG图像时，文本是不可选择的。

演示:https://gist.github.com/CyberShadow/95621a949b07db295000

2016-03-20 02:31:28

其他回答

可以这样做:

! [] (https://img.shields.io/static/v1?label=&message=Ааи&color = green)

2021-10-15 08:19:07

GitHub默默地增加了对> __Note__和> __Warning__语法的支持:

2022-08-05 10:39:50

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

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

而一些Markdown处理器(例如在Ghost中使用的)允许HTML，例如<span style="color:orange;>Word up</span>， GitHub's丢弃任何HTML。