Markdown基本语法
2021-04-14 18:12:09
`Markdown` 是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
**优点:**
1、因为是纯文本,所以只要支持 Markdown 的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
2、操作简单。例如 Markdown 中的标题,只需要在标题内容前加 `#` 即可
**缺点:**
1、需要记一些语法(当然,是很简单。五分钟学会)。
2、有些平台不支持 Markdown 编辑模式。
## 一、标题
在想要设置为标题的文字前面加 `#` 来表示
一个 `#` 是一级标题,二个 `#` 是二级标题,以此类推,支持六级标题。
注:标准语法一般在 `#` 后跟个空格再写文字
示例:
```
# 这是一级标题
## 这是二级标题
### 这是三级标题
```
## 二、字体
**加粗** 要加粗的文字左右分别用两个`*`号包起来
**斜体** 要倾斜的文字左右分别用一个 `*` 号包起来
**斜体加粗** 要倾斜和加粗的文字左右分别用三个 `*` 号包起来
**删除线** 要加删除线的文字左右分别用两个 `~` 号包起来
示例:
```
**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
```
效果如下:
**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
## 三、引用
在引用的文字前加 `>` 即可。引用也可以嵌套,如加两个 `>>`
示例:
```
> 这是引用的内容
>> 这是引用的内容
```
效果如下:
> 这是引用的内容
>> 这是引用的内容
## 四、分割线
三个或者三个以上的 `-` 或者 `*` 都可以。
示例:
```
---
----
***
*****
```
效果如下:
---
## 五、图片
语法:
```
![图片alt](图片地址 "图片title")
图片 alt 就是显示在图片下面的文字,相当于对图片内容的解释。
图片 title 是图片的标题,当鼠标移到图片上时显示的内容。title 可加可不加
```
示例:
```
![百度](https://www.baidu.com/img/flexible/logo/pc/result.png)
```
效果如下:
![百度](https://www.baidu.com/img/flexible/logo/pc/result.png)
## 六、超链接
语法:
```text
[超链接名](超链接地址 "超链接title")
title可加可不加
```
示例:
```text
[百度](https://www.baidu.com)
```
效果如下:
[百度](https://www.baidu.com)
注:Markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替。
```
<a href="https://www.baidu.com" target="_blank">百度</a>
```
## 七、列表
##### 无序列表
语法:
无序列表用 `-` `+` `*` 任何一种都可以
```
- 列表内容
+ 列表内容
* 列表内容
注意:- + * 跟内容之间都要有一个空格
```
效果如下:
- 列表内容
- 列表内容
- 列表内容
##### 有序列表
语法:
数字加点
```
1. 列表内容
2. 列表内容
3. 列表内容
注意:序号跟内容之间要有空格,可以用部用数字1
```
效果如下:
1. 列表内容
2. 列表内容
3. 列表内容
##### 列表嵌套
**上一级和下一级之间敲四个空格即可**
示例:
```
* 一级无序列表内容
* 二级无序列表内容
* 二级无序列表内容
* 二级无序列表内容
* 一级无序列表内容
1. 二级有序列表内容
2. 二级有序列表内容
3. 二级有序列表内容
1. 一级有序列表内容
- 二级无序列表内容
- 二级无序列表内容
- 二级无序列表内容
1. 一级有序列表内容
1. 二级有序列表内容
1. 二级有序列表内容
```
效果如下:
* 一级无序列表内容
* 二级无序列表内容
* 二级无序列表内容
* 二级无序列表内容
* 一级无序列表内容
1. 二级有序列表内容
2. 二级有序列表内容
3. 二级有序列表内容
1. 一级有序列表内容
- 二级无序列表内容
- 二级无序列表内容
- 二级无序列表内容
1. 一级有序列表内容
1. 二级有序列表内容
1. 二级有序列表内容
1. 二级有序列表内容
## 八、表格
语法:
```text
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容
第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
```
示例:
```text
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
```
效果如下:
| 姓名 | 技能 | 排行 |
| ---- | :--: | ---: |
| 刘备 | 哭 | 大哥 |
| 关羽 | 打 | 二哥 |
| 张飞 | 骂 | 三弟 |
## 九、代码
语法:
单行代码:代码之间分别用一个反引号包起来
`代码内容`
代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
```
代码内容
```
示例:
单行代码
`console.log("Hello World");`
效果如下:
`console.log("Hello World");`
多行代码块
```
function fun() {
console.log("Hello World")
}
```
效果如下:
```javascript
function fun() {
console.log("Hello World")
}
```
还可以给多行代码块指定**语言**,有利于语言高亮。例如
```javascript
function fun() {
console.log("这是js代码")
}
```
效果如下:
```javascript
function fun() {
console.log("这是js代码")
}
```
```java
class Foo {
public String hi() {
System.out.println("这是Java代码")
}
}
```
效果如下:
```java
class Foo{
public String hi(){
System.out.println("这是Java代码")
}
}
```