markdown语法简单教程

71 阅读3分钟

一、标题

一段文字前面加上#和空格就可以变成标题,标题级别跟#数量有关
举例:

# 一级标题  
## 二级标题  
### 三级标题  
#### 四级标题  
##### 五级标题

一级标题

二级标题

三级标题

四级标题

五级标题

二、字体

  • 加粗
    加粗的字体两边用两个星号包括
  • 斜体 斜体两边用一个星号包括
  • 斜体加粗 斜体两边用三个星号包括
  • 斜体加粗 删除线两边用两个~~包括
    举例
**加粗内容**
*斜体内容*
***斜体内容***
~~斜体内容~~

这是加粗的内容
这是斜体内容
这是斜体加粗内容
这是加删除线的内容

三、引用

文字前面加上>就可以把这段文字变成引用。可以加多个>>>变成嵌套,比如:

>这是一段引用
>>>可以有多个嵌套

这是一段引用

可以有多个嵌套

四、分割线

分割线可以用三个及以上的***或者---来表示,比如:

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




五、超链接

语法:

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

[淘宝](https://淘宝.com "淘宝")
[百度](https://baidu.com "百度")

淘宝
百度

markdown的超链接是不能在新页面打开的,如果想在新页面打开链接,可以用a标签来处理

<a href="https://baidu.com" target="_blank" title="百度">点击我打开百度</a>

点击我打开百度

六、图片

语法:

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

图片alt:图片加载失败时显示的内容
图片地址:图片链接地址
图片title:鼠标放到图片上是显示的文字

比如

![这是图片alt](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5f2d379ddda34e3fb335968aa71104a6~tplv-k3u1fbpfcp-zoom-1.image "这是图片title")

这是图片alt

七、列表

无序列表

无序列表可以用- + 或者 * 中的一个加上空格来表示,比如

- 列表一
+ 列表二
* 列表三

  • 列表一
  • 列表二
  • 列表三

有序列表

有序列表需要把- + 或者 * 换成数字加上点和空格

1. 列表一
2. 列表二
3. 列表三
  1. 列表一
  2. 列表二
  3. 列表三

嵌套列表

上一级和下一级需要加上三个空格

- 列表一
   1. 列表一
   2. 列表二
   3. 列表三
+ 列表二
   1. 列表一
   2. 列表二
   3. 列表三
* 列表三
   + 列表一
   + 列表二
   + 列表三
  • 列表一
    1. 列表一
    2. 列表二
    3. 列表三
  • 列表二
    1. 列表一
    2. 列表二
    3. 列表三
  • 列表三
    • 列表一
    • 列表二
    • 列表三

八、表格

表格语法稍微复杂些 语法:

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

第二行为表头和内容的分割线
-可以有一个或者多个,中间用|分隔
:代表对齐方式,默认左对齐,:-:代表居中,-:代表右对齐

举例

语言|前后端语言|强弱类型语言
 - | :--: | ---: |
javaScript|前端|弱类型
java|后端|强类型
nodeJs|后端|弱类型

语言|前后端语言|强弱类型语言

  • | :--: | ---: | javaScript|前端|弱类型 java|后端|强类型 nodeJs|后端|弱类型

九、代码

单行或行内代码

代码之间用一个反引号包括 ``

`console.log('你好!')`

这是行内代码`console.log('你好!')`,这是行内代码

console.log('你好!')
这是行内代码console.log('你好!'),这是行内代码

代码块

代码块用三个反引号包括

(```js)
function(){
    console.log('Hello world!')
}
(```)

我这里用()包起来是为了转义,十几用的时候去掉括号就好

在第一个反引号后面加上语言名称可以自动识别语言样式
举例:

(```js)
function Person (){}

Person.prototype = {
    sayName (){
        console.log('My name is Java');
    }
}

let p = new Person()
Person.prototype.sayName = function(){
    console.log('My name is JS');
}
p.sayName()
(```)
function Person (){}

Person.prototype = {
    sayName (){
        console.log('My name is Java');
    }
}

let p = new Person()
Person.prototype.sayName = function(){
    console.log('My name is JS');
}
p.sayName()