markdown字体、颜色自定义

最新推荐文章于 2025-06-09 11:42:09 发布
最新推荐文章于 2025-06-09 11:42:09 发布
阅读量1.9k 收藏 7
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 小问题分析 文章标签： markdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LeonSUST/article/details/84309501
本文详细介绍如何在优快云博客中使用Markdown语法嵌入HTML代码，实现字体样式、颜色及背景色的自定义设置。通过具体实例展示不同颜色名称、十六进制颜色值及其对应的RGB值，帮助读者掌握色彩应用技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

话不多说 直接上代码 几个例子大家就会用了 下面有颜色的表格作为参考

<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>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

呈现效果

我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=72 face=”黑体”
color=#00ffff
color=gray

代码

<table><tbody>
    <tr>
        <th>方法说明</th><th>颜色名称</th><th>颜色</th>
    </tr>
    <tr>
        <td><font color="Hotpink">此处实现方法利用 优快云-markdown 内嵌 html 语言的优势</font></td>
        <td><font color="Hotpink">Hotpink</font></td>
        <td bgcolor="Hotpink">rgb(240, 248, 255)</td>
    </tr>
    <tr>
        <td><font color="Pink">借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置</font></td>
        <td><font color="pink">AntiqueWhite</font></td>
        <td bgcolor="Pink">rgb(255, 192, 203)</td>
    </tr>
</table>

呈现效果

方法说明颜色名称颜色
此处实现方法利用 优快云-markdown 内嵌 html 语言的优势Hotpinkrgb(240, 248, 255)
借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置AntiqueWhitergb(255, 192, 203)

