Markdown基础语法

Markdown 是一种方便记忆、书写的纯文本标记语言,用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档。


目录

[TOC]表示创建目录列表,代码格式: [TOC]。在Vscode中可以使用 Markdown TOC 自动生成目录的插件。

1
[TOC]

  1. 目录
  2. 标题
  3. 换行
  4. 分割线
  5. 引用
  6. 文字样式
  7. 代码高亮
  8. 列表
  9. 待办事项
  10. 链接以及图片
  11. 字符转义
  12. 表格
  13. 流程图
  14. 甘特图
  15. 来源参考

标题

Markdown支持6种级别的标题,对应html标签 h1 ~ h6

代码格式:# 标题内容

1
2
3
4
5
6
# 一级标题 h1
## 二级标题 h2
### 三级标题 h3
#### 四级标题 h4
##### 五级标题 h5
###### 六级标题 h6

换行

三种方式

  • 段落文字后敲两个空行,再按回车键编辑另一行文字
  • 段落文字前后加上 <br/> 或者 </br>
  • 两段文字之间空一行
1
2
3
4
5
6
7
8
9
10
11
Test1 </br>
Test2


Test3 // 两个空格 + 回车键
Test4


Test5

Test6

Test1

Test2

Test3
Test4

Test5

Test6


分割线

三个或者三个以上的 - 或者 *

1
2
3
---

***


引用

> 引用文字

1
> 这是引用的示例

这是引用的示例


文字样式

在Markdown中有:斜体、加粗、高亮、划线。

1
2
3
4
5
6
7
*斜体*

**加粗**

==高亮==

~~划线~~

斜体 加粗 ==高亮== 划线



如需修改文字大小/颜色/字体,就要用font标签

color代表字体颜色(要用16进制颜色值),size代表文字大小,face代表字体

1
<font color=#2196F3 size=2 face="宋体">宋体大小为2的字</font>
宋体大小为12的字



文字居中

1
<center>文字居中</center>
文字居中

代码高亮

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

这是 单行代码 的示例

1
这是 `单行代码` 的示例

代码块可以根据不同的语言配置不同的代码着色
代码块

1
2
3
for(var i=1;i<=100;i++){
console.log(i);
}

Web常用编程语言:(基本是小写形式)

  • CSS - css
  • HTML - html
  • javaScript - javascript
  • JSON - json
  • Less - less
  • SCSS - scss
  • YAML - yml
  • text - text/plain

列表

Markdown 支持有序列表和无序列表

无序列表: 使用 *+- 标识

1
2
3
4
5
- 列表1
- 列表1.1
- 列表1.2
- 列表1.21
- 列表1.22

  • 列表1
    • 列表1.1
    • 列表1.2
      • 列表1.21
      • 列表1.22

有序列表: 使用数字加 . 标识

1
2
3
1. 列表1
2. 列表2
3. 列表3

  1. 列表1
  2. 列表2
  3. 列表3

待办事项

在Markdown中输入你最近的代办事项

1
2
- [ ] 未完成事项
- [x] 已完成事项
  • 未完成事项
    • 未完成事项1
    • 未完成事项2
  • 已完成事项
    • 已完成1

链接以及图片

在Markdown中添加链接和图片

  • 图片建议上传到图床网站生成外链再插入到Markdown,本文使用 SM.MS 免费图床服务
1
2
3
[这是Vscode扩展链接](https://marketplace.visualstudio.com/)

![这是Markdown图片](https://i.loli.net/2019/03/27/5c9aed1a8160f.png)

这是Vscode扩展链接
这是Markdown图片


字符转义

反斜线(\)用于插入在 Markdown 语法中有特殊作用的字符

1
2
3
这是用来 *演示* 的 _文本_

这是用来 \*演示\* 的 \_文本\_

这是用来 演示 的 _文本_

这是用来 *演示* 的 _文本_


表格

在Markdown中绘制表格

1
2
3
4
大标题1|大标题2|大标题3
---|---|---
内容1|内容2|内容3
内容1|内容2|内容3

这里是三个所以写成—|—|—,如果是两个就是—|—,四个就是—|—|—|—
大标题1|大标题2|大标题3
—|—|—
内容1|内容2|内容3
内容1|内容2|内容3


流程图

在Markdown中创建流程图(类似于:树状图)

==暂不展示==
示例图片


甘特图

甘特图能够将你最近的计划直观地显示出来,对计划安排很有用

==暂不展示==
示例图片


来源参考