如何在Markdown中给文本应用颜色

886

我想使用Markdown来存储文本信息。但是快速谷歌搜索表明Markdown不支持颜色。同样,在Stack Overflow和GitHub markdown中也不支持颜色。

是否有任何一种Markdown风格可以允许有彩色文本?


10
我可以帮忙翻译。举个例子,您可以通过pandoc将它们混合使用:<span style="color:red"> *some emphasized markdown text*</span>。如果您询问的是原生Markdown是否支持颜色处理,我认为是不支持的。请注意,我的翻译尽量保持原意,但会更通俗易懂,没有额外内容或解释。 - scoa
1
这个答案可能对你有所帮助,因为它对我很有用... - Curiosity
8
如https://dev59.com/mlsW5IYBdhLWcg3wDzgu#61637203答案中所述,如果使用彩色表情符号,可以在Markdown文档中添加一些颜色,而不必使用HTML和CSS。当然,并非所有情况都适用于此方法,但例如,如果您想将单词“true”着为绿色,将单词“false”着为红色,则可以这样做:✅ true and ❌ false。因此,您仍然可以获得颜色提示,但无需将整个文本字符串染色。 - sideshowbarker
20个回答

14

感谢本帖中所有的回答。

我同意,最终目的是强调和区分文本。所以这里是我从这个帖子中学到的答案整合,以及个人偏好(通过将它们粘贴到MD编辑器中进行检查):

样式 Markdown
⚫ ⚪ 相同
✅ true and ❌false 相同
下划线 <u>下划线</u>
~~删除线~~ ~~删除线~~
斜体 *斜体*
==高亮== ==高亮==
加粗 **加粗**
红色 `红色`
蓝色 <a >蓝色</a>
其他颜色 <font color=#0fb503>其他颜色</font>

颜色在当今的工作中非常重要。 - A.Ametov

9
在 Jekyll 中,我能够为加粗的元素(也适用于所有其他元素)添加一些颜色或其他样式。我使用 {: 开始 "样式",并在 } 结束。元素和花括号之间不允许有空格!
**My Bold Text, in red color.**{: style="color: red; opacity: 0.80;" }

将被翻译为html:

<strong style="color: red; opacity: 0.80;">My Bold Text, in red color.</strong>

7

看起来 kramdown 在某种程度上支持颜色。

Kramdown允许嵌入HTML

This is <span style="color: red">written in red</span>.

此外,它还有另一种语法用于内联包含CSS类

This is *red*{: style="color: red"}.

这个页面进一步解释了GitLab如何使用更紧凑的方式在Kramdown中应用CSS类:

Applying blue class to text:

This is a paragraph that for some reason we want blue.
{: .blue}

Applying blue class to headings:

#### A blue heading
{: .blue}

Applying two classes:

A blue and bold paragraph.
{: .blue .bold}

Applying ids:

#### A blue heading
{: .blue #blue-h}

This produces:

<h4 class="blue" id="blue-h">A blue heading</h4>

上面的链接中还有许多其他内容需要解释。您可能需要查看。

此外,正如其他答案所述,Kramdown也是Jekyll后台默认的Markdown渲染器。因此,如果您在GitHub Pages上编写任何内容,则上述功能可能已经可以直接使用。


5
在Zeppelin段落中运行以下内容:
%md ### <span style="color:red">text</span>


5
这在笔记软件Joplin中可以使用:
<span style="color:red">text in red</span>

3
在Jupyter Notebook中添加一个带有任意给定颜色的标题。

enter image description here

如果您不在开头使用 ##,则会像给定颜色中的普通文本一样显示在笔记本中

enter image description here


3

在RMarkdown头部中加入以下命令:

header-includes: \usepackage{xcolor}

然后使用此命令为您的文本上色

\textcolor{green}{Text is green!}

3

我已经成功地使用过

<span class="someclass"></span>
<注意>: 这个类必须已经存在于网站上。

2

让人十分烦恼。

通过pandoc将Markdown转换为PDF只有在使用以下方法时才有效:

---
header-includes: 
                 \usepackage{xcolor}
                 \definecolor{alizarin}{rgb}{0.82, 0.1, 0.26}
---

\color{alizarin}The overarching aim \color{black} of this project is

"The overarching aim"(主要目标)为红色-其余为黑色。字体保持不变,空格没有问题。

导出到odt或docx - 没有成功。


0
请使用以下语法获取加粗和红色字体颜色:

文本内容

__`A`__

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接