markdown编辑器语法——文字颜色、大小、字体与背景色的设置

最新推荐文章于 2025-07-09 18:53:32 发布
最新推荐文章于 2025-07-09 18:53:32 发布
阅读量8.8w 收藏 252
点赞数 77
CC 4.0 BY-SA版权
分类专栏： 工具使用 文章标签： html markdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/manjianchao/article/details/53668280
本文介绍了如何在优快云的Markdown编辑器中使用内嵌HTML来改变文字的颜色、大小、字体及背景色等特性，提供了详细的代码示例。

  优快云的markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。

一、颜色

在markdown中采用如下方式能够控制文字的颜色：

浅红色文字：<font color="#dd0000">浅红色文字：</font><br /> 
深红色文字：<font color="#660000">深红色文字</font><br /> 
浅绿色文字：<font color="#00dd00">浅绿色文字</font><br /> 
深绿色文字：<font color="#006600">深绿色文字</font><br /> 
浅蓝色文字：<font color="#0000dd">浅蓝色文字</font><br /> 
深蓝色文字：<font color="#000066">深蓝色文字</font><br /> 
浅黄色文字：<font color="#dddd00">浅黄色文字</font><br /> 
深黄色文字：<font color="#666600">深黄色文字</font><br /> 
浅青色文字：<font color="#00dddd">浅青色文字</font><br /> 
深青色文字：<font color="#006666">深青色文字</font><br /> 
浅紫色文字：<font color="#dd00dd">浅紫色文字</font><br /> 
深紫色文字：<font color="#660066">深紫色文字</font><br />

效果如下：

浅红色文字：浅红色文字

深红色文字：深红色文字

浅绿色文字：浅绿色文字

深绿色文字：深绿色文字

浅蓝色文字：浅蓝色文字

深蓝色文字：深蓝色文字

浅黄色文字：浅黄色文字

深黄色文字：深黄色文字

浅青色文字：浅青色文字

深青色文字：深青色文字

浅紫色文字：浅紫色文字

深紫色文字：深紫色文字

其实具体的颜色你可以去网上去查，采用的是RGB颜色
这里有个对照：
http://www.114la.com/other/rgb.htm
可以选择你想要的颜色对应的RGB值。

二、大小

size为1：<font size="1">size为1</font><br /> 
size为2：<font size="2">size为2</font><br /> 
size为3：<font size="3">size为3</font><br /> 
size为4：<font size="4">size为4</font><br /> 
size为10：<font size="10">size为10</font><br />

效果如下：

size为1：size为1

size为2：size为2

size为3：size为3

size为4：size为4

size为10：size为10

三、字体

<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>

效果如下：

我是黑体字
我是宋体字
我是微软雅黑字
我是楷体字
I am Times New Roman font
我是fantasy字
我是Helvetica字

尝试了几个word中的字体都是可以的，我估计word中的字体基本都能够实现吧。

四、背景色

