⚜ 1 字体、颜色、大小

  ⚜ 2 表情符号

  ⚜ 3 段落

  ⚜ 4 图片

  ⚜ 5 表格

  ⚜ 6 标题

  ⚜ 7 列表

  ⚜ 8 区块

  ⚜ 9 链接

  ⚜ 10 页内跳转

  ⚜ 11 流程图

  ⚜ 12 符号

1 字体、颜色、大小

<font color=颜色 face=字体 size=字号大小> 需要显示的正文内容 </font>

1.1 字体

📢 只需替换掉Markdown语法格式中face对应的字体即可。

🔔 中英文字体可互换。

常用中文字体：

华文彩云

华文琥珀

华文隶书

华文宋体

华文细黑

华文新魏

华文细黑

华文行楷

华文中宋

楷体

宋体

仿宋

新宋体

黑体

微软雅黑

隶书

幼圆

等线

等线 Light

方正粗黑宋简体

方正舒体

常用英文字体：

Times New Roman

Arial

Calibri

Cambria Math

Mongolian Baiti

Lucida Bright

KK

Britannic Bold

Broadway

Bell MT

Fantasy

1.2 颜色

🌻 所有现代浏览器均支持以下 140 种颜色名称（单击颜色名称或十六进制值，可查看将以该颜色为背景颜色以及不同的文本颜色），链接地址为：/cssref/css_colors.asp

1.2.1 字体颜色

🍏 只需替换掉Markdown语法格式中color对应的颜色即可。

🍐 颜色英文单词的大小写均可。

red

tomato

maroon

indigo

magenta

LawnYellow

green

aqua

lime

blue

navy

yellow

orange

purple

pink

orchid

chocolate

1.2.2 背景颜色

Markdown不支持背景色，但可以使用内置Html的方法来实现，利用table、tr、td等标签bgcolor设置背景色。

<table><tr><td bgcolor=背景色> 显示的内容 </td></tr></table>

比如：<table><tr><td bgcolor=pink> 显示的内容 </td></tr></table>

1.3 字号大小

只需替换掉Markdown语法格式中size对应的数值即可即可。

比如：<font size=5 > size= 5</font>

size=5

PS：size在浏览器中默认值为3。

2 表情符号

参考博客：👇

【CSDN：可在Markdown随意插入的表情符号集，简单复制粘贴法，釜底抽薪的快捷键法】

3 段落

3.1 文字类型

格式为：

*斜体*_斜体_**粗体**__粗体__***粗斜体***___粗斜体___

显示效果为：

斜体

斜体

粗体

粗体

粗斜体

粗斜体

3.2 换行

两个连续空格+回车键使用<br>换行标签

3.3 首行缩进

半角空格(占用1个英文字符)： 或 全角空格(占用2个英文字符)： 

3.4 分割线

以下3种都产生通过的效果：一条横线。

格式为：

---***___

显示效果为：

3.5 删除线

在内容前后，分别添加两个波浪线~~。

格式为：

~~删除线~~

显示效果为：

删除线

3.6 下划线

在内容前后，分别添加HTML的<u>标签

格式为：

<u>下划线</u>

显示效果为：

下划线

3.7 空白行

<br>

3.8 内容注释

基本格式为：

*[ ]: 待注释的内容

升级格式为：（允许在方括号内添加其他内容）

*[^_^]: 待注释的内容*[\(@^0^@)/]: 待注释的内容

3.9 文字框

格式为：

<kbd>文字框</kbd>

显示效果为：

文字框

4 图片

4.1 长宽大小

<img src=图片网址 width=数值x height=数值y >

4.2 长宽比例

<img src=图片网址 width=百分数x height=百分数y >

4.3 居中显示

<div align=center><img src=图片网址 width=数值% height=数值%></div>

4.4 使用快捷键插入图片

Ctrl + Shift + i

5 表格

📃 使用|分割不同的单元格，使用-分割表头和其他行，使用:设置对齐方式。

