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)

效果如下:
点击跳转至百度
image

六、列表

无序列表

示例如下:

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

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

效果如下:

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

有序列表

示例如下:

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

效果如下:

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

列表嵌套

上一级和下一级之间敲三个空格即可
示例如下:

* 一级内容
    * 二级内容
      * 三级内容

效果如下:

  • 一级内容
    • 二级内容
      • 三级内容

七、表格

第二行分割表头和内容,同时决定了表的布局方式。
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

示例如下:

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

七、代码

单行代码:代码之间分别用一个反引号包起来
示例如下:

`this.handleLoginButtonClick();`

效果如下:
this.handleLoginButtonClick();

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

示例如下:

(```)
function fun(){
  console.log("Network Error");
}
fun();
(```)
为了显示,将三个反引号包裹起来,实际使用要去掉括号

效果如下:

function fun(){
  console.log("Network Error");
}
fun();

在文章中所有的示例都已用代码块包裹起来

posted @ 2019-07-01 13:50  chen纯真  阅读(164)  评论(0编辑  收藏  举报