[原创] Hexo+Github 搭建自己的博客 --- 心得汇总 2018 版(内容编辑篇)

上篇把 hexo 的配置讲的差不多了,现在我们讲一下 hexo 里的内容编辑.

文章抬头设置

1
2
3
4
5
6
7
8
---
tags:
- hexo
- ccs
categories: 技术分享
top: true
password: 123456
---

上面这个抬头就是建立了 hexoccs 标签,技术分享的分类,以及把这篇文章置顶,访问该篇文章需要输入密码 123456.

语法

分级标题:

行首加 “#” 表示不同级别的标题 (H1-H6)。“#” 后最好空一格。H1 最大,H6 最小。# H1## H2### H3#### H4##### H5###### H6

1
2
3
4
5
6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果展示:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

文字强调:

1
2
3
*斜体文字*
**加粗文字**
***粗斜体文字***

效果展示:
斜体文字
加粗文字
粗斜体文字


列表

*+- 表示无序列表。

1
2
3
4
5
6
7
8
9
* 测试
* 测试1
* 测试2
+ 测试3
+ 测试4
+ 测试5
- 测试6
- 测试7
- 测试8

效果展示:

  • 测试
  • 测试 1
  • 测试 2
  • 测试 3
  • 测试 4
  • 测试 5
  • 测试 6
  • 测试 7
  • 测试 8

数字和点 1.2.3. 表示有序列表。字符后须空一格。

1
2
3
4
5
1. 测试1
2. 测试2
3. 测试3
4. 测试4
5. 测试5

效果展示:

  1. 测试 1
  2. 测试 2
  3. 测试 3
  4. 测试 4
  5. 测试 5

引用

1
> 引用 >> 引用中的引用

效果展示:

引用 >> 引用中的引用

文本居中的引用

1
2
3
{% cq %} 文本居中的引用
测试
测试2 {% endcq %}

效果展示:

文本居中的引用
测试
测试 2

分割线

1
2
3
***

---

效果展示:



删除线和下划线

1
2
~~删除线~~
<u>下划线</u>

效果展示:
删除线
下划线

行内代码

1
`hello world`

效果展示:
hell world

代码块

