其他分享
首页 > 其他分享> > Markdown 语法入门

Markdown 语法入门

作者:互联网

一、标题

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

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

示例:

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

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

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

二、字体

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

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

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

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

示例:

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

效果如下:

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

三、引用

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

示例:

>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

四、分割线

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

示例:

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

效果如下:
可以看到,显示效果是一样的。





五、图片

语法:

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

示例:

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

效果如下:

img

六、超链接

语法:

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

示例:

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

效果如下:

简书
百度

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

<a href="超链接地址" target="_blank">超链接名</a>

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

七、列表

无序列表

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

- 列表内容
+ 列表内容
* 列表内容

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

效果如下:

有序列表

语法:
数字加点

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

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

效果如下:

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

八、表格

语法:

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

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

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

示例:

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

效果如下:

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

九、代码

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

    `代码内容`

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

    (```)
      代码...
      代码...
      代码...
    (```)

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

示例:

单行代码

	`create database hero;`

代码块

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

效果如下:

单行代码

create database hero;

代码块

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

十、流程图

Mermaid 流程图

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;

语法结构

```mermaid
graph 方向
节点以及节点连线(定义和连线步骤可以分开)
(样式调整)
```

显示方向

节点类型

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

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

graph TD A B[矩形] C(圆角矩形) D((圆形)) D E>非对称] F{菱形}

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

graph TD A1-->B1 A2---B2 A3.->B3 A4-.-B4 A5==>B5 A6===B6 A7-.text.-B7 A8--text---B8

Flowchart 流程图

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"})

语法结构

	```flow
	定义节点
	连接节点
	(样式调整)

**节点类型**

  目前官网提供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,入门,示例,标题,语法,内容,列表,节点
来源: https://www.cnblogs.com/valten/p/16699472.html