Markdowm语法练习

• 背景说明

• markdown简介
  markdown是一种标记语言，类似于html,但是要比html简单得多。
• 参考资料
  Markdown - Wikipedia
  Markdown - 百度百科
  Markdown语法
• 文档目的
  这篇文档主要通过markdown代码、对应的页面展示效果、注意事项三方面来简单直观的说明md标记语言的语法规则。

1.标题

• 代码

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

• 演示

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

• 注：#与标题之间有一个空格,各级标题最多只能有6级标题

---

2.序表

• 代码1（无序列表）

- 文本1
- 文本2
- 文本3

• 演示

• 文本1
• 文本2
• 文本3

• 代码2（有序列表）

1. 文本1
2. 文本2
3. 文本3

• 演示

1. 文本1
2. 文本2
3. 文本3

---

3.分隔符

• 代码

***
---
-    -    -         
*  *                    *

• 演示

---

---

---

---

• 注：最少三个---或***，之间有空格也可以

---

4.代码块

• 代码1（代码块）

    ```
   #pragma -mark viewLife
   (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    [self.view addSubview:self.btnShare];
    [self.view addSubview:self.btnPay];
}
//代码块中的注释  helloworld
    ```

• 演示

    #pragma -mark viewLife
   (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    [self.view addSubview:self.btnShare];
    [self.view addSubview:self.btnPay];
}
//代码块中的注释  helloworld

• 注：一对 ```，各单独占一行，中间的内容将被识别为代码块

• 代码2（单行）

  这里是代码，代码初始位置有4个空格，会被识别为代码。

• 演示

  这里是代码，代码初始位置有4个空格，被识别为代码，有时候需要更多的空格才能被识别，有时候有无法被识别，原因暂不清楚，这里就使用了6个空格，而且段首需要空一行。
  

• 注：有时候需要更多的空格才能被识别，有时候又无法被识别，原因暂不清楚，这里就使用了6个空格，而且段首需要空一行。这种方法可以在代码中显示一对```

---

5.行内标记

• 代码

```haha```
测试内容`被标记内容`测试内容

• 演示

haha
测试内容被标记内容测试内容

• 注：这里用的是反单引号,使用五个返单引号，第一个与第二个、第四个与第五个之间分别留一个空格，这样可以展示出```

---

6.连接

• 代码1（内联式）

[](http://www.jianshu.com)

• 演示

• 注：括号使用英文括号
• 代码2（直接网址）

• 演示

https://baidu.com

---

7.图片

• 代码1（单纯的图片）

显示一张图片
![图片名字](https://upload-images.jianshu.io/upload_images/1870963-b570b8d26138b8d1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)

• 演示

显示一张图片

图片名字

• 代码2（带链接图片）

[![](https://upload-images.jianshu.io/upload_images/1870963-b570b8d26138b8d1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)](https://baike.baidu.com/item/%E7%8C%AB/22261?fr=aladdin)

• 演示

• 注：实际上就是把这个图片的代码作为网页连接中的文本部分，放在对应的[]内。
  图片链接中最后的/2/w/700中700可以调整图片的大小，通过预览功能可以摸索着三个参数的含义

>
[图片上传失败...(image-150604-1588676503406)]

• align 可以调整图片的位置

---

8.脚注

• 代码

脚注[^1]
[^1]:这是一个脚注

• 演示
  脚注^[1]

• 注：脚注会主是在文章末尾

---

9.引用

• 代码

| 表头1|表头2|表头3|表头4|
|-| :- | :-: | -: |
|默认左对齐|左对齐|居中对其|右对齐|
|默认左对齐|左对齐|居中对其|右对齐|
|默认左对齐|左对齐|居中对其|右对齐|

• 演示

表头1	表头2	表头3	表头4
默认左对齐	左对齐	居中对其	右对齐
默认左对齐	左对齐	居中对其	右对齐
默认左对齐	左对齐	居中对其	右对齐

• 注：表的前面要空一行

---

10.粗体、斜体

• 代码

*斜体*
**粗体**
***粗体加斜体***
_斜体_
__粗体__
___粗体加斜体___    //左右三个下划线

• 演示

斜体
粗体
粗体加斜体
斜体
粗体
粗体加斜体

• 注：* _作用十分类似

11. 转义字符

利用反斜杠转义字符显示特殊的字符,比如在介绍Markdown语法时，这就很受用，不然有些符号组合你很难输出到页面
比如：```还有/*...*/
或者使用行内强调：``` /*...*/

markdown语法写的其实是这样的：

\``` /\*...\*/
` ``` `   `/*...*/ `

---

后续更新中············

• 更全面的规则参考：
  Markdown 语法整理大集合2017 -
  Markdown 语法手册 （完整整理版）
  Markdown语法详解 一般情况及上使用

---

1. 这是一个脚注 ↩