Markdown 入门
valten Lv4
 2020-08-18 10:29:24    

一、标题

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

注：标准语法一般在#后跟个空格再写文字，貌似简书不加空格也行。

示例：

1
2
3
4
5
6
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果如下：

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、字体

  • 加粗

要加粗的文字左右分别用两个*号包起来

  • 斜体

要倾斜的文字左右分别用一个*号包起来

  • 斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来

  • 删除线

要加删除线的文字左右分别用两个~~号包起来

示例：

1
2
3
4
**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下：

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

三、引用

在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>
n个…

示例：

1
2
3
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

效果如下：

这是引用的内容

这是引用的内容

这是引用的内容

四、分割线

三个或者三个以上的 - 或者 * 都可以。

示例：

1
2
3
4
---
----
***
*****

效果如下：
可以看到，显示效果是一样的。

五、图片

语法：

1
2
3
![图片alt](图片地址 ''图片title'')
图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

示例：

1
2
![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg "区块链")

效果如下：

img

六、超链接

语法：

1
2
[超链接名](超链接地址 "超链接title")
title可加可不加

示例：

1
2
[简书](http://jianshu.com)
[百度](http://baidu.com)

效果如下：

简书
百度

注：Markdown本身语法不支持链接在新页面中打开，如果想要在新页面中打开的话可以用html语言的a标签代替。

1
2
3
4
<a href="超链接地址" target="_blank">超链接名</a>

示例
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a>

七、列表

无序列表

语法：
无序列表用 - + * 任何一种都可以

1
2
3
4
5
- 列表内容
+ 列表内容
* 列表内容

注意：- + * 跟内容之间都要有一个空格

效果如下：

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法：
数字加点

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

注意：序号跟内容之间要有空格

效果如下：

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

八、表格

语法：

1
2
3
4
5
6
7
8
9
10
11
12
13
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-左边加：表示文字居左
-右边加：表示文字居右

注：原生的语法两边都要用 | 包起来。此处省略

示例：

1
2
3
4
5
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟

效果如下：

姓名 技能 排行
刘备 哭 大哥
关羽 打 二哥
张飞 骂 三弟

九、代码

语法：
单行代码：代码之间分别用一个反引号包起来

1
`代码内容`

代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行

1
2
3
4
5
(```)
  代码...
  代码...
  代码...
(```)

注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。

示例：

单行代码

1
`create database hero;`

代码块

1
2
3
4
5
6
(```)
    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();
(```)

效果如下：

单行代码

create database hero;

代码块

1
2
3
4
function fun(){
  echo "这是一句非常牛逼的代码";
}
fun();

十、流程图

Mermaid 流程图

1
2
3
4
5
6
7
graph TB
	A[Apple]-->B{Boy}
	A---C(Cat)
	B.->D((Dog))
	C==喵==>D
	style A fill:#2ff,fill-opacity:0.1,stroke:#faa,stroke-width:4px
	style D stroke:#000,stroke-width:8px;

语法结构

1
2
3
4
5
```mermaid
graph 方向
节点以及节点连线（定义和连线步骤可以分开）
（样式调整）
```

显示方向

  • TB/TD（ top bottom/top down）表示从上到下
  • BT（bottom top）表示从下到上
  • RL（right left）表示从右到左
  • LR（left right）表示从左到右

节点类型

  节点本身的展现形式，是通过不同括号来代表各自不同的形状，默认为矩形。

  • 默认节点： A
  • 矩形节点： B[矩形]
  • 圆角矩形节点： C(圆角矩形)
  • 圆形节点： D((圆形))
  • 非对称节点： E>非对称]
  • 菱形节点： F{菱形}

A矩形圆角矩形圆形非对称菱形

1
2
3
4
5
6
7
8
graph TD 
A
B[矩形]
C(圆角矩形)
D((圆形))
D
E>非对称]
F{菱形}

语法详解
节点连线
   线条本身的形式有多种，通过常规的英文格式的格式来标识，具体如下：

  • 箭头连接 A1- ->B1
  • 开放连接 A2- - -B2
  • 虚线箭头连接 A3.->B3 或者 A3-.->B3
  • 虚线连接 A4.-B4 或者 A4-.-B4
  • 粗线箭头连接 A5==>B5
  • 粗线开放连接 A6===B6
  • 标签虚线箭头连接 A7-.text.->B7
  • 标签开放连接 A8- -text- - -B8
1
2
3
4
5
6
7
8
9
graph TD 
A1-->B1
A2---B2
A3.->B3
A4-.-B4
A5==>B5
A6===B6
A7-.text.-B7
A8--text---B8

Flowchart 流程图

1
2
3
4
5
6
7
8
9
10
11
12
13
st=>start: 开始
e=>end: 结束
op1=>operation: 操作1 | past
op2=>operation: 操作2 | current
op3=>operation: 操作3 | future
pa=>parallel: 多输出操作4 | approved
cond=>condition: 确认？ | rejected

st->op1->cond
cond(true)->e	
cond(no)->op2(right)->op3->pa(path1,right)->op1
pa(path2,left) ->e
st@>op1({"stroke":"Blue"})@>cond({"stroke":"Green"})@>e({"stroke":"Red","stroke-width":6,"arrow-end":"classic-wide-long"})

语法结构

1
2
3
4
```flow
定义节点
连接节点
（样式调整）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

**节点类型**

  目前官网提供7种节点，其实还有很多别的节点类型，但可能插件脚本还没支持。

* 开始（椭圆形）：start
* 结束（椭圆形）：end
* 操作（矩形）：operation
* 多输出操作（矩形）：parallel
* 条件判断（菱形）：condition
* 输入输出（平行四边形）：inputoutput

- 预处理/子程序（圣旨形）：subroutine



**语法详解**

节点定义
变量名=>节点标识: 节点显示名



**节点连线**

变量名1->变量名2->...->变量名n



**连线样式**

  设置变量m和变量n之间连线的样式，具体样式由变量n后面key-value控制，需要两个变量之间有直接连线。语法中的连接符为（@>）。

变量名m@>变量名n({"key":"value"})



**关键字**

* yes/true：condition类型变量连接时，用于分别表示yes条件的流向

* no/false：同上，表示否定条件的流向

* left/right：表示连线出口在节点位置（默认下面是出口，如op3），可以跟condition变量一起用

* cond(yes,right)

* path1/path2/path3：parallel变量的三个出口路径（默认下面是出口）

  

**节点状态**

  为节点设置不同的状态，可以通过不同的颜色显示，其中状态包括下面6个，含义如英文所示，不过CSDN中好像目前还不支持：

* past
* current
* future
* approved
* rejected
* invalid
  • 本文标题：Markdown 入门
  • 本文作者：valten
  • 创建时间：2020-08-18 10:29:24
  • 本文链接：https://valtenhyl.github.io/Markdown/markdown/
  • 版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
 评论