<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值：#7FFFD4</td></tr></table>
<table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值：#FF83FA</td></tr></table>
<table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值：#D1EEEE</td></tr></table>
<table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值：#C0FF3E</td></tr></table>
<table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值：#54FF9F</td></tr></table>
背景色的设置是按照十六进制颜色值：#7FFFD4
背景色的设置是按照十六进制颜色值：#FF83FA
背景色的设置是按照十六进制颜色值：#D1EEEE
背景色的设置是按照十六进制颜色值：#C0FF3E
背景色的设置是按照十六进制颜色值：#54FF9F
MARKdown语法与文字高亮
不负此刻努力
09-05 3647
markdown 常用语法和快捷键使用 1. 标题 优快云 markdown快捷键只能实现两级标题设置Ctrl+shift+H # 一级标题 # ## 二级标题 ## ### 三级标题 ### #### 四级标题 #### 一级标题 二级标题 三级标题 四级标题 2.缩近 半方大的空白&ensp;或&#8194; 全方大的空白&emsp;或&#8195; 不断行的空白格&nbsp;或&#160; 效果呈现 仰望天空，脚踏实地   仰望天空，脚踏实地，用两
Markdown自定义字体样式（字体颜色、背景）
Zmaomao_的博客
07-29 1845
写笔记是一直以来的计划，记录的过程不仅可以复习巩固，还可以查漏补缺。最近在写笔记时，接触了Markdown，在此记录下写作过程中常用的Markdown语法，分享给感兴趣的小伙伴。以上就是今天分享的内容，本文仅仅简单介绍了Markdown自定义字体样式，而Markdown提供了大量丰富的语法，待后续更新~~。
markdown编辑器语法——字体、字号与颜色
xiaozhongma的专栏
02-23 896
字体、字号与颜色 font face="黑体">我是黑体字font> font face="微软雅黑">我是微软雅黑font> font face="STCAIYUN">我是华文彩云font> font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"font> font color=#00ffff size=72>co
Markdown 语法详细学习资料
非我执笔
07-09 1246
Markdown 是由 John Gruber 在 2004 年创建的轻量级标记语言，旨在用纯文本格式编写文档，同时能轻松转换为 HTML、PDF 等富文本格式。它的设计理念是让文档在纯文本状态下也具备良好的可读性，同时简化传统 HTML 的复杂标签。
【Markdown语法】字体颜色大小及文字底色设置
xdy762024688的博客
08-23 3万+
算是我本人写博客时比较偏爱的一种方式啦，尤其是在一堆文字里写上一句代码时，或者特地突出哪句话时，加上粉色矩形框就比较nice了，既能起到突出强调的作用，方便阅读，并且也比较美观（相比较黄色的高亮好太多了~）！自 优快云-markdown编辑器语法——字体、字号与颜色 的颜色列表，按颜色名排序。如果不需要改变输入内容的其他属性，比如加粗，斜体等，可以在内容前面加上。Ω snow , 单片机学习（3）——数码管的显示+定时器+中断 ↩。文章作者1（任意想输入的汉字）, 转载文章的名称. ↩。
MarkDown字体颜色——MarkDown学习笔记
01-07
1）输入英文 2）输入需要标注颜色的文字 3）输入 （注意：实际上里面没有空格，只为示意用的） 示例：我是啥颜色 十六进制颜色值查询：https://blog.youkuaiyun.com/testcs_dn/article/details/45719357/#comments Tips: 十六进制颜色值#000000，基本原理是红绿蓝RGB配比，前两位是红，中间两位是绿，后两位是蓝，都以16进制计数，可以调出256^3种颜色。 作者：(´▽`)ﾉProgram(´▽`)ﾉ
【Markdown笔记】——设置markdown中文字的颜色
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
04-29 6634
Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。它使用简单的符号和语法来表示标题、列表、链接、图片等元素，使得文档的格式和内容能够清晰地分离。
Markdown编辑器语法——字体、颜色、大小、背景色、缩进、居中
HHppGo的博客
11-20 6287
本文主要讲解以下内容： 1. 字体类型、颜色和大小 1.1 字体类型 1.2 字体颜色 1.3 字体大小 2. 背景色 3. 缩进 4. 居中 一、字体类型、颜色和大小 例如： <font color="#009f" size=6 face="微软雅黑">字体颜色、大小、字体类型</font> 效果如下： 1.1 字体类型 例如： <font face="黑体">我是黑体字</font> <font face="
Markdown常用语法（字体颜色）
gsgbgxp的博客
03-21 2322
撰写优快云博客中设置字体、颜色、大小、背景色等
【Markdown语法】斜体和粗体、红色显示及其他字体颜色
若北辰
08-28 3万+
Markdown 的粗体和斜体也非常简单，用两个*包含一段文本就是粗体的语法，用一个*包含一段文本就是斜体的语法。例如：　 *早上好*，今天的天气**真好**\ 效果如下： 早上好，今天的天气真好 当然也可以用快捷键： 粗体：Ctrl+B 斜体：Ctrl+I 例如： 粗体 斜体 ...
优快云-markdown编辑器语法——背景色
无知人生，记录点滴
05-16 3万+
Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改背景色功能的！  从HTML Editor 转到优快云-markdown编辑器的很多朋友可能有些不适应，明明很简单的背景色功能，这里却找不到了。  优快云-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等
Vue进阶（幺幺肆）：Markdown 编辑器设置字体大小颜色_mavon-editor字体颜色
2401_85158795的博客
07-14 940
面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。[外链图片转存中…(img-fBhxQRUs-1720897424001)][外链图片转存中…(img-6imq2HKc-1720897424002)][外链图片转存中…(img-wHqVhJaD-1720897424003)]
优快云 的 Markdown 编辑器语法
Let`s Pythonic
10-24 1053
本文是对 优快云 的 Markdown 编辑器语法的简略记录，目的仅在于方便自己随时查阅。
Markdown｜基础语法
三余知行
09-08 1683
Markdown 是一种轻量级的标记语言，通常用于格式化文本。它易于阅读和编写，被广泛用于撰写文档、博客、电子邮件等。以下是 Markdown 的基本语法介绍。不同的 Markdown 渲染器可能支持不同的扩展和语法，因此在使用时应注意相应的文档和渲染器。掌握这些基本语法后，可以灵巧地创建各种格式的文档。
Markdown字体颜色，大小，形式，背景色和表格语法详解
小哨的博客
02-08 4639
Markdown好用的一些标记技巧---字体颜色、大小、样式、背景色、表格
如何在markdown中设置字体颜色
sunshine_lyn的博客
01-14 9023
想要自己的markdown字体更加好看，辣么就多多标记字体的颜色吧 虽然我觉得挺费时间的…不过可以记一些常用的颜色，多写几遍也就记住了 &lt;font color=#FF0000&gt; 你的字体&lt;/font&gt; 颜色表 AliceBlue #F0F8FF rgb(240, 248, 255) AntiqueWhite #FAEBD7 rgb(250, 235, 2...
在markdown中设置字体颜色以及背景颜色
luoganttcc的博客
12-31 3100
link Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！ 1. 字体，字号与颜色 <font color=#FF0000> 要使用的字体</font> <font color=gray size=72>color=gray</font> 要使用的字体 color=gray size：规定文本的尺寸大小。 color：要渲染的颜色
MarkDown编辑器字体颜色设置
热门推荐
懿
10-22 4万+
文章目录一、颜色二、大小三、字体四、背景色五、文章转载 ​ 优快云的markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。 一、颜色 在markdown中采用如下方式能够控制文字的颜色： 浅红色文字：<font color="#dd0000">浅红色文字：</font><br /> 深红色文字：<font color="#660000">深红
markdown红色字体
最新发布
08-28
<think>我们正在处理一个关于在Markdown中设置字体颜色为红色的问题。根据用户提供的引用，我们可以使用两种方法：HTML代码和KaTeX/MathJax代码。但是，请注意，KaTeX/MathJax通常用于数学公式，而设置文本颜色可能不是其设计初衷，并且可能在某些Markdown解析器中不被支持。因此，我们主要推荐使用HTML方法，同时也会介绍KaTeX方法（但要注意其兼容性）。 根据引用[1]： 1. 使用HTML代码：`<font color='red'>文本</font>` 或 `<font color=FF0000>文本</font>` 2. 使用KaTeX/MathJax代码：`$\color{red}{红色字}$` 或 `$\color{FF0000}{红色字}$` 但是，请注意，KaTeX/MathJax代码通常需要在支持数学公式的环境中使用，而且它会把内容识别为数学公式，所以可能会改变字体（比如斜体）和间距。因此，对于一般的文本着色，我们更推荐使用HTML方法。 另外，需要提醒的是，标准的Markdown并不支持直接设置字体颜色，因此我们通常需要借助HTML标签来实现。大多数Markdown解析器都支持内联HTML，所以使用`<font>`标签是一种常见的方法。 然而，`<font>`标签在HTML5中已被废弃，更推荐使用CSS样式。因此，我们可以使用`<span>`标签配合样式来实现。例如： ```html <span style="color:red">文本</span> ``` 这种方法更符合现代HTML标准，并且同样可以在Markdown中使用。 总结一下，在Markdown中设置红色字体的方法有： 1. 使用HTML的`<font>`标签（尽管已废弃，但简单有效）： - `<font color='red'>文本</font>` - `<font color=#FF0000>文本</font>` 2. 使用`<span>`标签和CSS样式（推荐）： - `<span style="color:red">文本</span>` - `<span style="color:#FF0000">文本</span>` 3. 使用KaTeX/MathJax（仅适用于支持数学公式的环境，且可能被视为公式）： - 行内：`$\color{red}{\text{文本}}$`（注意：这里使用\text来避免数学斜体，但解析器可能仍会将其放入数学环境中） - 但是，在普通文本中，我们不推荐这种方法，因为它可能会破坏文本的连续性。 因此，对于大多数情况，我们推荐使用第二种方法（使用`<span>`和CSS样式）。 示例： 在Markdown中，我们可以这样写： ``` 这是一段普通的文本，<span style="color:red">这里显示红色</span>，然后回到黑色。 ``` 效果： 这是一段普通的文本，<span style="color:red">这里显示红色</span>，然后回到黑色。 另外，如果是在支持扩展Markdown的环境中（如使用某些Markdown扩展），可能有直接的语法，但标准Markdown没有。例如，有些编辑器支持类似`[文字]{style="color:red"}`的语法，但这并不通用。 所以，最通用且推荐的方法是使用内联HTML的`<span>`标签。 现在，根据用户的问题，我们给出回答。</think>在 Markdown 中设置字体颜色为红色有以下几种常用方法： ### 1. 使用 HTML 标签（通用性强） ```html <font color='red'>红色文本</font> ``` 或 ```html <font color="#FF0000">红色文本</font> ``` 效果：<font color='red'>红色文本</font> ### 2. 使用内联 CSS（推荐） ```html <span style="color:red">红色文本</span> ``` 效果：<span style="color:red">红色文本</span> ### 3. 使用 KaTeX/MathJax（适用于公式环境） ```latex $\color{red}{\text{红色文本}}$ ``` 效果：$\color{red}{\text{红色文本}}$ > ⚠️ 注意： > 1. 前两种方法适用于普通文本，第三种方法主要在数学公式环境中使用 > 2. 在 GitHub Markdown 等严格环境中，建议使用 `<span style="color:red">` 语法 > 3. 颜色值可用英文名称（red）或十六进制码（#FF0000） ### 示例代码 ```markdown 正常文本，<span style="color:red">这里显示红色</span>，再回到默认颜色。 数学公式中的颜色：$\color{red}{E=mc^2}$ ``` 效果： 正常文本，<span style="color:red">这里显示红色</span>，再回到默认颜色。 数学公式中的颜色：$\color{red}{E=mc^2}$ [^1]
评论 30
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值