跳至主要內容

Markdown 基本语法记录

Bing🐣MarkdownMarkdown大约 3 分钟

Markdown 基本语法记录

整理了下 Markdown 基本语法,免得忘记的时候需要去搜索。

段落与换行

  • 段落回车即可
  • 换行需要后文字后面打 2 个空格或者输入<br>标签
这是一段文字

这是一段文字

这是一行文字  
这是一行文字<br>
这是一行文字

这是一段文字

这是一段文字

这是一行文字
这是一行文字

这是一行文字

标题

# 一级大标题

## 二级大标题

### 三级大标题

#### 四级大标题

##### 五级大标题

引用

引用内容

> 引用内容

引用内容

多行引用

多行末尾需要使用 2 个空格或者<br>标签

> 多行引用  
> 多行引用<br>
> 多行引用

多行引用
多行引用

多行引用

嵌套引用

> 嵌套引用
>
> > 嵌套引用

嵌套引用

嵌套引用

引用中使用其他 Markdown

> 引用中使用其他 ~~Markdown~~

引用中使用其他 Markdown

列表

无序列表

推荐使用-,虽然*+也可以。

- 无序列表
- 无序列表
  • 无序列表
  • 无序列表

有序列表

前面的数字不影响生成的顺序,推荐还是按顺序书写,可以安装相应的编辑器插件自动修改成正确的序号。

1. 有序列表
2. 有序列表
3. 有序列表
  1. 有序列表
  2. 有序列表
  3. 有序列表

嵌套列表

- 嵌套列表

  - 1-1
  - 1-2

- 嵌套列表

  - 2-1
  - 2-2
  • 嵌套列表

    • 1-1
    • 1-2
  • 嵌套列表

    • 2-1
    • 2-2

代码

代码块

```javascript
console.log('liubing.me')
console.log('liubing.me')
```

```html
<div>liubing.me</div>
<div>liubing.me</div>
```

```css
.test {
  color: '#ccc';
}
```
console.log('liubing.me')
console.log('liubing.me')
<div>liubing.me</div>
<div>liubing.me</div>
.test {
  color: '#ccc';
}

行内代码块

这是一段文字,里面有`行内代码块`

这是一段文字,里面有行内代码块

分隔线

推荐使用三个-或者<hr>标签。

分隔线

---

分隔线

<hr>

分隔线

分隔线


分隔线


分隔线

超链接

格式为 [链接文字](链接地址 "链接title")

普通链接:[博客](https://liubing.me/)  
带 title 链接:[博客](https://liubing.me/ '博客')

普通链接:博客open in new window
带 title 链接:博客open in new window

自动链接

链接文字和链接地址都显示一样,可以使用<>包含链接。

自动链接:<https://liubing.me/>

自动链接:https://liubing.me/open in new window

图片

格式和超链接类似,前面多了个!感叹号。

![图片](https://liubing.me/logo.png)
图片
图片

标准 Markdown 不支持设置图片宽高,可以直接通过插入img标签的形式去实现。

<img src="https://liubing.me/logo.png" width="100" height="100" />

文字强调

斜体

这是一段内含*斜体*的文字

这是一段内含斜体的文字

加粗

这是一段内含**加粗**的文字  
这是一段内含\*\*星号特殊符号\*\*的文字

这是一段内含加粗的文字
这是一段内含**星号特殊符号**的文字,需要使用\转义

删除线

这是一段~~删除线~~演示

这是一段删除线演示

表格

| Column A | Column B | Column C |
| -------- | -------- | -------- |
| A1       | B1       | C1       |
| A2       | B2       | C2       |
| A3       | B3       | C3       |
Column AColumn BColumn C
A1B1C1
A2B2C2
A3B3C3

表格对齐

| 左对齐 | 右对齐 | 居中对齐 |
| :----- | -----: | :------: |
| A1     |     B1 |    C1    |
| A2     |     B2 |    C2    |
| A3     |     B3 |    C3    |
左对齐右对齐居中对齐
A1B1C1
A2B2C2
A3B3C3

任务列表

- [ ] 待完成
- [x] 已完成
  - [x] 已完成 1
  - [x] 已完成 2

Emoji 表情

表情符号代码参考:https://gist.github.com/rxaviers/7360908open in new window

:joy:  
:smirk:  
:blush:

😂
😏
😊