Markdown基础语法总结


Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名便是“.md”

 一.Markdown的标题演示

# 标题H1

## 标题H2

### 标题H3

#### 标题H4

##### 标题H5

###### 标题H5

显示效果:

二.字体,删除线和分割线

2.1 分割线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西,如:---- 或 ****

显示效果:

2.2 删除线

~~删除线~~

显示效果:

2.3 字体效果

*斜体字*      _斜体字_

**粗体**  __粗体__

***粗斜体*** ___粗斜体___

显示效果:

2.4 上标和下标

下标:X<sub>2</sub>
上标:X<sup>2</sup>

显示效果:

三. 添加链接

使用方法:[链接名称](链接地址)
例:[普通链接](https://www.mdeditor.com/)

直接链接:<链接地址>
例:<https://www.mdeditor.com>

显示效果:

四. 添加代码

4.1 行内代码

段落上的一个函数或片段的代码可以用反引号把它包起来,如下:
执行命令:`pip install tensorflow-gpu`

显示效果:

4.2 代码区块

代码区块使用 4 个空格或者一个制表符(Tab 键)。

    <?php
        echo "Hello world!";
    ?>

显示效果:

可以用 (``` )包裹一段代码,并指定一种语言(也可以不指定):

```java
public static void main(String[] arg) {
        int[] array = {12,24,11,14,19,13,12,11,19,12,10,22,12,56,232,43};
        quickSort(array, 0, array.length-1);
        for(int val:array) {
            System.out.print(val+"->");
        }
    }
```

显示效果:

五. 添加图片

使用方法:

* 开头一个感叹号 !
* 接着一个方括号,里面放上图片的替代文字
* 接着一个普通括号,里面放上图片的网址。
![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png) 

显示效果:

六. 列表

6.1 无序列表使用(减号)、(星号)或(加号)加空格:

- 列表一
* 列表二
+ 列表三

显示效果:

6.2 无序列表嵌套:
+ 列表一
+ 列表二
    + 列表二-1
    + 列表二-2
    + 列表二-3
+ 列表三
    * 列表一
    * 列表二
    * 列表三

显示效果:

6.3 有序列表

1. 第一行
2. 第二行
3. 第三行

显示效果:

6.4 GFM task list

- [x] GFM task list 1
- [x] GFM task list 2
- [ ] GFM task list 3
    - [ ] GFM task list 3-1
    - [ ] GFM task list 3-2
    - [ ] GFM task list 3-3
- [ ] GFM task list 4
    - [ ] GFM task list 4-1
    - [ ] GFM task list 4-2

显示效果:

 七. 绘制表格


Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。

语法格式如下:

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |
例:

| 类别        | 单价   |  数量  |
| --------   | -----:  | :----:  |
| 计算机      | $1600   |   5     |
| 手机        |   $12   |   12   |
| 管线        |    $1    |  234  |

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

| Function name | Description                    |
| ------------- | ------------------------------ |
| `help()`      | Display the help window.       |
| `destroy()`   | **Destroy your computer!**     |

显示效果:

对齐方式

我们可以设置表格的对齐方式:

    -: 设置内容和标题栏居右对齐。
    :- 设置内容和标题栏居左对齐。
    :-: 设置内容和标题栏居中对齐。
例:

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

| Item      | Value |
| --------- | -----:|
| Computer  | $1600 |
| Phone     |   $12 |
| Pipe      |    $1 |

显示效果:

八. 科学公式

 

显示效果:

九.绘制流程图

```flow
st=>start: 用户登陆
op=>operation: 登陆操作
cond=>condition: 登陆成功 Yes or No?
e=>end: 进入后台

st->op->cond
cond(yes)->e
cond(no)->op
```

显示效果:

十. 绘制序列图

```seq
Andrew->China: Says Hello
Note right of China: China thinks\nabout it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
```

显示效果:

End...............................................

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿尔卑斯糖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值