.MD语法入门

转载地址：https://www.jianshu.com/p/399e5a3c7cc5

 

.md即markdown文件的基本经常使用编写语法,是一种快速标记、快速排版语言，如今不少前段项目中的说明文件readme等都是用.md文件编写的，并且不少企业也在在鼓励使用这种编辑方式，特别做为一个前端从业者更要学会使用这种语言。下面就简单和你们分享一些.md基本语法

1、基本符号：* - +. >

基本上全部的markdown标记都是基于这四个符号或组合，须要注意的是，若是以基本符号开头的标记，注意基本符号后有一个用于分割标记符和内容的空格。

2、标题

1.前面带#号，后面带文字，分别表示h1-h6,只到h6，并且h1下面会有一条横线

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

2.至关于标签闭合

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

效果以下：

 

标题.png

3、列表

1. 无序列表

//形式一 + a + b + c //形式二 - d - e - f //形式三 * g * h * i 

 

 

以上三种形式，效果其实都是同样的：

 

无序列表.png

2. 有序列表

//正常形式 1. abc 2. bcd 3. cde //错序效果 2. fgh 3. ghi 5. hij 

 

 

效果图：

 

有序列表及错序效果图.png

如图，注意，数字后面的点只能是英文的点，有序列表的序号是根据第一行列表的数字顺序来的，
错序列表的序号原本是序号是乱的， 可是仍是显示 2 3 5

3. 嵌套列表

//无序列表嵌套 + 123 + abc + bcd + cde + 465 + 789 //有序列表嵌套 1. abcd 1. abcde 2. abcde 3. abcde 2. bcde 3. cdef 

 

 

效果图：

 

嵌套列表.png

列表能够嵌套，使用时在嵌套列表前按 tab 或 空格 来缩进,去控制列表的层数

4、引用说明区块

对某个部分作的内容作一些说明或者引用某某的话等，能够用这个语法。

1. 正常形式

> 引用内容、说明内容。在语句前面加一个 > ，注意是英文的那个右尖括号，注意空格，引用由于是一个区块，理论上是应该什么内容均可以放，好比说：标题，列表，引用等等。

 

 

效果图：

 

区块.png

2. 嵌套区块
   这里我只介绍一下我经常使用的方法，也是我的认为比较规范的一种方法，就是给区块的下一级区块多加一个右尖括号

> 一级引用 >> 二级引用 >>> 三级引用 >>>> 四级引用 >>>>> 五级引用 >>>>>> 六级引用 

 

 

效果图：

 

嵌套区块.png

5、代码块

在发布一些技术文章会涉及展现代码的问题，这时候代码块就显得尤其重要。

1. 少许代码，单行使用，直接用`包裹起来就好了

` shaoliangdaima,danhangshiyong ` 

 

 

效果图：

 

单行代码块.png

2. 大量代码，须要多行使用，用```包裹起来

``` daliangdaima,xuyaoduohangshiyong daliangdaima,xuyaoduohangshiyong daliangdaima,xuyaoduohangshiyong daliangdaima,xuyaoduohangshiyong daliangdaima,xuyaoduohangshiyong ``` 

 

 

效果图：

 

多行代码.png

6、连接

1. 行内式
   连接的文字放在[]中，连接地址放在随后的()中，连接也能够带title属性，连接地址后面空一格，而后用引号引发来

[简书](https://www.jianshu.com "创做你的创做"), 是一个创做社区,任何人都可以在其上进行创做。用户在简书上面能够方便的创做本身的做品,互相交流。 

2. 参数式
   连接的文字放在[]中，连接地址放在随后的:后，连接地址后面空一格，而后用引号引发来

[简书]: https://www.jianshu.com "创做你的创做" [简书]是一个创做社区,任何人都可以在其上进行创做。用户在简书上面能够方便的创做本身的做品,互相交流。 //参数定义的其余写法 [简书]: https://www.jianshu.com '创做你的创做' [简书]: https://www.jianshu.com (创做你的创做) [简书]: <https://www.jianshu.com> "创做你的创做" 

 

 

以上两种方式其效果图都是同样的，以下：

 

连接.png

7、图片

1. 行内式
   和连接的形式差很少，图片的名字放在[]中，图片地址放在随后的()中，title属性（图片地址后面空一格，而后用引号引发来）,注意的是[]前要加上!

![my-logo.png](https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "my-logo") 

2. 参数式
   图片的文字放在[]中，图片地址放在随后的:后，title属性（图片地址后面空一格，而后用引号引发来）,注意引用图片的时候在[]前要加上!

[my-logo.png]: https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "my-logo" ![my-logo.png] //参数定义的其余写法 [my-logo.png]: https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 'my-logo' [my-logo.png]: https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 (my-logo) [my-logo.png]: <https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240> "my-logo" 

 

 

以上两种方式其效果图都是同样的，以下：

 

my-logo.png

8、分割线

分割线能够由* - _（星号，减号，底线）这3个符号的至少3个符号表示，注意至少要3个，且不须要连续，有空格也能够

---
- - -
------
***
* * *
******
___
_ _ _
______

 

 

以上代码的效果图均为：

 

分割线.png

9、其余

1. 强调字体
   一个星号或者是一个下划线包起来，会转换为<em>倾斜，若是是2个，会转换为<strong>加粗

*md*    
**md**
_md_   
 __md__

 

 

效果图：

 

强调字体.png

2. 转义
   基本上和js转义同样,\加须要转义的字符

\\
\*
\+
\-
\`
\_

3. 删除线
   用~~把须要显示删除线的字符包裹起来

~~删除~~

 

 

效果图：

 

删除线.png

10、表格

//例子一 |123|234|345| |:-|:-:|-:| |abc|bcd|cde| |abc|bcd|cde| |abc|bcd|cde| //例子二 |123|234|345| |:---|:---:|---:| |abc|bcd|cde| |abc|bcd|cde| |abc|bcd|cde| //例子三 123|234|345 :-|:-:|-: abc|bcd|cde abc|bcd|cde abc|bcd|cde 

上面三个例子的效果同样，由此可得：
1. 表格的格式不必定要对的很是起，可是为了良好的变成风格，尽可能对齐是最好的
2. 分割线后面的冒号表示对齐方式，写在左边表示左对齐，右边为右对齐，两边都写表示居中

效果图以下：

 

表格.png

做者：忆小五 连接：https://www.jianshu.com/p/399e5a3c7cc5 来源：简书 著做权归做者全部。商业转载请联系做者得到受权，非商业转载请注明出处。