文章目录

0、演示代码
1、添加目录
2、文本样式
3、标题
4、区块引用
5、列表
- 5.1 有序列表
- 5.2 无序列表
6、代码区块
- 6.1 行内代码
- 6.2 代码块
7、分割线
8、链接
- 8.1 行内式
- 8.2 参考式
9、复选框列表
10、表格
11、反斜杠转义符
12、图片
- 12.1 行内式
- 12.2 链接式
13、标注，注释，脚注
14、居中
- 14.1 文字设置居中
- 14.2 图片设置居中、左对齐、右对齐
- 14.3 图片设置对齐和缩放
- 14.4 永久设置图片缩放大小
15、数学表达式块
LAST、参考文献

0、演示代码

演示代码

1、添加目录

自定义目录标题，语法如下[toc]

2、文本样式

倾斜文本：*倾斜文本*，_倾斜文本_

加粗文本：**加粗文本** ，__加粗文本__

加粗倾斜文本：***加粗倾斜文本***

标记文本：==标记文本==

删除文本：~~删除文本~~

引用文本：> 引用文本

3、标题

开头用#的数量表示1-6阶的标题，#结束之后需要加一个空格，结尾可以以任意数量#结尾（包括0个）

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

4、区块引用

在每行前面使用>或者只在段落中第一行前加>

区块引用也可以嵌套，在嵌套的地方加多个> >就好
这里空行可以不加 >只要前后段落没有其他不加>的段落就不影响效果

> 数据结构
>
> > 树
> >
> > > 二叉树
> > >
> > > > 平衡二叉树
> > > >
> > > > > 满二叉树

备注：引用的区块内也可以使用其他的 Markdown 语法，包括标题、列表、代码区块。

5、列表

5.1 有序列表

列表项前面是数字

有序用数字加英文. 数字是几无所谓的生成的html代码是一样的

1. 一
2. 二
3. 三

5.2 无序列表

列表项前面是点，无序可用 * ，+， -

+ 无序列表
+ 无序列表
+ 无序列表
+ 无序列表

6、代码区块

6.1 行内代码

