Markdown的基本语法

Markdown是一种纯文本格式的标记语言。经过简单的标记语法,它可使普通文本内容具备必定的格式。php

相比WYSIWYG编辑器html

优势:
一、由于是纯文本,因此只要支持Markdown的地方都能得到同样的编辑效果,可让做者摆脱排版的困扰,专心写做。
二、操做简单。好比:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只须要在标题内容前加#便可vue

缺点:
一、须要记一些语法(固然,是很简单。五分钟学会)。
二、有些平台不支持Markdown编辑模式。git

1、标题

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

注:标准语法通常在#后跟个空格再写文字,貌似简书不加空格也行。小程序

示例:编辑器

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

效果以下:字体

clipboard.png

2、字体

一、加粗

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

二、斜体

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

三、斜体加粗

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

四、删除线

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

示例:

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

效果以下:

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

3、引用

在引用的文字前加>便可。引用也能够嵌套,如加两个>>三个>>>
n个…,可一直加下去。

示例:

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

效果以下:

这是引用的内容

这是引用的内容

这是引用的内容

4、分割线

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

示例:

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

效果以下:
能够看到,显示效果是同样的。




5、图片

语法:

![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字,至关于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:

![blockchain](/img/remote/1460000020251606?w=658&h=345 "github logo")

效果以下:

blockchain

上传本地图片直接点击导航栏的图片标志,选择图片便可

6、超连接

语法:

[超连接名](超连接地址 "超连接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>

7、列表

一、无序列表

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

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

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

效果以下:

  • 列表内容
  • 列表内容
  • 列表内容
二、有序列表

语法:
数字加点

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

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

效果以下:

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

三、列表嵌套

上一级和下一级之间敲三个空格便可

  • 一级无序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  • 一级无序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容
  1. 一级有序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  2. 一级有序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容

8、表格

语法:

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

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

示例:

姓名|技能|排行
--|:--:|--:
张三|php|高级
李四|vue|中级
大一|小程序|中级

效果以下:

姓名 技能 排行
张三 Php 高级
李四 Vue 中级
大一 小程序 中级

9、代码

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

`代码内容`

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

(```)
  代码...
  代码...
  代码...
(```)
注:为了防止转译,先后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号便可。

示例:

单行代码

`create database hero;`

代码块

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

效果以下:

单行代码

create database hero;

代码块

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

10、流程图

​```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

效果以下:
流程图

11、相关资料

Markdown基本语法

相关文章
相关标签/搜索