如何在Markdown/GitLab中给文本上色

Question

我正在尝试在Markdown中添加颜色文本。预览时看起来很好，但当我将其推送到存储库时，文本没有着色。如何使文本着色？

In his beard lived three <span style="color:red">cardinals</span>.

- Cesarz

---

我能想到目前 GitLab 支持的颜色只有 inline diffs：https://docs.gitlab.com/ee/user/markdown.html#inline-diff - Andreas Louv

Answer 1

你可以尝试这个方法，Gitlab渲染显示效果不错，希望对你有所帮助：

$`\textcolor{red}{\text{your text}}`$ 
$`\textcolor{blue}{\text{your text}}`$ 
$`\textcolor{green}{\text{your text}}`$ 

还有一种 diff 栅栏：

```diff
- RED text
+ GREEN text
! ORANGE text
# GRAY text
```

- dejanualex

---

第一种语法不起作用。在预览中我看到颜色，但是当我将文件推送到存储库时，颜色不起作用。第二种语法在文本周围创建了彩色边框。这不完全是我想要的。 <img src="https://i.imgur.com/8MjTIA8.png"> - Cesarz

嗯，我指的是第一个渲染结果，在我的端口上GitLab网页已经将它们渲染出来了。请查看上面的更新。 - dejanualex

很遗憾，这会改变字体族。 - WoodrowShigeru

了不起，利用katex数学语法！如果要更改背景色，请查看https://katex.org/docs/migration.html#cfrac-color-textcolor-colorbox-fcolorbox。 - yancyn

第一种语法不起作用。 第二种语法可以工作，但橙色显示为粗灰色。 屏幕截图在此处：https://i.imgur.com/NzKYLFi.png。 - Frak

正如@yancyn所指出的，第一个语法是LaTeX格式化。我在这里做了一个示例片段：https://gitlab.com/-/snippets/3606132 当KaTeX被安装和启用时，它可以正常工作，而gitlab.com上已经安装了它。另请参阅https://stackoverflow.com/a/42081405/776953。由于它是LaTeX，它使用LaTeX字体。如果你想匹配GitLab的Markdown字体，请使用`\sf`或`\textsf`设置LaTeX字体。请参阅https://katex.org/docs/supported.html#style-color-size-and-font。 - undefined

Answer 2

很不幸，大部分用于在Markdown中设置颜色的HTML技巧都会被GitLab的展示层无效化。

GitLab的内联差异可以在GitLab的问题、维基和Markdown预览中显示Markdown。

它支持[- 红色文本 -]和[+ 绿色文本 +]，但不支持其他颜色。除了其预期的用途外，这对于在Markdown文档和评论中进行突出显示非常有用，因为它是背景被着色，而不是字母。

---

根据@dejanualex的回答，你也可以使用inline LaTeX（文档不会渲染LaTeX，所以最好在GitLab文档代码中查看）。我在这里提供了一个示例片段：https://gitlab.com/-/snippets/3606132。

只要安装并启用了KaTeX，它就可以正常工作，而gitlab.com上已经安装了它。还可以参考https://dev59.com/u1sW5IYBdhLWcg3wNE4q#42081405。

因为它是LaTeX，所以使用LaTeX字体。如果你想与GitLab的Markdown字体匹配，可以使用\sf或\textsf来设置LaTeX字体。请参阅https://katex.org/docs/supported.html#style-color-size-and-font

- mike