Markdown初级语法

Markdown入门（markdown版）

参考网站：知乎、菜鸟教程、CSDN、简书等。

Markdown简介：

 Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML(或者HTML)文档。

 由于Markdown的轻量化、易读易写特性，并且对于图片，图表、Latex公式等都有支持，许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、CSDN、简书等，甚至还能被使用来撰写电子书。

 写一个Markdown文档，可以将直接使用Markdown语法和Html的标签混合进行使用，因为最后都会转换成Html，但要注意的是，在HTML区块标签间的 Markdown 格式语法将不会被处理。

在段落中填写 [TOC] 以显示全文内容的目录结构。

1. 标题

## （1）二级标题

二级标题

###### （2）六级标题

六级标题

2. 文字标记

（1） *斜体*

斜体

（2） **加粗**

加粗

（3） ***斜体+加粗***

斜体+加粗

（4） ~删除线~

删除线

（5）字体、字号、 颜色(借助html)

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。
但它本身不支持修改字体、字号与颜色等功能的！通过使用内嵌HTML的方法来实现：字体，字号和颜色编辑。
目前所有浏览器都支持在HTML和CSS颜色规范定义的141个颜色（17标准颜色，再加124）,可以从网上找到所有颜色的值，包括十六进制值。

① <font size=3 face="黑体" >size=3 face="黑体"</font>

size=3 face=“黑体”

② <font color=#FF0000 size=3 face="宋体" >color=#FF0000 size=3 face="宋体"</font>

color=#FF0000 size=3 face=“宋体”

③ <font color=#008000 size=3 face="楷体" >color=#008000 size=3 face="楷体"</font>

color=#008000 size=3 face=“楷体”

④ <font color=#0000FF size=3 face="Times New Roman" >color=#0000FF size=3 face="Times New Roman"</font>

color=#0000FF size=3 face=“Times New Roman”

注意：HTML5 不支持 <font> 标签，早在 HTML 4.01 中，<font> 元素已废弃。在HTML5中可以使用CSS来定义文本的字体、尺寸、颜色。

（6）背景色（借助html）

Markdown本身不支持背景色设置，需要采用内置html的 <table>, <tr>, <td>等表格标签的 bgcolor 属性来实现背景色的功能。

<table><tr><td bgcolor=#7FFFD4 align="left">背景色</td></tr></table>

（7）文字居中（借助html）

标准的markdown文本，是不支持居中对齐的，可以通过html实现。

居中：<center >HTML居中</center>

HTML居中

（8）其他 html 文字标签

① <b >加粗</b> ； <i >斜体</i> ； <em >强调</em> ； <u >下划线</u> ； <s >删除线</s>

加粗 ； 斜体 ； 强调 ； 下划线 ； 删除线

② 上标<sup >1</sup> ； 下标<sub >2</sub> ； <br >换行

上标¹ ； 下标₂ ；
换行

③ <kbd >键盘体</kbd>

键盘体

使用 Ctrl+Alt+Del 重启电脑

（9）缩进字符、换行

①缩进一个字符： 缩进

②缩进两个字符： 缩进

③换行：markdown中两次回车就可以换行。

3. 分割线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西；也可以在星号或是减号中间插入空格。如：

（1）- - -

---

4.下划线

下划线可以通过 HTML 的 <u>..</u>标签来实现

（1）<u>下划线</u>

下划线

5. 引用

在引用的文字前加>即可。引用的区块内也可以使用其他的 Markdown 语法，包括标题、列表、代码区块等。

> （1）this is a **denote**.

（1）this is a denote.

6. 脚注

Markdown 脚注的格式如下:[^要注明的文本]。例如：

时间[time]
（空一行）
[time]: 2022.1.11
1
2
3

时间time

7. 列表

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

（1）有序列表

有序列表使用数字接着一个英文句点作为标记【注意：序号跟内容之间要有空格】。如：

1. first

1. second

1. first
2. second

（2）无序列表

无序列表使用星号、加号或是减号作为列表标记【注意：- + * 跟内容之间都要有一个空格】。如：

- first
    - f.1
        - f.1.1
+ second
* third
1
2
3
4
5

• first
  • f.1
    • f.1.1

• second

• third

8. 表格

（1）Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

| 表头1 | 表头2 | 表头3 |
| :---- | ----: | :---: |
| 左齐  | 右齐  | 居中  |
1
2
3

（2）借助Html 写一个纵跨两行的表格。

9. 代码