行首敲四个缩进空格,或者某段文本上下一行均加 ```, 或者某段文本上下一行均加~~~

效果展示:

1
代码块测试!

外链

描述即外链的名称,可以随意修改.

1
[描述](http://www.baidu.com)

效果展示:
描述

插入图像

1
2
![图像测试](https://www.baidu.com/img/bd_logo1.png?where=super)  #markdown插入的图片,无法设置大小
<img src=""https://www.baidu.com/img/bd_logo1.png?where=super" width="50%" height="50%" /> #img src插入图片可以设置图片的大小

效果展示:
图像测试

缩进:

1
   输入法中半角改为全角,缩进效果如同Word。或段首加几个,即缩进几格。

效果展示:
   输入法中半角改为全角,缩进效果如同 Word。或段首加几个,即缩进几格。

换行

1
在行中加<br>即换行,在行末加<p>即空行;在行中插入分隔线<hr/>测试分隔线中。

效果展示:
在行中加
即换行,在行末加

即空行;在行中插入分隔线


测试分隔线中。

转义符

在特殊字符前面加 \ 可使特殊字符转换为正常字符,而不是被识别为 markdown 语法符号。如:

1
\\\`\*\_\{\}\[\]\(\)\#\+\-\.\!

效果展示:
\`*_{}[]()#+-.!

脚注

1
比如test[^1\],脚注2是[^2\]是这样的

效果展示:
比如 test^1, 脚注 2 是 ^2 是这样的

表格

使用竖线 “|” 分割开,表头下面加上横线,如下所示:

1
2
3
4
5
姓名|性别|年龄|分数|
|---|:---:|:--|---:|
|张三|男|8|60|
|李四|女|20|90|
|默认|居中|左对齐|右对齐|

效果展示:

姓名 性别 年龄 分数
张三 8 60
李四 20 90
默认 居中 左对齐 右对齐

上标与下标

1
2
3
测试文字<sub>这是下标文本</sub>

测试文字<sup>这是上标文本</sup>

效果展示:
测试文字这是下标文本

测试文字这是上标文本

字体加大和缩小

1
2
3
4
5
6
<small><small>最小字号</small></small>
<small>小字号</small>
<big>大字号</big>
<big><big>大大字号</big></big>
<big><big><big>大大大字号</big></big></big>
<big><big><big><big>继续加可以继续大下去</big></big></big></big>

效果展示:
最小字号
小字号
大字号
大大字号
大大大字号
继续加可以继续大下去

添加 ICO 图标

可以在 Font Awesome 官网查找 ICO 图标,然后通过 class 方法添加。

1
2
3
4
5
<i class="fa fa-pencil"></i> 铅笔
<i class="fa fa-cloud-upload"></i> 上传
<i class="fa fa-download"></i> 下载
<i class="fa fa-download fa-lg"></i> 下载变大 33%
<i class="fa fa-download fa-2x"></i> 下载两倍大

效果展示:
铅笔
上传
下载
下载变大 33%
下载两倍大

Bootstrap 标注

1
2
3
4
5
6
7
{% note class_name %} 文字内容 (md class_name supported) {% endnote %}
{% note primary %} 文字内容 (md primary supported) {% endnote %}
{% note default %} 文字内容 (md default supported) {% endnote %}
{% note success %} 文字内容 (md success supported) {% endnote %}
{% note info %} 文字内容 (md info supported) {% endnote %}
{% note warning %} 文字内容 (md warning supported) {% endnote %}
{% note danger %} 文字内容 (md danger supported) {% endnote %}

效果展示:

class_name

文字内容 (md class_name supported)

文字内容 (md primary supported)

文字内容 (md default supported)

文字内容 (md success supported)

文字内容 (md info supported)

文字内容 (md warning supported)

文字内容 (md danger supported)

设置文字颜色

1
2
<font color="red"><big>测试内容</big></font>
<font color="#0000FF">测试内容</font>

效果展示:
测试内容
测试内容

待办事宜列表

1
2
3
4
5
- [ ] 支持以 PDF 格式导出文稿
- [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
- [x] 新增 Todo 列表功能
- [x] 修复 LaTex 公式渲染问题
- [x] 新增 LaTex 公式编号功能

效果展示:

  • 支持以 PDF 格式导出文稿
  • 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
  • 新增 Todo 列表功能
  • 修复 LaTex 公式渲染问题
  • 新增 LaTex 公式编号功能

行内 HTML 元素

<kbd> 标签定义键盘文本。

1
<kbd>Ctrl<kbd>+<kbd>Alt<kbd>+<kbd>Del<kbd> 重启电脑

效果展示:
Ctrl + Alt + Del 重启电脑

辅助排版符号

键盘打不出的,复制 - 粘贴即可

直角引号比较古典,尤其用在标题中:「」和『』代替 “ ”

▍这个加在分级标题前效果好

▏这个在段落前等于是空格

各种三角 ▷ ◁ ▶ ◀ △▽▲▼

➥ 和 → 还有 ˉˉ↴ 以及 ➨ 起引导视线的作用

☛ 这个是点击

☑ 和 ✔ 是已经选择,OK

✘ 是错误,删除,NO

✄ 是剪切

❐ 这个是复制粘贴

✚ 是添加,补充,选项

☷ 是列表,调整格式

① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ 这样的数字是不是很酷

罗马数字(Ⅰ・Ⅱ・Ⅲ・Ⅳ・Ⅴ・Ⅵ・Ⅶ・Ⅷ・Ⅸ・Ⅹ・Ⅺ・Ⅻ)比较优雅复古

居中和右对齐

1
2
3
4
<!-- 居中 -->
<center>内容</center>
<!-- 右对齐 -->
<div style="text-align:right">内容</div>

效果展示:

内容
内容

选项卡

1
2
3
4
5
6
7
8
9
10
11
{% tabs 选项卡, 2 %}
<!-- tab -->
**这是选项卡 1** 呵呵哈哈哈哈哈哈
<!-- endtab -->
<!-- tab -->
**这是选项卡 2** 额。。。
<!-- endtab -->
<!-- tab -->
**这是选项卡 3** 哇,你找到我了!
<!-- endtab -->
{% endtabs %}

效果展示:

这是选项卡 1 呵呵哈哈哈哈哈哈

这是选项卡 2 额。。。

这是选项卡 3 哇,你找到我了!

按钮样式

1
{% btn https://almostover.ru/2016-01/hexo-theme-next-test/#Button-tag-test, 更多关于按钮的使用点这里, download fa-lg fa-fw %}

效果展示:
更多关于按钮的使用点这里

转义码

字符 转义码 说明
&#09; 制表符 Horizontal tab
&#10; 换行 Line feed
&#13; 回车 Carriage Return
&#32; Space
! &#33; 惊叹号 Exclamation mark
&#34; uot; 双引号 Quotation mark
# &#35; 数字标志 Number sign
$ &#36; 美元标志 Dollar sign
% &#37; 百分号 Percent sign
& &#38; mp; Ampersand
&#39; 单引号 Apostrophe
( &#40; 小括号左边部分 Left parenthesi
) &#41; 小括号右边部分 Right parenthes
* &#42; 星号 Asterisk
+ &#43; 加号 Plus sign
, &#44; 逗号 Comma
- &#45; 连字号 Hyphen
. &#46; 句号 Period (fullstop)
/ &#47; 斜杠 Solidus (slash)
0 &#48; 数字 0 Digit 0
1 &#49; 数字 1 Digit 1
2 &#50; 数字 2 Digit 2
3 &#51; 数字 3 Digit 3
4 &#52; 数字 4 Digit 4
5 &#53; 数字 5 Digit 5
6 &#54; 数字 6 Digit 6
7 &#55; 数字 7 Digit 7
8 &#56; 数字 8 Digit 8
9 &#57; 数字 9 Digit 9
: &#58; 冒号 Colon
; &#59; 分号 Semicolon
< &#60; 小于号 Less than
= &#61; 等于符号 Equals sign
> &#62; 大于号 Greater than
? &#63; 问号 Question mark
@ &#64; Commercial at
A &#65; 大写 A Capital A
B &#66; 大写 B Capital B
C &#67; 大写 C Capital C
D &#68; 大写 D Capital D
E &#69; 大写 E Capital E
F &#70; 大写 F Capital F
G &#71; 大写 G Capital G
H &#72; 大写 H Capital H
I &#73; 大写 J Capital I
J &#74; 大写 K Capital J
K &#75; 大写 L Capital K
L &#76; 大写 K Capital L
M &#77; 大写 M Capital M
N &#78; 大写 N Capital N
O &#79; 大写 O Capital O
P &#80; 大写 P Capital P
Q &#81; 大写 Q Capital Q
R &#82; 大写 R Capital R
S &#83; 大写 S Capital S
T &#84; 大写 T Capital T
U &#85; 大写 U Capital U
V &#86; 大写 V Capital V
W &#87; 大写 W Capital W
X &#88; 大写 X Capital X
Y &#89; 大写 Y Capital Y
Z &#90; 大写 Z Capital Z
[ &#91; 中括号左边部分 Left square b
|&#92; 反斜杠 Reverse solidus (
] &#93; 中括号右边部分 Right square br
^ &#94; Caret
_ &#95; 下划线 Horizontal bar (und
` &#96; 尖重音符 Acute accent
a &#97; 小写 a Small a
b &#98; 小写 b Small b
c &#99; 小写 c Small c
d &#100; 小写 d Small d
e &#101; 小写 e Small e
f &#102; 小写 f Small f
g &#103; 小写 g Small g
h &#104; 小写 h Small h
i &#105; 小写 i Small i
j &#106; 小写 j Small j
k &#107; 小写 k Small k
l &#108; 小写 l Small l
m &#109; 小写 m Small m
n &#110; 小写 n Small n
o &#111; 小写 o Small o
p &#112; 小写 p Small p
q &#113; 小写 q Small q
r &#114; 小写 r Small r
s &#115; 小写 s Small s
t &#116; 小写 t Small t
u &#117; 小写 u Small u
v &#118; 小写 v Small v
w &#119; 小写 w Small w
x &#120; 小写 x Small x
y &#121; 小写 y Small y
z &#122; 小写 z Small z
{ &#123; 大括号左边部分 Left curly bra
|&#124; 竖线 Vertical bar
} &#125; 大括号右边部分 Right curly br
~ &#126; Tilde
&#127; 未使用 Unused
& &#160; 空格 Nonbreaking space
¡ &#161;
&#162;
&#163;
¤ &#164;
&#165;
|&#166;
§ &#167;
¨ &#168;
© &#169;
a &#170;
« &#171;
¬ &#172;
­ &#173; ­ Soft hyphen
® &#174;
ˉ &#175;
° &#176;
± &#177;
2 &#178;
3 &#179;
&#180;
μ &#181;
&#182;
· &#183;
¸ &#184;
1 &#185;
o &#186;
» &#187;
¼ &#188;
½ &#189;
¾ &#190;
¿ &#191;
à &#192;
á &#193;
 &#194;
