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. 这是一个脚注 ↩

你可能感兴趣的:(Markdowm语法练习)