Markdown使用教程｜入门指南

导语

博文的编写需要用到Markdown所以下面先介绍一下具体的使用方法

Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
由于Markdown的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，目前许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。如GitHub、Reddit、Diaspora、StackExchange、OpenStreetMap、SourceForge、简书等，甚至还能被使用来撰写电子书。

一、标题

要设置为标题的文字前面加#来表示
一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。

注：标准语法一般在#后跟个空格再写文字

示例：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果如下：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

二、字体

1、字体、字号、颜色设置

示例：

<font face="微软雅黑" >微软雅黑字体</font>
<font face="黑体" >黑体</font>
<font face="楷体">楷体</font>
<font size=3 >3号字</font>
<font size=4 >4号字</font>
<font color=#FF0000 >红色</font>
<font color=#008000 >绿色</font>
<font color=#0000FF >蓝色</font>
<font face="微软雅黑" color=#FF0000 size=5>微软雅黑字体，颜色为红色，字体大小5号</font>

效果如下：

微软雅黑字体
黑体
楷体
3号字
4号字
红色
绿色
蓝色
微软雅黑字体，颜色为红色，字体大小5号

2、字体加粗、倾斜

示例：

**加粗的文字**
*倾斜的文字*
***斜体加粗的文字***
~~加删除线的文字~~

效果如下：

加粗的文字
倾斜的文字
斜体加粗的文字
加删除线的文字

3、为文字添加背景

示例：

<table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>
<table><tr><td bgcolor=blue>背景色是blue</td></tr></table>
<table><tr><td bgcolor=red>背景色是red</td></tr></table>

效果如下：

背景色yellow

背景色是blue

背景色是red

三、列表

Markdown 支持有序列表和无序列表.
列表嵌套（上一级和下一级之间敲三个空格即可）

1、无序列表

使用星号, 加号, 和连字符 – 这些符号是可互换的:

+   Red
*   Green
-   Blue

效果如下：

• Red

• Green

• Blue

2、有序列表

使用数字加句号:

1. 列表内容
2. 列表内容
3. 列表内容

效果如下：

1. 列表内容
2. 列表内容
3. 列表内容

四、引用

使用标记符>对内容进行引用：

示例：

> 后面是我引用内容
#引用的多层嵌套
>  引用1
>>  引用2
>>>  引用3
>>  
>>  引用2
>
>  引用1

效果如下：

后面是我引用内容

引用1

引用2

引用3

引用2

引用1

五、超链接

Markdown 支持两种链接形式: 内联 和 引用.
这两种形式下链接文本的定界符都是[中括号].
要创建内联链接, 只需在链接文本的右括号后面紧接一对圆括号. 圆括号里面放所需的 URL 链接, 还可以放一个 可选 的链接标题, 标题要用引号包围.

示例一：

