你是不是也遇到过这种情况:写笔记、写博客内容很丰富,但是一大段黑白文字看得头疼?
今天我就教你如何在Markdown中修改字体颜色,让你的笔记不再“灰扑扑”,而且有了颜色的加入,能显得文章很有层次感。
我也是总结了一下最实用的命令以及颜色,不搞花里胡哨的内容,如果有其他需要可以给我评论!
markdown入门(1):修改文字颜色
1. 修改方法
先看命令,最常用的命令就是<font color=red>测试<font>
,效果为测试
除了这个最常用的命令,还有其余如下:
<font color="blue">测试<font>
–>测试
<font color=#0000FF>测试<font>
–>测试
<font color="#0000FF">测试<font>
–>测试
2. tips
用到的颜色的英文不用区分大小写
3. 常用颜色(代码)
代码 | 效果 | 颜色 | 进制表示 |
---|---|---|---|
<font color=Aqua>测试<font> | 测试 | Aqua | #00FFFF |
<font color=Black>测试<font> | 测试 | Black | #000000 |
<font color=Blue>测试<font> | 测试 | Blue | #0000FF |
<font color=BlueViolet>测试<font> | 测试 | BlueViolet | #8A2BE2 |
<font color=Brown> 测试<font> | 测试 | Brown | #A52A2A |
<font color=BurlyWood>测试<font> | 测试 | BurlyWood | #DEB887 |
<font color=CadetBlue>测试<font> | 测试 | CadetBlue | #5F9EA0 |
<font color=Chocolate>测试<font> | 测试 | Chocolate | #D2691E |
<font color=Coral>测试<font> | 测试 | Coral | #FF7F50 |
<font color=CornflowerBlue>测试<font> | 测试 | CornflowerBlue | #6495ED |
<font color=Crimson>测试<font> | 测试 | Crimson | #DC143C |
<font color=Cyan>测试<font> | 测试 | Cyan | #00FFFF |
<font color=DarkBlue>测试<font> | 测试 | DarkBlue | #00008B |
<font color=DarkCyan>测试<font> | 测试 | DarkCyan | #008B8B |
<font color=DarkGoldenRod>测试<font> | 测试 | DarkGoldenRod | #B8860B |
<font color=DarkGreen>测试<font> | 测试 | DarkGreen | #006400 |
<font color=DarkKhaki>测试<font> | 测试 | DarkKhaki | #BDB76B |
<font color=DarkMagenta>测试<font> | 测试 | DarkMagenta | #8B008B |
<font color=DarkOliveGreen>测试<font> | 测试 | DarkOliveGreen | #556B2F |
<font color=Darkorange>测试<font> | 测试 | Darkorange | #FF8C00 |
<font color=DarkOrchid>测试<font> | 测试 | DarkOrchid | #9932CC |
<font color=DarkRed>测试<font> | 测试 | DarkRed | #8B0000 |
<font color=DarkSalmon>测试<font> | 测试 | DarkSalmon | #E9967A |
<font color=DarkSeaGreen>测试<font> | 测试 | DarkSeaGreen | #8FBC8F |
<font color=DarkSlateBlue> 测试<font> | 测试 | DarkSlateBlue | #483D8B |
<font color=DarkSlateGray>测试<font> | 测试 | DarkSlateGray | #2F4F4F |
<font color=DarkTurquoise>测试<font> | 测试 | DarkTurquoise | #00CED1 |
<font color=DarkViolet>测试<font> | 测试 | DarkViolet | #9400D3 |
<font color=DeepPink>测试<font> | 测试 | DeepPink | #FF1493 |
<font color=DeepSkyBlue>测试<font> | 测试 | DeepSkyBlue | #00BFFF |
<font color=DimGray>测试<font> | 测试 | DimGray | #696969 |
<font color=DodgerBlue>测试<font> | 测试 | DodgerBlue | #1E90FF |
<font color=Feldspar>测试<font> | 测试 | Feldspar | #D19275 |
<font color=FireBrick>测试<font> | 测试 | FireBrick | #B22222 |
<font color=ForestGreen>测试<font> | 测试 | ForestGreen | #228B22 |
<font color=Fuchsia>测试<font> | 测试 | Fuchsia | #FF00FF |
<font color=Gold>测试<font> | 测试 | Gold | #FFD700 |
<font color=GoldenRod>测试<font> | 测试 | GoldenRod | #DAA520 |
<font color=Gray>测试<font> | 测试 | Gray | #808080 |
<font color=Green>测试<font> | 测试 | Green | #008000 |
<font color=HotPink>测试<font> | 测试 | HotPink | #FF69B4 |
<font color=IndianRed>测试<font> | Test | IndianRed | #CD5C5C |
<font color=Indigo> 测试<font> | 测试 | Indigo | #4B0082 |
<font color=LightCoral>测试<font> | 测试 | LightCoral | #F08080 |
<font color=LightPink> 测试<font> | 测试 | LightPink | #FFB6C1 |
<font color=LightSalmon>测试<font> | 测试 | LightSalmon | #FFA07A |
<font color=LightSeaGreen>测试<font> | 测试 | LightSeaGreen | #20B2AA |
<font color=LightSkyBlue>测试<font> | 测试 | LightSkyBlue | #87CEFA |
<font color=LightSlateBlue> 测试<font> | 测试 | LightSlateBlue | #8470FF |
<font color=LightSlateGray>测试<font> | 测试 | LightSlateGray | #778899 |
<font color=Lime>测试<font> | 测试 | Lime | #00FF00 |
<font color=LimeGreen>测试<font> | 测试 | LimeGreen | #32CD32 |
<font color=Magenta>测试<font> | 测试 | Magenta | #FF00FF |
<font color=Maroon>测试<font> | 测试 | Maroon | #800000 |
<font color=MediumAquaMarine>测试<font> | 测试 | MediumAquaMarine | #66CDAA |
<font color=MediumBlue>测试<font> | 测试 | MediumBlue | #0000CD |
<font color=MediumOrchid>测试<font> | 测试 | MediumOrchid | #BA55D3 |
<font color=MediumPurple>测试<font> | 测试 | MediumPurple | #9370D8 |
<font color=MediumSeaGreen>测试<font> | 测试 | MediumSeaGreen | #3CB371 |
<font color=MediumSlateBlue>测试<font> | 测试 | MediumSlateBlue | #7B68EE |
<font color=MediumSpringGreen>测试<font> | 测试 | MediumSpringGreen | #00FA9A |
<font color=MediumTurquoise>测试<font> | 测试 | MediumTurquoise | #48D1CC |
<font color=MediumVioletRed>测试<font> | 测试 | MediumVioletRed | #C71585 |
<font color=MidnightBlue>测试<font> | 测试 | MidnightBlue | #191970 |
<font color=Navy>测试<font> | 测试 | Navy | #000080 |
<font color=Olive>测试<font> | 测试 | Olive | #808000 |
<font color=OliveDrab>测试<font> | 测试 | OliveDrab | #6B8E23 |
<font color=Orange>测试<font> | 测试 | Orange | #FFA500 |
<font color=OrangeRed> 测试<font> | 测试 | OrangeRed | #FF4500 |
<font color=Orchid>测试<font> | 测试 | Orchid | #DA70D6 |
<font color=PaleVioletRed>测试<font> | 测试 | PaleVioletRed | #D87093 |
<font color=Peru>测试<font> | 测试 | Peru | #CD853F |
<font color=Pink> 测试<font> | 测试 | Pink | #FFC0CB |
<font color=Plum>测试<font> | 测试 | Plum | #DDA0DD |
<font color=Purple>测试<font> | 测试 | Purple | #800080 |
<font color=Red>测试<font> | 测试 | Red | #FF0000 |
<font color=RosyBrown>测试<font> | 测试 | RosyBrown | #BC8F8F |
<font color=RoyalBlue>测试<font> | 测试 | RoyalBlue | #4169E1 |
<font color=SaddleBrown>测试<font> | 测试 | SaddleBrown | #8B4513 |
<font color=Salmon>测试<font> | 测试 | Salmon | #FA8072 |
<font color=SandyBrown>测试<font> | 测试 | SandyBrown | #F4A460 |
<font color=SeaGreen>测试<font> | 测试 | SeaGreen | #2E8B57 |
<font color=SkyBlue>测试<font> | 测试 | SkyBlue | #87CEEB |
<font color=SlateBlue> 测试<font> | 测试 | SlateBlue | #6A5ACD |
<font color=SpringGreen>测试<font> | 测试 | SpringGreen | #00FF7F |
<font color=SteelBlue> 测试<font> | 测试 | SteelBlue | #4682B4 |
<font color=Tan> 测试<font> | 测试 | Tan | #D2B48C |
<font color=Teal> 测试<font> | 测试 | Teal | #008080 |
<font color=Thistle>测试<font> | 测试 | Thistle | #D8BFD8 |
<font color=Tomato>测试<font> | 测试 | Tomato | #FF6347 |
<font color=Turquoise>测试<font> | 测试 | Turquoise | #40E0D0 |
<font color=Violet>测试<font> | 测试 | Violet | #EE82EE |
<font color=VioletRed>测试<font> | 测试 | VioletRed | #D02090 |
<font color=Yellow>测试<font> | 测试 | Yellow | #FFFF00 |
<font color=YellowGreen>测试<font> | 测试 | YellowGreen | #9ACD32 |
4. 预告
下一篇文章将介绍如何给文字加背景色!
欢迎随时交流!