à &#195;
Ä &#196;
Å &#197;
Æ &#198;
Ç &#199;
è &#200;
é &#201;
ê &#202;
Ë &#203;
ì &#204;
í &#205;
Î &#206;
Ï &#207;
D &#208;
Ñ &#209;
ò &#210;
ó &#211;
Ô &#212;
Õ &#213;
Ö &#214;
× &#215;
Ø &#216;
ù &#217;
ú &#218;
Û &#219;
ü &#220;
Y &#221;
T &#222;
ß &#223;
à &#224;
á &#225;
a &#226;
ã &#227;
ä &#228;
å &#229;
æ &#230;
ç &#231;
è &#232;
é &#233;
ê &#234;
ë &#235;
ì &#236;
í &#237;
î &#238;
ï &#239;
e &#240;
ñ &#241;
ò &#242;
ó &#243;
ô &#244;
õ &#245;
ö &#246;
÷ &#247;
ø &#248;
ù &#249;
ú &#250;
û &#251;
ü &#252;
y &#253;
t &#254;
ÿ &#255;
ƒ &fnof;
Α &Alpha;
Β &Beta;
Γ &Gamma;
Δ &Delta;
Ε &Epsilon;
Ζ &Zeta;
Η &Eta;
Θ &Theta;
Ι &Iota;
Κ &Kappa;
Λ &Lambda;
Μ &Mu;
Ν &Nu;
Ξ &Xi;
Ο &Omicron;
Π &Pi;
Ρ &Rho;
Σ &Sigma;
Τ &Tau;
Υ &Upsilon;
Φ &Phi;
Χ &Chi;
Ψ &Psi;
Ω &Omega;
α &alpha;
β &beta;
γ &gamma;
δ &delta;
ε &epsilon;
ζ &zeta;
η &eta;
θ &theta;
ι &iota;
κ &kappa;
λ &lambda;
μ &mu;
ν &nu;
ξ &xi;
ο &omicron;
π &pi;
ρ &rho;
ς &sigmaf;
σ &sigma;
τ &tau;
υ &upsilon;
φ &phi;
χ &chi;
ψ &psi;
ω &omega;
ϑ &thetasym;
ϒ &upsih;
ϖ &piv;
&bull;
&hellip;
&prime;
&Prime;
&oline;
&frasl;
&weierp;
&image;
&real;
&trade;
&alefsym;
&larr;
&uarr;
&rarr;
&darr;
&harr;
&crarr;
&lArr;
&uArr;
&rArr;
&dArr;
&hArr;
&forall;
&part;
&exist;
&empty;
&nabla;
&isin;
&notin;
&ni;
&prod;
&sum;
&minus;
&lowast;
&radic;
&prop;
&infin;
&ang;
&and;
&or;
&cap;
&cup;
&int;
&there4;
&sim;
&cong;
&asymp;
&ne;
&equiv;
&le;
&ge;
&sub;
&sup;
&nsub;
&sube;
&supe;
&oplus;
&otimes;
&perp;
&sdot;
&lceil;
&rceil;
&lfloor;
&rfloor;
&lang;
&rang;
&loz;
&spades;
&clubs;
&hearts;
&diams;
&quot;
& &amp;
< &lt;
> &gt;
Π&OElig;
œ &oelig;
Š &Scaron;
š &scaron;
Ÿ &Yuml;
ˆ &circ;
˜ &tilde;
& nsp;
& msp;
& hinsp;
&zwnj;
&zwj;
&lrm;
&rlm;
&ndash;
&mdash;
&lsquo;
&rsquo;
&sbquo;
&ldquo;
&rdquo;
&bdquo;
&dagger;
&Dagger;
&permil;
&lsaquo;
&rsaquo;
&euro;

颜色表

颜色名十六进制颜色值颜色
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)