如何在 Markdown 中应用颜色？

TL;博士

Markdown 不支持颜色，但您可以在 Markdown 中内联 HTML，例如：

<span style="color:blue">some *blue* text</span>.

更长的答案

作为原始/官方 syntax rules 状态（强调添加）：

Markdown 的语法有一个目的：用作网络写作的一种格式。 Markdown 不是 HTML 的替代品，甚至不能接近它。它的语法非常小，只对应非常小的 HTML 标记子集。我们的想法不是创建一种更容易插入 HTML 标记的语法。在我看来，HTML 标签已经很容易插入了。 Markdown 的想法是让阅读、编写和编辑散文变得容易。 HTML 是一种发布格式； Markdown 是一种写作格式。因此，Markdown 的格式化语法只解决了可以用纯文本表达的问题。对于 Markdown 语法未涵盖的任何标记，您只需使用 HTML 本身。

由于它不是“发布格式”，因此提供一种为文本着色的方法超出了 Markdown 的范围。也就是说，这并非不可能，因为您可以包含原始 HTML（并且 HTML 是一种发布格式）。例如，以下 Markdown 文本（由 @scoa 在评论中建议）：

Some Markdown text with <span style="color:blue">some *blue* text</span>.

将产生以下 HTML：

<p>Some Markdown text with <span style="color:blue">some <em>blue</em> text</span>.</p>

现在，StackOverflow（可能还有 GitHub）会将原始 HTML 去掉（作为一种安全措施），所以你在这里失去了颜色，但它应该适用于任何标准的 Markdown 实现。

另一种可能性是使用最初由 Markdown 的 Markuru 实现引入，后来被 few others 采用的非标准属性列表（可能有更多，或略有不同的实现相同的想法，如 {4 }）。在这种情况下，您可以将类分配给段落或内联元素，然后使用 CSS 为类定义颜色。但是，您绝对必须使用实际支持非标准功能的少数实现之一，并且您的文档不再可移植到其他系统。

---

当您想使用纯 Markdown（没有嵌套 HTML）时，您可以使用 Emojis 将注意力吸引到文件的某些片段上，即⚠️WARNING⚠️、🔴IMPORTANT ❗🔴 或 🔥新🔥。

---

我已经开始使用 Markdown 将我的一些文档发布到内部网站以供内部用户使用。这是一种共享文档但查看者无法编辑的简单方法。

因此，这种彩色文本标记是“伟大的”。我用过几个这样的，效果很好。

<span style="color:blue">some *This is Blue italic.* text</span>

变成这是蓝色斜体。

和

<span style="color:red">some **This is Red Bold.** text</span>

变成这是红色粗体。

我喜欢灵活性和易用性。

---

虽然 Markdown 不支持颜色，但如果您不需要太多，您总是可以牺牲一些支持的样式并使用 CSS 重新定义相关标签以使其颜色，并删除格式，或者不。

例子：

// resets
s { text-decoration:none; } //strike-through
em { font-style: normal; font-weight: bold; } //italic emphasis


// colors
s { color: green }
em { color: blue }

另请参阅：How to restyle em tag to be bold instead of italic

然后在您的降价文本中

~~This is green~~
_this is blue_

---

我喜欢重新定义现有标签的想法，如果它们没有被使用，因为文本更干净，以牺牲现有标签为代价。内联样式有效，但在阅读原始文本时会产生很多噪音。

使用 VSCode，我发现自定义单字母标签，由顶部的小 <style> 部分支持，效果很好，噪音最小，特别是对于专色，例如

<style>
r { color: Red }
o { color: Orange }
g { color: Green }
</style>

# TODOs:

- <r>TODO:</r> Important thing to do
- <o>TODO:</o> Less important thing to do
- <g>DONE:</g> Breath deeply and improve karma

我的用例是在开发过程中进行 orgmode-ish 应用内笔记，但我想它可能在其他地方工作？

---

这应该更短：

<font color='red'>test blue color font</font>

---

您可能可以使用乳胶样式：

$\color{color-code}{your-text-here}$

要保留单词之间的空格，您还需要包含波浪号 ~。

---

作为替代方案，文本中的任何颜色都可以使用彩色 Unicode 字符来实现，例如🔴、U+1F534 '大红色圆圈'。

例如，当我记录电线颜色时，当硬件伴随我在 GitHub 上的软件项目时，我会使用这样的字符。

🔴 red: +5V
🟠 orange: +3.3V
⚫ black: ground
⚪ white: ground (pull-down)
🟣 purple: I2C signal
🟢 green: clock signal
🟡 yellow: WS2812 signal
🔵 blue: resistor bridge (analogue) input

也许这对您的文档也很有用。您可以将此示例复制并粘贴到您的文本中，或在网络搜索中搜索“unicode Purple square”等字符串。它们也被认为是表情符号。

---

在 Jekyll 中，我能够为 bold 元素添加一些颜色或其他样式（应该也适用于所有其他元素）。

我以 {: 开始“样式化”并以 } 结束。元素和大括号之间不允许有空格！

**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>

---

似乎 kramdown 支持某种形式的颜色。

克拉姆当 allows inline html：

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

它还具有 including css classes inline 的另一种语法：

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

This 页面进一步解释了 GitLab 如何利用更紧凑的方式在 Kramdown 中应用 css 类：

将蓝色类应用于文本：这是一个出于某种原因我们想要蓝色的段落。 {: .blue} 将蓝色类应用于标题：#### 蓝色标题 {: .blue} 应用两个类：蓝色和粗体段落。 {: .blue .bold} 应用 ids: #### 蓝色标题 {: .blue #blue-h} 这会产生：

蓝色标题

above link 解释了许多其他内容。您可能需要检查。

此外，正如其他答案所说，Kramdown 也是 default markdown renderer behind Jekyll。因此，如果您在 github 页面上创作任何内容，上述功能可能是开箱即用的。

---

短篇小说：链接。使用类似的东西：

a[href='red'] { 颜色：红色；指针事件：无；光标：默认；文字装饰：无； } 看，妈！红色！

（上面的 HTML 用于演示目的）

在你的 md 源代码中：

[Look, ma! Red!](red)

---

这适用于记笔记乔普林：

<span style="color:red">text in red</span>

---

在 zeppelin 段落中运行以下命令

%md ### <span style="color:red">text</span>

---

我已经成功了

<span class="someclass"></span>

警告：该类必须已经存在于站点上。

---

将此命令放入 RMarkdown 标头中

header-includes: \usepackage{xcolor}

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

\textcolor{green}{Text is green!}

---

屁股疼。

通过 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

红色的“总体目标”-黑色的其余部分。字体保持不变，空格没有问题。

导出到 odt 或 docx - 不走运。

---

请使用以下语法将 BOLD 和字体颜色设为红色

__`A`__

---

感谢此线程中的所有答案。

我同意，最终目的是强调和区分文本。所以这里是我从这个线程中学到的答案的整合，以及个人喜好（通过粘贴在 MD 编辑器中检查它们）：

样式 markdown 🔴 🟠 ⚫ ⚪ 🟣 🟢 🟡 🔵 相同 ✅ true 和 ❌false 相同的下划线 underline ~~stroke~~ ~~stroke~~ 斜体 *italic* ==highlight== ==highlight==粗体 **粗体 ** 红色 `红色` 蓝色 蓝色 其他颜色 其他颜色

---