使用单个`包裹代码即可

6.2 代码块

使用如下包裹代码即可

```python
这是代码区块
```

代码区块中 markdown 语法不会转换

7、分割线

可以在一行用3个以上的 *,-,_来建立一条分割线，行内除了空格不能有其他东西，当然三条线效果是不同的，按顺序是很明显，不明显，一般。第二种不仔细看真看不到有线，我是换了暗色主题才看清。

8、链接

链接文字都是用 [方括号] 来标记。分为两种方式：

8.1 行内式

只要在方块括号后面紧接着圆括号并插入网址链接即可，如果你还想要加上链接的 title 文字，只要在网址后面，用双引号把 title 文字包起来即可，如：

[百度](www.baidu.com)

百度

8.2 参考式

是在链接文字的括号后面再接上另一个方括号，而在第二个方括号里面要填入用以辨识链接的标记；接着，在文件的任意处，你可以把这个标记的链接内容定义出来：

[百度][链接1]
[链接1]: www.baidu.com  "链接标记（选择性添加）"

百度

链接内容定义的形式为：

方括号（前面可以选择性地加上至多三个空格来缩进），里面输入链接文字
接着一个冒号
接着一个以上的空格或制表符
接着链接的网址
选择性地接着 title 内容，可以用单引号、双引号或是括弧包着（ title 内容前需要加空格与网址隔开）

隐式链接标记

该功能让你可以省略指定链接标记，这种情形下，链接标记会视为等同于链接文字，要用隐式链接标记只要在链接文字后面加上一个空的方括号.
如果你要让 “Google” 链接到 google.com，你可以简化成：[Google co.][]
然后定义链接内容：[Google co.]: http://google.com/

效果如下：
Google co.

9、复选框列表

在列表符号后面加上[]或者[x]代表选中或者未选中情况，例如

+ [ ] 学习
+ [x] 发论文

学习
发论文

10、表格

表头1  | 表头2
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell| 表头1  | 表头2|
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  || 名字 | 描述          |
| ------------- | ----------- |
| Help      | Display the help window.|
| Close     | Closes a window     |表格中也可以使用普通文本的删除线，斜体等效果| 名字 | 描述          |
| ------------- | ----------- |
| Help      | ~~Display the~~ help window.|
| Close     | _Closes_ a window     |表格可以指定对齐方式| 左对齐 | 居中  | 右对齐 |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

表头1	表头2
Content Cell	Content Cell
Content Cell	Content Cell

表头1	表头2
Content Cell	Content Cell
Content Cell	Content Cell

名字	描述
Help	Display the help window.
Close	Closes a window

表格中也可以使用普通文本的删除线，斜体等效果

名字	描述
Help	Display the help window.
Close	Closes a window

表格可以指定对齐方式

左对齐	居中	右对齐
col 3 is	some wordy text	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

11、反斜杠转义符

反斜杠可以输出显示一些符号，支持的有

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号

12、图片

12.1 行内式

行内式格式：! + [图片描述] + (路径 URL)

![图片描述](路径或者URL)![image-20201110155239356](http://qiniu.daidaixiang.xyz/image-20201110155239356.png)

12.2 链接式

链接式格式：! + [替代图片的文字，可空] + [参考id]
[参考id]: 路径 URL

![替代图片的文字，可空][参考id]
[参考id]: 路径 URL  "图片描述"![image-20201110155239356][大象图片]
[大象图片]: http://qiniu.daidaixiang.xyz/image-20201110155239356.png    "添加描述"

13、标注，注释，脚注

语法

哈哈哈[^注释]
[]中间加^添加脚注 然后点击出现的黑框  之后到最下面去编辑注释
[]中间加^加上英文冒号空格加上注释语句
哈哈[^注释]
[^注释]: haha

哈哈哈¹

14、居中

14.1 文字设置居中

<center>这是要居中的文本内容</center>
或者
<div  align="center">这是要居中的文本内容</div>

14.2 图片设置居中、左对齐、右对齐

<img src = "http://qiniu.daidaixiang.xyz/image-20201110155239356.png" align="center">
或者
<div  align="center">
<img src="http://qiniu.daidaixiang.xyz/image-20201110155239356.png"/>
</div>

14.3 图片设置对齐和缩放

<img src="http://qiniu.daidaixiang.xyz/image-20201110155239356.png" align="right"  style="zoom:50%" />
或者
<div  align="center">
<img src="http://qiniu.daidaixiang.xyz/image-20201110155239356.png" width = 20% height = 20%/>
</div>
或者
<div  align="center">
<img src="http://qiniu.daidaixiang.xyz/image-20201110155239356.png" width = "100" height = "100"/>
</div>

14.4 永久设置图片缩放大小

之前一直苦恼于截图放进Typora里面之后显示过大。。。占好多地方

刚刚研究了一下，发现最简便的方法是修改你使用的Markdown主题的.css文件，在里面添加一个代码，让以后插入的所有图片都缩小50%（个人感觉50%刚好），就解决这个问题了

以我使用Github主题为例：

打开设置
点击“Open Theme Folder”
打开文件夹下的“github.css”文件
在文件最后添加以下代码后保存就行了

img { zoom: 50%; }

15、数学表达式块

输入两个美元符号，然后回车，就可以输入数学表达式块了。

$$a=b$$单行公式
$a=b$行内公式

a=ba = b a=b

$ a = b $

LAST、参考文献

Markdown-图片设置（大小，居中）_quanwei的博客-CSDN博客_markdown 图片居中

markdown中插入图片怎么定义图片的大小或比例？ - 知乎

使markdown文档中的图片居中_吴芒果的博客-CSDN博客

Typora怎么插入行内公式？ - 知乎

如何让 Typora 插入图片居左对齐 | Forece Blog

如何让Markdown图片居中 - 简书

[MarkDown] markdown语法小结 - Wossoneri - 博客园博客园](https://www.cnblogs.com/rossoneri/p/4446440.html)

haha ↩︎

Markdown 语法（包括但不限于图片居中缩放脚注等）相关推荐

css 图片居中放大,不同比例图片居中缩放显示的三种方法
效果方法一动态给img标签src属性赋值来达到传入不同比例的图片时始终等比例缩放显示,兼容性最好 HTML代码复制代码 CSS代码 .img-box{ /*限定图片盒子宽高*/ width:500 ...
markdown语法与markdlint规则讲解
Markdown-基本语法及markdownlint规则一.概述 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. Markdow ...
html背景图片横屏,CSS背景颜色背景图片居中重复固定样式background经验篇
我们使用CSS Background样式属性,可以设置网页背景单一颜色.网页背景为图片.网页背景图片居中于网页.网页背景图片网页固定位置.网页背景图片中网页中重复平铺等css背景样式介绍与案例讲解. ...
Markdown的前世今生 + CSDN的Markdown语法和使用大全
带你理解Markdown的前世今生 + CSDN的Markdown语法和使用大全带你理解Markdown的前世今生 1. 码字面临的困境 2. 亚伦·斯沃茨的故事 3. Markdown的特点 4. ...
Markdown语法（实现首行缩进和图片居中）
一.图片居中 markdown语法主要考虑的是英文,所以对于中文的首行缩进并不太友好,可以采用以下方法,实现首行缩进. 1.把输入法由半角改为全角. 两次空格之后就能够有两个汉字的缩进. 2.输入下面 ...
MarkDown语法进阶（三）（文字居中、图片处理、插入视频音乐、标准字体）
Markdown编辑器本身是内容写作工具,本身并不支持文字排版,理论上它只是指出哪些内容是表格.哪些内容是标题.哪些是正文图片代码超链. 但是由于markdown需要输出,自带html/css整合,因 ...
markdown 图片居中_Markdown更改字体、颜色、大小，插入表格等方法
Markdown 通过简单标记语法,使普通文本内容具有一定格式.但它本身不支持修改字体.字号与颜色等功能的.一.更改字体大小.颜色.更改字体Markdown语法效果如下: 二.更改字体大小.颜色.更 ...
markdown 图片居中_写作者必备技能:markdown 微信使用markdown
本文来自我的微信公众号跨时代的jay 欢迎关注什么是markdown? markdown 先展示一下,一遍更好的了解 (左图为写作区,右图为预览区) 它是一种纯文本文件经过markdown编辑器 ...
博客园cnblog用Markdown写博客的过程如何图片居中、添加缩进
刚开始写博客,对Markdown语法不熟悉,HTML也快全忘了.记录一下. 一.博客园插入图片(复制之后直接粘贴,而非上传的方式) 正常是这么显示的![](图片链接),这种形式没有办法进行图片居中或 ...

Markdown 语法（包括但不限于图片居中缩放脚注等）