[名称](所在地址 "title")
[名称](具体地址)
欢迎大家，来到[Li Xingze's Blog](https://lixingze.xyz)
欢迎大家，来到[百度](https://baidu.com)
[必应](https://cn.bing.com/)

效果如下：

欢迎大家，来到Li Xingze’s Blog
欢迎大家，来到百度
必应

示例二：

我目前用的几个搜索引擎是：[谷歌][2]、[百度][3]、[必应][随便输入]
欢迎大家来我的[博客][1]

[1]:https:lxz9.com
[2]:https://www.baidu.com/
[3]:https://www.google.cn/"Google"
[随便输入]:https://cn.bing.com/

效果如下：

我目前用的几个搜索引擎是：谷歌、百度、必应
欢迎大家来我的博客

六、图片

通常, 要用 “原生” 的语法在纯文本格式中插入图片是很困难的.
Markdown 使用了类似链接的语法来插入图片, 包含两种形式: 内联 和 引用.
目前如果写博客都会用到图床，可以自行百度找到合适的图床 ，如果图片文件过大 推荐使用TingPNG进行无损压缩，缩小图片的大小

内联图片语法如下:

![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")

![自定义名称](图片的链接)

![6Gxg7q.png](https://z3.ax1x.com/2021/03/10/6Gxg7q.png)

也就是:
一个感叹号:!;
紧跟着一对方括号, 包含了图片的alt属性;
紧跟着一对圆括号, 包含了图片的 URL 或者路径, 以及一个可选的用单引号或双引号包裹的title属性.

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0ha1p1gz-1612083076228)(https://raw.githubusercontent.com/lxingze/photo/main/img/markdown_logo.png)]

注意：Markdown 没有语法指定图片尺寸; 如果需要指定图片尺寸, 可以使用 HTML<img>标签.

1、设置设置图片百分比

<img src="http://图片链接" width="50%" height="50%">

2、设置图片大小

<img src="http://图片链接" width="300" height="300" >

3、设置图片居中

<div align=right><img src="http://图片链接" width="50%" height="50%"></div>

七、表格

举个简单的小例子

---------------------------
学习计划 | 任务
-------- | -----
英语 | 背单词
数学 | 做卷子
语文 | 背古诗
---------------------------

---

学习计划	任务
英语	背单词
数学	做卷子
语文	背古诗

当然还可以制作流程图等等

八、总结

其实Markdown的功能还有很多，只要去不断学习就会做出更好的文章，让文章的内容更加丰富
更多内容点击进入Markdown中文文档
{% btn ‘https://markdown-zh.readthedocs.io/en/latest/’,Markdown,far fa-hand-point-right,purple larger %}

不断更新完善中{% hideInline I’m Li,ing,#FF7242,#fff %}

最后附上颜色对照表供大家参考

---

颜色名称	十六进制颜色值	颜色	样式
AliceBlue	#F0F8FF	rgb(240, 248, 255)	LiXingze’s Blog
AntiqueWhite	#FAEBD7	rgb(250, 235, 215)	LiXingze’s Blog
Aqua	#00FFFF	rgb(0, 255, 255)	LiXingze’s Blog
Aquamarine	#7FFFD4	rgb(127, 255, 212)	LiXingze’s Blog
Azure	#F0FFFF	rgb(240, 255, 255)	LiXingze’s Blog
Beige	#F5F5DC	rgb(245, 245, 220)	LiXingze’s Blog
Bisque	#FFE4C4	rgb(255, 228, 196)	LiXingze’s Blog
Black	#000000	rgb(0, 0, 0)	LiXingze’s Blog
BlanchedAlmond	#FFEBCD	rgb(255, 235, 205)	LiXingze’s Blog
Blue	#0000FF	rgb(0, 0, 255)	LiXingze’s Blog
BlueViolet	#8A2BE2	rgb(138, 43, 226)	LiXingze’s Blog
Brown	#A52A2A	rgb(165, 42, 42)	LiXingze’s Blog
BurlyWood	#DEB887	rgb(222, 184, 135)	LiXingze’s Blog
CadetBlue	#5F9EA0	rgb(95, 158, 160)	LiXingze’s Blog
Chartreuse	#7FFF00	rgb(127, 255, 0)	LiXingze’s Blog
Chocolate	#D2691E	rgb(210, 105, 30)	LiXingze’s Blog
Coral	#FF7F50	rgb(255, 127, 80)	LiXingze’s Blog
CornflowerBlue	#6495ED	rgb(100, 149, 237)	LiXingze’s Blog
Cornsilk	#FFF8DC	rgb(255, 248, 220)	LiXingze’s Blog
Crimson	#DC143C	rgb(220, 20, 60)	LiXingze’s Blog
Cyan	#00FFFF	rgb(0, 255, 255)	LiXingze’s Blog
DarkBlue	#00008B	rgb(0, 0, 139)	LiXingze’s Blog
DarkCyan	#008B8B	rgb(0, 139, 139)	LiXingze’s Blog
DarkGoldenRod	#B8860B	rgb(184, 134, 11)	LiXingze’s Blog
DarkGray	#A9A9A9	rgb(169, 169, 169)	LiXingze’s Blog
DarkGreen	#006400	rgb(0, 100, 0)	LiXingze’s Blog
DarkKhaki	#BDB76B	rgb(189, 183, 107)	LiXingze’s Blog
DarkMagenta	#8B008B	rgb(139, 0, 139)	LiXingze’s Blog
DarkOliveGreen	#556B2F	rgb(85, 107, 47)	LiXingze’s Blog
Darkorange	#FF8C00	rgb(255, 140, 0)	LiXingze’s Blog
DarkOrchid	#9932CC	rgb(153, 50, 204)	LiXingze’s Blog
DarkRed	#8B0000	rgb(139, 0, 0)	LiXingze’s Blog
DarkSalmon	#E9967A	rgb(233, 150, 122)	LiXingze’s Blog
DarkSeaGreen	#8FBC8F	rgb(143, 188, 143)	LiXingze’s Blog
DarkSlateBlue	#483D8B	rgb(72, 61, 139)	LiXingze’s Blog
DarkSlateGray	#2F4F4F	rgb(47, 79, 79)	LiXingze’s Blog
DarkTurquoise	#00CED1	rgb(0, 206, 209)	LiXingze’s Blog
DarkViolet	#9400D3	rgb(148, 0, 211)	LiXingze’s Blog
DeepPink	#FF1493	rgb(255, 20, 147)	LiXingze’s Blog
DeepSkyBlue	#00BFFF	rgb(0, 191, 255)	LiXingze’s Blog
DimGray	#696969	rgb(105, 105, 105)	LiXingze’s Blog
DodgerBlue	#1E90FF	rgb(30, 144, 255)	LiXingze’s Blog
Feldspar	#D19275	rgb(209, 146, 117)	LiXingze’s Blog
FireBrick	#B22222	rgb(178, 34, 34)	LiXingze’s Blog
FloralWhite	#FFFAF0	rgb(255, 250, 240)	LiXingze’s Blog
ForestGreen	#228B22	rgb(34, 139, 34)	LiXingze’s Blog
Fuchsia	#FF00FF	rgb(255, 0, 255)	LiXingze’s Blog
Gainsboro	#DCDCDC	rgb(220, 220, 220)	LiXingze’s Blog
GhostWhite	#F8F8FF	rgb(248, 248, 255)	LiXingze’s Blog
Gold	#FFD700	rgb(255, 215, 0)	LiXingze’s Blog
GoldenRod	#DAA520	rgb(218, 165, 32)	LiXingze’s Blog
Gray	#808080	rgb(128, 128, 128)	LiXingze’s Blog
Green	#008000	rgb(0, 128, 0)	LiXingze’s Blog
GreenYellow	#ADFF2F	rgb(173, 255, 47)	LiXingze’s Blog
HoneyDew	#F0FFF0	rgb(240, 255, 240)	LiXingze’s Blog
HotPink	#FF69B4	rgb(255, 105, 180)	LiXingze’s Blog
IndianRed	#CD5C5C	rgb(205, 92, 92)	LiXingze’s Blog
Indigo	#4B0082	rgb(75, 0, 130)	LiXingze’s Blog
Ivory	#FFFFF0	rgb(255, 255, 240)	LiXingze’s Blog
Khaki	#F0E68C	rgb(240, 230, 140)	LiXingze’s Blog
Lavender	#E6E6FA	rgb(230, 230, 250)	LiXingze’s Blog
LavenderBlush	#FFF0F5	rgb(255, 240, 245)	LiXingze’s Blog
LawnGreen	#7CFC00	rgb(124, 252, 0)	LiXingze’s Blog
LemonChiffon	#FFFACD	rgb(255, 250, 205)	LiXingze’s Blog
LightBlue	#ADD8E6	rgb(173, 216, 230)	LiXingze’s Blog
LightCoral	#F08080	rgb(240, 128, 128)	LiXingze’s Blog
LightCyan	#E0FFFF	rgb(224, 255, 255)	LiXingze’s Blog
LightGoldenRodYellow	#FAFAD2	rgb(250, 250, 210)	LiXingze’s Blog
LightGrey	#D3D3D3	rgb(211, 211, 211)	LiXingze’s Blog
LightGreen	#90EE90	rgb(144, 238, 144)	LiXingze’s Blog
LightPink	#FFB6C1	rgb(255, 182, 193)	LiXingze’s Blog
LightSalmon	#FFA07A	rgb(255, 160, 122)	LiXingze’s Blog
LightSeaGreen	#20B2AA	rgb(32, 178, 170)	LiXingze’s Blog
LightSkyBlue	#87CEFA	rgb(135, 206, 250)	LiXingze’s Blog
LightSlateBlue	#8470FF	rgb(132, 112, 255)	LiXingze’s Blog
LightSlateGray	#778899	rgb(119, 136, 153)	LiXingze’s Blog
LightSteelBlue	#B0C4DE	rgb(176, 196, 222)	LiXingze’s Blog
LightYellow	#FFFFE0	rgb(255, 255, 224)	LiXingze’s Blog
Lime	#00FF00	rgb(0, 255, 0)	LiXingze’s Blog
LimeGreen	#32CD32	rgb(50, 205, 50)	LiXingze’s Blog
Linen	#FAF0E6	rgb(250, 240, 230)	LiXingze’s Blog
Magenta	#FF00FF	rgb(255, 0, 255)	LiXingze’s Blog
Maroon	#800000	rgb(128, 0, 0)	LiXingze’s Blog
MediumAquaMarine	#66CDAA	rgb(102, 205, 170)	LiXingze’s Blog
MediumBlue	#0000CD	rgb(0, 0, 205)	LiXingze’s Blog
MediumOrchid	#BA55D3	rgb(186, 85, 211)	LiXingze’s Blog
MediumPurple	#9370D8	rgb(147, 112, 216)	LiXingze’s Blog
MediumSeaGreen	#3CB371	rgb(60, 179, 113)	LiXingze’s Blog
MediumSlateBlue	#7B68EE	rgb(123, 104, 238)	LiXingze’s Blog
MediumSpringGreen	#00FA9A	rgb(0, 250, 154)	LiXingze’s Blog
MediumTurquoise	#48D1CC	rgb(72, 209, 204)	LiXingze’s Blog
MediumVioletRed	#C71585	rgb(199, 21, 133)	LiXingze’s Blog
MidnightBlue	#191970	rgb(25, 25, 112)	LiXingze’s Blog
MintCream	#F5FFFA	rgb(245, 255, 250)	LiXingze’s Blog
MistyRose	#FFE4E1	rgb(255, 228, 225)	LiXingze’s Blog
Moccasin	#FFE4B5	rgb(255, 228, 181)	LiXingze’s Blog
NavajoWhite	#FFDEAD	rgb(255, 222, 173)	LiXingze’s Blog
Navy	#000080	rgb(0, 0, 128)	LiXingze’s Blog
OldLace	#FDF5E6	rgb(253, 245, 230)	LiXingze’s Blog
Olive	#808000	rgb(128, 128, 0)	LiXingze’s Blog
OliveDrab	#6B8E23	rgb(107, 142, 35)	LiXingze’s Blog
Orange	#FFA500	rgb(255, 165, 0)	LiXingze’s Blog
OrangeRed	#FF4500	rgb(255, 69, 0)	LiXingze’s Blog
Orchid	#DA70D6	rgb(218, 112, 214)	LiXingze’s Blog
PaleGoldenRod	#EEE8AA	rgb(238, 232, 170)	LiXingze’s Blog
PaleGreen	#98FB98	rgb(152, 251, 152)	LiXingze’s Blog
PaleTurquoise	#AFEEEE	rgb(175, 238, 238)	LiXingze’s Blog
PaleVioletRed	#D87093	rgb(216, 112, 147)	LiXingze’s Blog
PapayaWhip	#FFEFD5	rgb(255, 239, 213)	LiXingze’s Blog
PeachPuff	#FFDAB9	rgb(255, 218, 185)	LiXingze’s Blog
Peru	#CD853F	rgb(205, 133, 63)	LiXingze’s Blog
Pink	#FFC0CB	rgb(255, 192, 203)	LiXingze’s Blog
Plum	#DDA0DD	rgb(221, 160, 221)	LiXingze’s Blog
PowderBlue	#B0E0E6	rgb(176, 224, 230)	LiXingze’s Blog
Purple	#800080	rgb(128, 0, 128)	LiXingze’s Blog
Red	#FF0000	rgb(255, 0, 0)	LiXingze’s Blog
RosyBrown	#BC8F8F	rgb(188, 143, 143)	LiXingze’s Blog
RoyalBlue	#4169E1	rgb(65, 105, 225)	LiXingze’s Blog
SaddleBrown	#8B4513	rgb(139, 69, 19)	LiXingze’s Blog
Salmon	#FA8072	rgb(250, 128, 114)	LiXingze’s Blog
SandyBrown	#F4A460	rgb(244, 164, 96)	LiXingze’s Blog
SeaGreen	#2E8B57	rgb(46, 139, 87)	LiXingze’s Blog
SeaShell	#FFF5EE	rgb(255, 245, 238)	LiXingze’s Blog
Sienna	#A0522D	rgb(160, 82, 45)	LiXingze’s Blog
Silver	#C0C0C0	rgb(192, 192, 192)	LiXingze’s Blog
SkyBlue	#87CEEB	rgb(135, 206, 235)	LiXingze’s Blog
SlateBlue	#6A5ACD	rgb(106, 90, 205)	LiXingze’s Blog
SlateGray	#708090	rgb(112, 128, 144)	LiXingze’s Blog
Snow	#FFFAFA	rgb(255, 250, 250)	LiXingze’s Blog
SpringGreen	#00FF7F	rgb(0, 255, 127)	LiXingze’s Blog
SteelBlue	#4682B4	rgb(70, 130, 180)	LiXingze’s Blog
Tan	#D2B48C	rgb(210, 180, 140)	LiXingze’s Blog
Teal	#008080	rgb(0, 128, 128)	LiXingze’s Blog
Thistle	#D8BFD8	rgb(216, 191, 216)	LiXingze’s Blog
Tomato	#FF6347	rgb(255, 99, 71)	LiXingze’s Blog
Turquoise	#40E0D0	rgb(64, 224, 208)	LiXingze’s Blog
Violet	#EE82EE	rgb(238, 130, 238)	LiXingze’s Blog
VioletRed	#D02090	rgb(208, 32, 144)	LiXingze’s Blog
Wheat	#F5DEB3	rgb(245, 222, 179)	LiXingze’s Blog
White	#FFFFFF	rgb(255, 255, 255)	LiXingze’s Blog
WhiteSmoke	#F5F5F5	rgb(245, 245, 245)	LiXingze’s Blog
Yellow	#FFFF00	rgb(255, 255, 0)	LiXingze’s Blog
YellowGreen	#9ACD32	rgb(154, 205, 50)	LiXingze’s Blog

文章出自：lxz9.com