markdown学习笔记
首先介绍一下:Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。本文就是通过Markdown进行编写。
Markdown基本语法:
一、标题
在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。
示例如下:
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题
效果如下:
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
二、段落及区块引用
一个比较常见的需求就是,我们可能希望对某段文字进行强调处理。Markdown提供了一个特殊符号>用于段首进行强调,被强调的文字部分将会高亮显示。
示例如下:
> 这段文字将被高亮显示
效果如下:
这段文字将被高亮显示
引用也可以嵌套,如加两个>>三个>>>
示例如下:
> 第一层
>>第二层
效果如下:
第一层
第二层
三、字体
字体标记在别的标记内部也适用(除```包裹的代码块)
加粗
要加粗的文字左右分别用两个*号包起来
示例如下:
>**这段文字将被加粗**
效果如下:
这段文字将被加粗
斜体
要倾斜的文字左右分别用一个*号包起来
示例如下:
*这段文字将变为斜体*
效果如下:
这段文字将变为斜体
斜体加粗
要倾斜和加粗的文字左右分别用三个*号包起来
示例如下:
>***这段文字将变为斜体加粗***
效果如下:
这段文字将变为斜体加粗
删除线
要加删除线的文字左右分别用两个~~号包起来
示例如下:
>~~这段文字将被加删除线~~
效果如下:
这段文字将被加删除线
四、分割线
三个或者三个以上的 - 或者 * 都可以。
示例如下:
---
----
***
*****
效果如下:
五、插入链接或图片
Markdown针对链接和图片的处理示例如下:
[点击跳转至百度](http://www.baidu.com)
![image](https://upload-images.jianshu.io/upload_images/14709203-ab3fc020d8d384ad.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
效果如下:
点击跳转至百度
六、列表
无序列表
示例如下:
- 列表内容
+ 列表内容
* 列表内容
注意:- + * 跟内容之间都要有一个空格
效果如下:
- 列表内容
- 列表内容
- 列表内容
有序列表
示例如下:
1. 列表内容
2. 列表内容
3. 列表内容
效果如下:
- 列表内容
- 列表内容
- 列表内容
列表嵌套
上一级和下一级之间敲三个空格即可
示例如下:
* 一级内容
* 二级内容
* 三级内容
效果如下:
- 一级内容
- 二级内容
- 三级内容
- 二级内容
七、表格
第二行分割表头和内容,同时决定了表的布局方式。
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
示例如下:
表头|表头|表头
-|:-:|-:
内容|内容|内容
内容|内容|内容
表头 | 表头 | 表头 |
---|---|---|
内容 | 内容 | 内容 |
内容 | 内容 | 内容 |
七、代码
单行代码:代码之间分别用一个反引号包起来
示例如下:
`this.handleLoginButtonClick();`
效果如下:
this.handleLoginButtonClick();
代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
示例如下:
(```)
function fun(){
console.log("Network Error");
}
fun();
(```)
为了显示,将三个反引号包裹起来,实际使用要去掉括号
效果如下:
function fun(){
console.log("Network Error");
}
fun();
在文章中所有的示例都已用代码块包裹起来