颜色名十六进制颜色值颜色
AliceBlue#F0F8FFrgb(240, 248, 255)
AntiqueWhite#FAEBD7rgb(250, 235, 215)
Aqua#00FFFFrgb(0, 255, 255)
Aquamarine#7FFFD4rgb(127, 255, 212)
Azure#F0FFFFrgb(240, 255, 255)
Beige#F5F5DCrgb(245, 245, 220)
Bisque#FFE4C4rgb(255, 228, 196)
Black#000000rgb(0, 0, 0)
BlanchedAlmond#FFEBCDrgb(255, 235, 205)
Blue#0000FFrgb(0, 0, 255)
BlueViolet#8A2BE2rgb(138, 43, 226)
Brown#A52A2Argb(165, 42, 42)
BurlyWood#DEB887rgb(222, 184, 135)
CadetBlue#5F9EA0rgb(95, 158, 160)
Chartreuse#7FFF00rgb(127, 255, 0)
Chocolate#D2691Ergb(210, 105, 30)
Coral#FF7F50rgb(255, 127, 80)
CornflowerBlue#6495EDrgb(100, 149, 237)
Cornsilk#FFF8DCrgb(255, 248, 220)
Crimson#DC143Crgb(220, 20, 60)
Cyan#00FFFFrgb(0, 255, 255)
DarkBlue#00008Brgb(0, 0, 139)
DarkCyan#008B8Brgb(0, 139, 139)
DarkGoldenRod#B8860Brgb(184, 134, 11)
DarkGray#A9A9A9rgb(169, 169, 169)
DarkGreen#006400rgb(0, 100, 0)
DarkKhaki#BDB76Brgb(189, 183, 107)
DarkMagenta#8B008Brgb(139, 0, 139)
DarkOliveGreen#556B2Frgb(85, 107, 47)
Darkorange#FF8C00rgb(255, 140, 0)
DarkOrchid#9932CCrgb(153, 50, 204)
DarkRed#8B0000rgb(139, 0, 0)
DarkSalmon#E9967Argb(233, 150, 122)
DarkSeaGreen#8FBC8Frgb(143, 188, 143)
DarkSlateBlue#483D8Brgb(72, 61, 139)
DarkSlateGray#2F4F4Frgb(47, 79, 79)
DarkTurquoise#00CED1rgb(0, 206, 209)
DarkViolet#9400D3rgb(148, 0, 211)
DeepPink#FF1493rgb(255, 20, 147)
DeepSkyBlue#00BFFFrgb(0, 191, 255)
DimGray#696969rgb(105, 105, 105)
DodgerBlue#1E90FFrgb(30, 144, 255)
Feldspar#D19275rgb(209, 146, 117)
FireBrick#B22222rgb(178, 34, 34)
FloralWhite#FFFAF0rgb(255, 250, 240)
ForestGreen#228B22rgb(34, 139, 34)
Fuchsia#FF00FFrgb(255, 0, 255)
Gainsboro#DCDCDCrgb(220, 220, 220)
GhostWhite#F8F8FFrgb(248, 248, 255)
Gold#FFD700rgb(255, 215, 0)
GoldenRod#DAA520rgb(218, 165, 32)
Gray#808080rgb(128, 128, 128)
Green#008000rgb(0, 128, 0)
GreenYellow#ADFF2Frgb(173, 255, 47)
HoneyDew#F0FFF0rgb(240, 255, 240)
HotPink#FF69B4rgb(255, 105, 180)
IndianRed#CD5C5Crgb(205, 92, 92)
Indigo#4B0082rgb(75, 0, 130)
Ivory#FFFFF0rgb(255, 255, 240)
Khaki#F0E68Crgb(240, 230, 140)
Lavender#E6E6FArgb(230, 230, 250)
LavenderBlush#FFF0F5rgb(255, 240, 245)
LawnGreen#7CFC00rgb(124, 252, 0)
LemonChiffon#FFFACDrgb(255, 250, 205)
LightBlue#ADD8E6rgb(173, 216, 230)
LightCoral#F08080rgb(240, 128, 128)
LightCyan#E0FFFFrgb(224, 255, 255)
LightGoldenRodYellow#FAFAD2rgb(250, 250, 210)
LightGrey#D3D3D3rgb(211, 211, 211)
LightGreen#90EE90rgb(144, 238, 144)
LightPink#FFB6C1rgb(255, 182, 193)
LightSalmon#FFA07Argb(255, 160, 122)
LightSeaGreen#20B2AArgb(32, 178, 170)
LightSkyBlue#87CEFArgb(135, 206, 250)
LightSlateBlue#8470FFrgb(132, 112, 255)
LightSlateGray#778899rgb(119, 136, 153)
LightSteelBlue#B0C4DErgb(176, 196, 222)
LightYellow#FFFFE0rgb(255, 255, 224)
Lime#00FF00rgb(0, 255, 0)
LimeGreen#32CD32rgb(50, 205, 50)
Linen#FAF0E6rgb(250, 240, 230)
Magenta#FF00FFrgb(255, 0, 255)
Maroon#800000rgb(128, 0, 0)
MediumAquaMarine#66CDAArgb(102, 205, 170)
MediumBlue#0000CDrgb(0, 0, 205)
MediumOrchid#BA55D3rgb(186, 85, 211)
MediumPurple#9370D8rgb(147, 112, 216)
MediumSeaGreen#3CB371rgb(60, 179, 113)
MediumSlateBlue#7B68EErgb(123, 104, 238)
MediumSpringGreen#00FA9Argb(0, 250, 154)
MediumTurquoise#48D1CCrgb(72, 209, 204)
MediumVioletRed#C71585rgb(199, 21, 133)
MidnightBlue#191970rgb(25, 25, 112)
MintCream#F5FFFArgb(245, 255, 250)
MistyRose#FFE4E1rgb(255, 228, 225)
Moccasin#FFE4B5rgb(255, 228, 181)
NavajoWhite#FFDEADrgb(255, 222, 173)
Navy#000080rgb(0, 0, 128)
OldLace#FDF5E6rgb(253, 245, 230)
Olive#808000rgb(128, 128, 0)
OliveDrab#6B8E23rgb(107, 142, 35)
Orange#FFA500rgb(255, 165, 0)
OrangeRed#FF4500rgb(255, 69, 0)
Orchid#DA70D6rgb(218, 112, 214)
PaleGoldenRod#EEE8AArgb(238, 232, 170)
PaleGreen#98FB98rgb(152, 251, 152)
PaleTurquoise#AFEEEErgb(175, 238, 238)
PaleVioletRed#D87093rgb(216, 112, 147)
PapayaWhip#FFEFD5rgb(255, 239, 213)
PeachPuff#FFDAB9rgb(255, 218, 185)
Peru#CD853Frgb(205, 133, 63)
Pink#FFC0CBrgb(255, 192, 203)
Plum#DDA0DDrgb(221, 160, 221)
PowderBlue#B0E0E6rgb(176, 224, 230)
Purple#800080rgb(128, 0, 128)
Red#FF0000rgb(255, 0, 0)
RosyBrown#BC8F8Frgb(188, 143, 143)
RoyalBlue#4169E1rgb(65, 105, 225)
SaddleBrown#8B4513rgb(139, 69, 19)
Salmon#FA8072rgb(250, 128, 114)
SandyBrown#F4A460rgb(244, 164, 96)
SeaGreen#2E8B57rgb(46, 139, 87)
SeaShell#FFF5EErgb(255, 245, 238)
Sienna#A0522Drgb(160, 82, 45)
Silver#C0C0C0rgb(192, 192, 192)
SkyBlue#87CEEBrgb(135, 206, 235)
SlateBlue#6A5ACDrgb(106, 90, 205)
SlateGray#708090rgb(112, 128, 144)
Snow#FFFAFArgb(255, 250, 250)
SpringGreen#00FF7Frgb(0, 255, 127)
SteelBlue#4682B4rgb(70, 130, 180)
Tan#D2B48Crgb(210, 180, 140)
Teal#008080rgb(0, 128, 128)
Thistle#D8BFD8rgb(216, 191, 216)
Tomato#FF6347rgb(255, 99, 71)
Turquoise#40E0D0rgb(64, 224, 208)
Violet#EE82EErgb(238, 130, 238)
VioletRed#D02090rgb(208, 32, 144)
Wheat#F5DEB3rgb(245, 222, 179)
White#FFFFFFrgb(255, 255, 255)
WhiteSmoke#F5F5F5rgb(245, 245, 245)
Yellow#FFFF00rgb(255, 255, 0)
YellowGreen#9ACD32rgb(154, 205, 50)