（1）用反引号 ` 这个符号来包围想要高亮显示的代码块。

`print(“hello world!”)`

print("hello world!")

（2）用三个连续的反引号 ```来引入接下来的一行或多行代码块，并同样使用 ```来表示代码块到此为止。还可以在第一行中给出代码使用的具体语言。例如：

```python
# 这是在markdown中插入的python代码块
for i in range(10)
print i
```

# 这是在markdown中插入的python代码块
for i in range(10) 
    print i
1
2
3

10. 链接

（1）直接展示链接<URL>

百度：\<https://www.baidu.com>

百度：https://www.baidu.com

（2）超链接：[链接名称](链接地址)

[百度](https://www.baidu.com)

百度

（3）引用式超链接（类似注脚）

[百度][URL1]
（空一行）
[URL1]:https://www.baidu.com
1
2
3

百度

11. 图片

（1）直接展示：

![无法加载时显示](https://img-blog.csdnimg.cn/img_convert/61c8823690ad65ee4fc8ac20aa6d7f6b.png)

（2）引用展示

![无法加载时显示][image]
（空一行）
[image]:https://img2.baidu.com/it/u=2800571053,4286870681&fm=253&fmt=auto&app=138&f=JPEG?w=650&h=277 "鼠标悬浮图片时所显示内容"
1
2
3

（3）调整图片的尺寸

Markdown 还没有办法指定图片的高度与宽度，如果需要的话，可以使用html中的 <img> 标签。

<img src="https://img0.baidu.com/it/u=2111831599,4099234575&fm=253&fmt=auto&app=138&f=PNG?w=500&h=227" width="25%">
<img src="https://img2.baidu.com/it/u=2800571053,4286870681&fm=253&fmt=auto&app=138&f=JPEG?w=650&h=277" width="25%">
1
2

12. 待办事宜 Todo 列表

使用带有 [ ] 或 [x] （未完成或已完成）项的列表语法撰写一个待办事宜列表，并且支持子列表嵌套以及混用Markdown语法，例如：

- [ ] **七月旅行准备**
    - [ ] 准备邮轮上需要携带的物品
    - [ ] 浏览日本免税店的物品
    - [x] 购买蓝宝石公主号七月一日的船票
1
2
3
4

• 七月旅行准备
  • 准备邮轮上需要携带的物品
  • 浏览日本免税店的物品
  • 购买蓝宝石公主号七月一日的船票

13. Markdown进阶

（1）支持Latex公式

①行内公式排版： $ c = \sqrt{a^{2}+b_{xy}^{2}+e^{x}} $

$c=\sqrt{a^2+b_{xy}^2+e^x}$

②块公式排版：$$ c = \sqrt{a^{2}+b_{xy}^{2} +e^{x}} $$

$$c=\sqrt{a^2+b_{xy}^2+e^x}$$

（2）绘制流程图、时序图、甘特图

支持Markdown语言的编辑器很多，但是不是所有都支持流程图、时序图和甘特图的绘制。主要有以下：

Typoro（支持）

Cmd Mrakdown（支持）：https://www.zybuluo.com/mdeditor

MarkdownPad（支持）：http://markdownpad.com/

CSDN（支持）：https://www.csdn.net

Jupyter Notebook（不支持）

有道云笔记（不支持）：http://note.youdao.com/

其他：简书、小书匠、VScode、马克飞象、Mark Text等。

外部参考：

【Markdown语言】

CSDN

CSDN官方Markdown文档

Markdown语法图文全面详解(10分钟学会)：https://blog.csdn.net/u014061630/article/details/81359144?spm=1001.2014.3001.5506

markdown编辑器语法——文字颜色、大小、字体与背景色的设置：https://blog.csdn.net/manjianchao/article/details/53668280?spm=1001.2014.3001.5506

markdown 中的一些 html 使用属性：https://blog.csdn.net/smilejiasmile/article/details/89511888?spm=1001.2014.3001.5506

Markdown的 支持HTML使用方法：https://blog.csdn.net/qq_44123730/article/details/103272722?spm=1001.2014.3001.5506

Markdown进阶（更改字体、颜色、大小，设置文字背景色，调整图片大小设置居中）：https://blog.csdn.net/heimu24/article/details/81189700?spm=1001.2014.3001.5506

菜鸟教程

Markdown教程：https://www.runoob.com/markdown/md-tutorial.html

Cmd Markdown

Cmd Markdown 简明语法手册：https://www.zybuluo.com/mdeditor url=https://www.zybuluo.com/static/editor/md-help.markdown

Cmd Markdown 高阶语法手册：https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#cmd-markdown-高阶语法手册

【 Latex编辑公式】

CSDN

最全 Markdown + Latex 编写技巧：https://blog.csdn.net/HaleyPKU/article/details/80341932?spm=1001.2014.3001.5506

Cmd Markdown

Cmd Markdown 公式指导手册（部分语法在纯markdown编辑器中无法显示） https://ericp.cn/cmd

简书

有LaTeX的深厚底蕴，Markdown是果然最美的编辑语言！！：https://www.jianshu.com/p/16fbd768bfe7

Markdown中的LaTeX格式：https://www.jianshu.com/p/8c46e915c45e

【 Markdown绘制流程图、时序图、甘特图】

CSCD

CSDN官方Markdown文档

Cmd Markdown

Cmd Markdown 高阶语法手册：https://www.zybuluo.com/mdeditor?url=https://www.zybuluo.com/static/editor/md-help.markdown#cmd-markdown-高阶语法手册