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

Question

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

githubcolorsmarkdowngithub-pagesreadme

526

我的项目 underscore-cli 有一个 README.md 文件，我想要记录 --color 标志。

目前，唯一的方法是使用截图（可以存储在项目仓库中）：

但是截图并非文本，使阅读者无法复制/粘贴其中的命令。它们也很难创建/编辑/维护，并且加载速度比较慢。现代的网页使用文本样式，而不是文本的渲染图像。

虽然一些Markdown解析器支持内联HTML样式，但GitHub不支持；这种方式不起作用：

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

这个不起作用：

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

- Dave Dopson

2

如果您无法通过Markdown着色文本，嵌入屏幕截图是否可行？ - girasquid

1

目前还无法在Markdown文件中添加文本颜色吗？ - Nam Nguyen

2

不行 - 这是2014年7月，真是该死。 - lfender6445

1

参见：有没有办法在Github Flavored Markdown中获得彩色文本？ - Vladimir Panteleev

2023解决方案 ${\textsf{\color{lightgreen} 你好，世界！}}$ - undefined

显示剩余5条评论

23个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- SAI KIRAN DANNANA · Answer 1

在问题、拉取请求和讨论中，您可以使用反引号在句子中调用颜色。在反引号内支持的颜色模型将显示颜色的可视化效果。

参考：https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#supported-color-models

- milahu · Answer 2

问题是“如何在GitHub自述文件中着色文本”
这是困难/不可能的

离题：在GitHub问题中，我们可以使用

<span color="red">red</span>

例子：

#!/bin/bash

# Convert ANSI-colored terminal output to GitHub Markdown

# To colorize text on GitHub, we use <span color="red">red</span>, etc.
# Depends on:
#   aha: convert terminal colors to html
#   xclip: copy the result to clipboard
# License: CC0-1.0
# Note: some tools may need other arguments than `--color=always`
# Sample use: colors-to-github.sh diff a.txt b.txt

cmd="$1"
shift # now the arguments are in $@
(
    echo '<pre>'
    $cmd --color=always "$@" 2>&1 | aha --no-header
    echo '</pre>'
) \
| sed -E 's/<span style="[^"]*color:([^;"]+);"/<span color="\1"/g' \
| sed -E 's/ style="[^"]*"//g' \
| xclip -i -sel clipboard

- minnu · Answer 3

这里是你可以编写的文本着色代码：

<h3 style="color:#ff0000">Danger</h3>