Markdown自定义字体样式（字体颜色、背景）
Zmaomao_的博客
07-29 1804
写笔记是一直以来的计划，记录的过程不仅可以复习巩固，还可以查漏补缺。最近在写笔记时，接触了Markdown，在此记录下写作过程中常用的Markdown语法，分享给感兴趣的小伙伴。以上就是今天分享的内容，本文仅仅简单介绍了Markdown自定义字体样式，而Markdown提供了大量丰富的语法，待后续更新~~。
makedown 中自定义字体大小与颜色
再来一下！
08-20 1079
自定义颜色与字体大小
【Markdown笔记】——设置markdown中文字的颜色
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
04-29 6553
Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。它使用简单的符号和语法来表示标题、列表、链接、图片等元素，使得文档的格式和内容能够清晰地分离。
Markdown入门（1）：一招修改字体颜色，附代码和常用颜色！！！
最新发布
m0_62965736的博客
06-09 2968
摘要：本文详细介绍了在Markdown中修改文字颜色的多种方法，包括使用<font color=red>测试</font>等不同格式的命令（支持颜色英文名和十六进制代码）。还提供了40多种常用颜色的对照表，涵盖Aqua、Blue、Crimson等颜色名称及其对应的十六进制值。文中强调颜色名称不区分大小写，并给出具体示例，帮助用户轻松为文本添加色彩，提升文档可读性和视觉效果。
优快云-markdown 文字样式设置（字体, 大小, 颜色, 高亮底色）
热门推荐
走过的都是未来
08-11 4万+
本文介绍与文字格式的相关设置语法，包括字体、大小、颜色和高亮背景色。并且介绍了表格中格子背景色的设置。
【Markdown语法】字体颜色大小及文字底色设置
xdy762024688的博客
08-23 3万+
算是我本人写博客时比较偏爱的一种方式啦，尤其是在一堆文字里写上一句代码时，或者特地突出哪句话时，加上粉色矩形框就比较nice了，既能起到突出强调的作用，方便阅读，并且也比较美观（相比较黄色的高亮好太多了~）！自 优快云-markdown编辑器语法——字体、字号与颜色 的颜色列表，按颜色名排序。如果不需要改变输入内容的其他属性，比如加粗，斜体等，可以在内容前面加上。Ω snow , 单片机学习（3）——数码管的显示+定时器+中断 ↩。文章作者1（任意想输入的汉字）, 转载文章的名称. ↩。
精品--typora+markdown+css自定义简历模板.zip
02-06
例如，你可以调整字体大小和颜色，设置背景色，甚至添加自定义的边框和动画效果。 在创建自定义简历时，首先你需要在Typora或其他Markdown编辑器中编写你的基本信息，如姓名、联系方式、教育经历和工作经历等，使用...
基于typora+markdown+css的自定义简历模板
02-17
- **样式属性**：如`color`（颜色）、`font-size`（字体大小）、`text-align`（文本对齐）、`background-color`（背景色）等。 - **内联样式**：在Markdown文件中，可以直接在元素内部使用`style`属性，如`;">标题...
MDPDF：从Markdown到可自定义样式的PDF转换工具
- **样式表支持**：通过CSS样式表的支持，用户可以自定义PDF文档的外观，包括字体、颜色、布局和其他视觉元素。 - **JavaScript API**：JavaScript API的存在表明mdpdf具备较为高级的功能，它可能支持编程化地操纵...
Markdown字体和颜色
weixin_34198762的博客
04-19 165
最近有点忙，好久没写博客了，突然发现csdn博客编辑器用了markdown，真心有些小激动，结果不知道怎么改字号大小和字体颜色…最后找到了答案： 效果： 文字 代码： <font color="#4590a3" size = "6px">文字</font> 另外，居中效果是： 居中 &lt...
MarkDown字体颜色——MarkDown学习笔记
01-07
1）输入英文 2）输入需要标注颜色的文字 3）输入 （注意：实际上里面没有空格，只为示意用的） 示例：我是啥颜色 十六进制颜色值查询：https://blog.youkuaiyun.com/testcs_dn/article/details/45719357/#comments Tips: 十六进制颜色值#000000，基本原理是红绿蓝RGB配比，前两位是红，中间两位是绿，后两位是蓝，都以16进制计数，可以调出256^3种颜色。 作者：(´▽`)ﾉProgram(´▽`)ﾉ
颜色表
听海Movie的专栏
08-28 880
颜色名列表 颜色名 十六进制颜色值 颜色 AliceBlue #F0F8FF   AntiqueWhite #FAEBD7   Aqua #00FFFF   Aquamarine #7FFFD4   Azure #F0FFFF   Beige #F5F5DC   Bisque #FFE
优快云 markdown编辑器 如何自定义某一段字体颜色。
zhaojiafu的博客
05-28 421
文章目录先看效果写法1-字体颜色：写法2-背景颜色： 先看效果 这里的背景色是 我是黑体字 我是微软雅黑 我是华文彩云 color=#0099ff size=72 face=“黑体” color=#00ffff color=gray 其实代码： <table><tr ><td bgcolor=#FF4500 size=72>这里的背景色是</td></tr><table> <font face="黑体">我是黑体字&
Markdown常用语法（字体颜色）
gsgbgxp的博客
03-21 2314
撰写优快云博客中设置字体、颜色、大小、背景色等
markdown字体颜色表
algsup
05-23 2284
//markdown字体颜色设置语法如下 <font color=red size=3>哈哈哈</font> 得到效果如下： 哈哈哈 size：规定文本的尺寸大小，可取的范围：从 1 到 7 的数字。浏览器默认值是 3。 … 原文地址：www.cnblogs.com/kexing/p/9502576.html ...
MarkDown字体颜色设置
mengniu666的博客
02-02 8067
设置markdown字体颜色、字体大小、字体、字体背景。
【Markdown】自定义不同颜色的字体高亮
weixin_41765578的博客
09-23 8404
默认高亮 <mark>Marked text</mark> Marked text 自定义高亮 可以通过mark或者span实现. 基本语法 <mark style="background-color：colorName/hexOfColor">Marked Txt</mark> or <span style="background-color：colorName/hexOfColor">Marked Txt</span> 高亮颜
markdown编辑器语法——文字颜色、大小、字体与背景色的设置（转）
Darkarts
03-25 4848
优快云的markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。一、颜色在markdown中采用如下方式能够控制文字的颜色：浅红色文字：<font color="#dd0000">浅红色文字：</font><br /> 深红色文字：<font color="#660000">深红色文字
markdown给字体上颜色
03-28
<think>好的，用户现在问的是如何在Markdown中给字体上颜色。这个问题看起来挺常见的，可能用户在使用Markdown写文档或者博客的时候，想要让文字更突出，但不知道具体的语法。 首先，我得回忆一下Markdown的标准语法。标准的Markdown其实不支持直接改变字体颜色，它主要是用来简化HTML的书写，所以大部分格式都是通过简单的符号来实现，比如加粗、斜体这些。不过用户的需求是改变颜色，所以可能需要用到HTML或者CSS的方法。 接下来，我需要确定用户的具体使用场景。比如他们是在GitHub上写README，还是在用Jupyter Notebook，或者是其他支持Markdown的平台？因为不同的平台对Markdown的支持程度不同。比如GitHub可能不允许内联CSS，而一些本地编辑器或者支持扩展Markdown的平台（比如Typora、Obsidian）可能允许使用HTML和CSS。 然后，我需要整理几种常见的方法。首先，内联HTML可能是最直接的方式，比如用`<span style="color:red">红色文字</span>`。这种方法在支持HTML的地方有效，但可能在部分平台被过滤掉。其次，使用Latex的文本颜色命令，比如`\textcolor{red}{红色文字}`，但这种方法需要平台支持Latex渲染，通常是在结合MathJax或者KaTeX的情况下使用，比如一些博客系统或者Jupyter Notebook。 另外，可能还需要提到一些特定平台的自定义语法，比如在GitHub的Markdown中，字体颜色无法直接通过HTML或CSS修改，可能需要用图片或者其他替代方法。而像Typora这样的编辑器，支持通过CSS样式来修改颜色，但用户可能需要自定义主题或者使用内联样式。 还需要注意安全性问题，比如在允许用户输入Markdown的网站上，使用HTML可能有安全风险，所以有些平台会禁用HTML标签，这时候用户的方法可能无效。这时候可能需要寻找其他替代方案，比如使用代码块的高亮，或者利用表情符号等来引起注意，但这不是改变字体颜色。 另外，用户可能对HTML和CSS不太熟悉，所以需要给出具体的例子，让他们可以直接复制粘贴，修改颜色值和文字内容。比如给出红色的例子，蓝色的例子，以及使用十六进制颜色代码的例子。 最后，要提醒用户不同平台的兼容性问题，建议他们在使用前先测试目标平台是否支持相应的语法。如果用户是在编写学术文档或者需要复杂排版，可能需要考虑使用Latex而不是Markdown，因为Latex对颜色和排版的支持更全面。 总结下来，回答的结构应该是先说明标准Markdown的限制，然后介绍可行的替代方法，包括HTML内联样式、Latex语法，以及特定平台的注意事项，并给出示例代码和兼容性提示。同时，提醒用户潜在的安全限制和平台差异，确保他们能够根据自身环境选择合适的方法。</think>在Markdown中，**原生语法不支持直接设置字体颜色**，但可以通过以下扩展方法实现颜色自定义： --- ### 🔧 方法1：HTML内联样式（通用性最佳） ```markdown <span style="color:red">红色文字</span> <span style="color:#00ff00">绿色文字（HEX格式）</span> <span style="color:rgb(0,0,255)">蓝色文字（RGB格式）</span> ``` **效果**： <span style="color:red">红色文字</span> <span style="color:#00ff00">绿色文字（HEX格式）</span> <span style="color:rgb(0,0,255)">蓝色文字（RGB格式）</span> **适用场景**： - 支持HTML渲染的Markdown解析器（如GitHub Pages、Jekyll、Typora等） --- ### 🔧 方法2：LaTeX语法（需环境支持） ```markdown $\textcolor{red}{红色文本}$ $\textcolor{#00ff00}{绿色文本}$ $\textcolor[rgb]{0,0.5,0.5}{自定义RGB}$ ``` **效果**（需启用MathJax/Katex）： $\textcolor{red}{红色文本}$ $\textcolor{#00ff00}{绿色文本}$ $\textcolor[rgb]{0,0.5,0.5}{自定义RGB}$ **适用场景**： - 学术论文写作（Markdown + LaTeX混合环境） - 支持数学公式渲染的平台（如Jupyter Notebook） --- ### 🔧 方法3：特定平台扩展语法 #### 示例1：Obsidian（通过CSS片段） ```markdown <span class="red-text">自定义红色</span> /* 在CSS片段文件中添加 */ .red-text { color: red; } ``` #### 示例2：Typora（直接内联CSS） ```markdown <style> .blue { color: blue; } </style> <span class="blue">蓝色文字</span> ``` --- ### ⚠️ 注意事项 1. **平台兼容性** | 平台 | HTML支持 | LaTeX支持 | CSS支持 | |-------------------|----------|-----------|---------| | GitHub/GitLab | ❌ | ❌ | ❌ | | Jupyter Notebook | ✅ | ✅ | ✅ | | Typora/Obsidian | ✅ | ✅ | ✅ | | VS Code预览 | ✅ | ✅ | ❌ | 2. **安全限制** - 部分网站（如GitHub）会过滤HTML标签以防止XSS攻击 3. **响应式设计建议** ```html <!-- 使用语义化颜色名称或CSS变量 --> <span style="color:var(--primary-color)">动态颜色</span> ``` --- ### 🌰 综合应用示例 ```markdown # 彩虹标题 <span style="color:red">R</span> <span style="color:orange">A</span> <span style="color:yellow">I</span> <span style="color:green">N</span> <span style="color:blue">B</span> <span style="color:purple">O</span> <span style="color:violet">W</span> ``` **效果**： <span style="color:red">R</span> <span style="color:orange">A</span> <span style="color:yellow">I</span> <span style="color:green">N</span> <span style="color:blue">B</span> <span style="color:purple">O</span> <span style="color:violet">W</span> 根据具体使用场景选择最适合的方案，优先推荐HTML内联样式作为通用解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值