Markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。因为其简单的语法及强大的拓展,可以让人专注于写作,不必要过于关注排版,是撰写文章的利器。
一、基础语法
首先介绍一些常用的 Markdown 语法,掌握这些语法就可以使用 markdown 撰写排版精美的文章了。
(1)标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
(2)粗体、斜体、删除线和下划线
斜体
粗体
加粗斜体删除线
*斜体*
**粗体**
***加粗斜体***
~~删除线~~
(3)引用块
文字引用
> 文字引用
(4)代码块
行内代码
多行代码
多行代码
# `行内代码`
#
# ```
# 多行代码
# 多行代码
# ```
注:实际使用没有‘#’
(5)分割线
方法一:
方法二:
方法一:---
方法二:***
(6)列表项
- 有序列表项
- 无序列表项
- 无序列表项
- 无序列表项
1. 有序列表项
* 无序列表项
+ 无序列表项
- 无序列表项
(7)任务清单
- [x] 任务
- [x] 任务
(8)表格
表头1 | 表头2 | 表头3 |
---|---|---|
内容11 | 内容12 | 内容13 |
内容21 | 内容22 | 内容23 |
表头1 | 表头2 | 表头3
--: | :-- | :--:
内容11 | 内容12 | 内容13
内容21 | 内容22 | 内容23
注:’:所在的位置为文字对齐方向’
(9)超链接
我的博客
https://songtianlun.github.io
方法一:[链接文字](链接地址 "链接描述")
例如:[我的博客](https://songtianlun.github.io/ "我的博客")
方法二:<链接地址>
例如:<https://songtianlun.github.io>
(10)图片
![图片文字](图片地址 "图片描述")
例如:![示例图片](https://www.example.com/example.PNG "示例图片")
二、进阶语法
markdown 除了以上列出的基础语法,还提供了很多的扩展功能,这些功能并不是所有的 markdown 渲染器都支持,但却可以为 markdown 增色不少,下面开始介绍。
(1)公式块 - Latex 公式
举例:
$$ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} $$
$$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
基本用法
行间公式:$$
公式
$$ `$$公式$$` 行内公式:$公式$ `$公式$` 上标:$a^{2}$ `$a^{2}$` 下标:$a_{2}$ `$a_{2}$` 上下标:$a^{i}_{j}$ `$a^{i}_{j}$` 分式:$\frac{dx}{dy}$ `$\frac{dx}{dy}$` 根式:$\sqrt[2]{pq}$ $\sqrt[\frac{2}{3}]{x^y}$ ``` $$\sqrt[指数]{表达式}$$ $\sqrt[2]{pq}$ $\sqrt[\frac{2}{3}]{x^y}$ ``` 求和:$$ \sum_{下限}^{上限}求和表达式 $$
$$\sum_{下限}^{上限}求和表达式$$
$$\sum_{i=-\infty}^{i=+\infty}\frac{1}{x}dx$$
积分:$$
\int_{0}^{1}\frac{1}{x}dx
$$ ``` $$\int_{下限}^{上限}积分表达式$$ $$\int_{0}^{1}\frac{1}{x}dx$$ ``` 矩阵:$$ \begin{pmatrix}1 & 2\\3 &4\end{pmatrix} $$
$$ \begin{pmatrix} 11 & 12 & ... & 1N \\ 21 & 22 & ... & 2N \\ ... & ... & ... & ... \\ N1 & N2 & ... & NN \end{pmatrix} $$
$$\begin{pmatrix}1 & 2\\3 &4\end{pmatrix}$$
$$\begin{pmatrix} 11 & 12 & ... & 1N \\ 21 & 22 & ... & 2N \\ ... & ... & ... & ... \\ N1 & N2 & ... & NN \end{pmatrix}$$
特殊符号
(2)流程图
graph TD
A[模块A] -->|A1| B(模块B)
B --> C{判断条件C}
C -->|条件C1| D[模块D]
C -->|条件C2| E[模块E]
C -->|条件C3| F[模块F]
(3)时序图
sequenceDiagram
A->>B: 是否已收到消息?
B-->>A: 已收到消息
(4)甘特图
gantt
title 甘特图
dateFormat YYYY-MM-DD
section 项目A
任务1 :a1, 2018-06-06, 30d
任务2 :after a1 , 20d
section 项目B
任务3 :2018-06-12 , 12d
任务4 : 24d
(5)图表
饼图
,Budget,Income,Expenses,Debt
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,
type: pie
title: Monthly Revenue
x.title: Amount
y.title: Month
y.suffix: $
折线图
,Budget,Income,Expenses,Debt
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,
type: line
title: Monthly Revenue
x.title: Amount
y.title: Month
y.suffix: $
柱状图
,Budget,Income,Expenses,Debt
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,
type: column
title: Monthly Revenue
x.title: Amount
y.title: Month
y.suffix: $
横向柱状图
,Budget,Income,Expenses,Debt
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,
type: bar
title: Monthly Revenue
x.title: Amount
y.title: Month
y.suffix: $