:-设置标题和内容居左对齐；

-:设置标题和内容居右对齐；

:-:设置标题和内容居中对齐。

格式为：

| 居左对齐 | 居中对齐 | 居右对齐 || :---|:----:|-----:|| 单元格内容 | 单元格内容 | 单元格内容 |

显示效果为：

6 标题

#的个数作为标题的级数。

#需紧跟一个空格。

格式为：

# 这是第一级标题## 这是第二级标题### 这是第三级标题

显示效果为：

这是第一级标题

这是第二级标题

这是第三级标题

7 列表

7.1 无序列表

使用星号*、加号+、减号-作为无序列表标记，后面紧跟一个空格

格式为：

* 星号无序列表项+ 加号无序列表项- 减号无序列表项

显示效果为： 星号无序列表项 加号无序列表项 减号无序列表项

7.2 有序列表

数字.来表示有序列表

格式为：

1. 第一项有序列表2. 第二项有序列表

显示效果为： 第一项有序列表第二项有序列表

7.3 嵌套列表

在子列表前添加4个空格。

格式为：

* 无序列表1. 第一项有序列表2. 第二项有序列表* 无序列表1. 第一项有序列表2. 第二项有序列表

显示效果为： 无序列表 第一项有序列表第二项有序列表 无序列表 第一项有序列表第二项有序列表

7.4 清单功能

输入- [ ]，每个字符间都有空格，会产生方框。

输入- [x]，生成后的方框内，含有对勾。

格式为：

- [ ] 计划的清单- [x] 完成的清单1. - [ ] 嵌套型清单

显示效果为：计划的清单完成的清单嵌套型清单

8 区块

8.1 基本形式

格式为：

> 第一层>> 第二层>>> 第三层

显示效果为：

第一层

第二层

第三层

8.2 嵌套形式

格式为：

* 第一项无序列表> 啦啦啦>> 喔喔喔1. 第一项有序列表2. 第二项有序列表> 嗷嗷嗷>> 哈哈哈

显示效果为： 第一项无序列表

啦啦啦

喔喔喔

第一项有序列表第二项有序列表

嗷嗷嗷

哈哈哈

9 链接

9.1 内联链接

格式为：

[百度链接地址]()

显示效果为：

百度链接地址

9.2 引用链接

格式为：

[引用链接为][1][1]:

显示效果为：

百度链接地址

10 页内跳转

基于HTML标签实现方式

格式为： 定义一个锚(ID)：

<span id="destination_id"> 跳转的目标位置</span>

或者

<a id="destination_id"> 跳转的目标位置</a>

建立跳转链接：

[需点击的跳转位置](#destination_id)

示例：

点击我在北京，然后，跳转到这是上海。

代码为：

[我在北京](#shangHai)<span id="shangHai"> 这是上海 </span>

显示效果为：

我在北京

这是上海

11 流程图

flowchat的所有元素：

start：开始节点

end：结束节点

inputoutput：输入/输出节点

operation：操作节点

operation：条件节点

subroutine：子程序节点

连接：

使用->将两个元素连接起来。

连线的方向：

在节点ID后添加(right)或"(left)"，默认方向为从上到下。

条件的判断：

yes或n。

超链接：

在定义元素时，使用:>链接地址来增添超链接功能。

示例：

源码为：

```mermaidflowchat /*开始标识*/s=>start: 开始input=>inputoutput: 请输入博客地址op=>operation: 点击将链接跳转到目标博客:>/Xminyang?type=blogrun=>subroutine: 阅读该博客over=>condition: 是否结束?output=>inputoutput: 归纳总结e=>end: 结束s->input->op->runrun(right)->overover(no)->inputover(yes)->output->e ```

显示效果为：

12 符号

需要在代码的前后添加$，比如除法符号的实际代码应为$\div$。

12.1 数学符号

12.2 希腊符号

12.3 特殊符号