Markdown的设计初衷是专注于内容本身,所以它没有提供直接改变文字颜色的语法。不过,我们可以巧妙地借用 HTML标签 来实现这个功能。
一、核心原理:在Markdown里写HTML
Markdown的许多实现都兼容HTML。这意味着你可以在Markdown文档中直接使用HTML标签,而这些标签的效果会被保留和渲染。
其中,<span> 标签是我们给文字上色的好帮手。
二、操作方法:使用 <span> 标签
你只需要在想要改变颜色的文字前后,加上 <span style="color:你喜欢的颜色;"> 和 </span> 即可。
- <span>:一个用来包裹内容的容器,本身不产生任何视觉效果。
- style="color:你喜欢的颜色;":这是内联CSS样式,用来定义包裹内容的样式。color 属性就是用来设置文字颜色的。
- 你喜欢的颜色:可以是颜色的英文名称(如 red),也可以是更精确的十六进制代码(如 #FF0000)或RGB值(如 rgb(255,0,0))。
三、具体Markdown示例
假设你想让"这是一句红色的提醒"这几个字变成红色。
-
-
编写Markdown代码,在文档中输入以下内容:
普通的黑色文字。 这是一句红色的提醒。后面又是普通文字。
-
-
- 预览效果:
普通的黑色文字。 这是一句红色的提醒。后面又是普通文字。
掌握了基本方法,你可以玩出很多花样。下面列出了一些常见的用法,你可以直接复制代码去试试。
# 颜色支持测试文档
## 1. 基本文本颜色
<span style="color:red;">红色文本</span> 和普通文本。
<span style="color:blue;">蓝色文本</span> 和普通文本。
<span style="color:green;">绿色文本</span> 和普通文本。
## 2. 十六进制颜色
<span style="color:#FF0000;">十六进制红色 #FF0000</span>
<span style="color:#0000FF;">十六进制蓝色 #0000FF</span>
## 3. RGB 颜色
<span style="color:rgb(255,0,0);">RGB 红色 rgb(255,0,0)</span>
<span style="color:rgb(0,255,0);">RGB 绿色 rgb(0,255,0)</span>
## 4. 带公式的颜色
<span style="color:blue;">蓝色文本和公式 $x^2 + y^2 = z^2$</span>
<span style="color:red;">红色文本和公式 $E = mc^2$</span>
## 5. 复杂公式
<span style="color:purple;">推导过程:$\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}$</span>
## 6. 嵌套颜色
<span style="color:red;">
外层红色文本
<span style="color:blue;">内层蓝色文本</span>
继续红色文本
</span>
## 7. 混合内容
普通文本 <span style="color:orange;">橙色文本 $F_{\text{M1}}$</span> 继续普通文本。
## 8. CSS 颜色名称
<span style="color:crimson;">深红色(crimson)</span>
<span style="color:navy;">海军蓝(navy)</span>
<span style="color:teal;">青色(teal)</span>
## 9. 粗体和颜色
<span style="color:red;">**粗体红色文本**</span>
## 10. 斜体和颜色
<span style="color:blue;">*斜体蓝色文本*</span>
四、导出为带颜色的Word文档
写好Markdown后,用MD2WD一键转换:
1、打开浏览器,访问这个网站: https://wxaiway.com/md2wd/
2、把你上面写好的Markdown代码(包含 <span> 标签的)复制粘贴到网页左侧的编辑框里。
3、右侧的预览区就会实时显示出带有颜色的效果。如果涉及公式显示有问题,可以点击编辑栏上的"公式修复"尝试修复。

4、确认效果无误后,点击页面上方的 "导出" 按钮,导出Word文档,如果有公式颜色的需要选择"云端渲染"。

5、打开这个下载好的Word文档,你会看到文字颜色、公式都完美地保留下来了。现在,你就可以把这个文档分享给任何人,无需解释任何Markdown或HTML的知识!

总结一下,就这么三步:
-
- 写:在Markdown里用 <span style="color:..."> 给文字上色。
-
- 转:把代码复制到 https://wxaiway.com/md2wd/网站。
-
- 导:点击导出为Word文件。

https://wxaiway.com/md2wd/ 添加功能都是源自每个网友提出问题,欢迎使用markdown导出word时遇到问题留言反馈。
相关工具
原创分享:Markdown 表格导出 Excel/Json - 方便数据处理分析
原创分享:PDF工具箱-快速合并、拆分PDF以及图片转PDF
原创分享:PPT 转 Markdown - 支持文本、图片、表格、备注提取
原创分享:Word转Markdown,一键打包导出图片及文本