Markdown基础语法

---

1.文本样本

代码：

*斜体*或_斜体_
~~删除线~~
**粗体**或__粗体__
***加粗斜体***
这是~下标~
这是^上标^
==标记文本==
> 引用文本

显示效果:
斜体或_斜体_
删除线
粗体或__粗体__
加粗斜体
这是_下标
这是^上标
标记文本

引用文本

2.分级标题

代码:

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

注：#和字之间有一个空格,且TOC语法支持6级目录。

显示效果:

3.超链接

Markdown支持两种形式的链接语法： 行内式和参考式两种形式，行内式一般使用较多。

3.1 行内式
语法说明：

• []里写链接文字，()里写链接地址, ()中的”“中可以为链接指定title属性，title属性可加可不加。
  title属性的效果是鼠标悬停在链接上会出现指定的 title文字。
  [链接文字](链接地址 “链接标题”)’这样的形式。链接地址与链接标题前有一个空格
  代码:

欢迎来到[CSDN](https://www.csdn.net/)

欢迎来到[CSDN](https://www.csdn.net/ "CSDN-专业IT技术社区")

显示效果:
欢迎来到CSDN

欢迎来到CSDN

3.2参考式
参考式超链接一般用在学术论文上面，
或者存在某一个链接在文章中多处使用，那么使用引用 的方式创建链接方便对链接进行统一的管理。

语法说明:
参考式链接分为两部分：
正文中 [链接文字][链接标记]
在文本的任意位置添加 [链接标记]:链接地址 “链接标题” （链接地址与链接标题前有一个空格）。
如果链接文字本身可以做为链接标记，你也可以写成[链接文字][]

代码:

经常用的搜索网站[Google][1]、[Baidu][2]
[CSDN][3]是一个不错的[博客网站][]。

[1]:http://www.google.com "Google"
[2]:https://www.baidu.com "Baidu"
[3]:https://www.csdn.net  "CSDN博客"
[博客网站]:https://www.csdn.net

显示效果:
经常用的搜索网站Google、Baidu
CSDN是一个不错的博客网站。

3.3 自动链接
语法说明：Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱，
只要是用<>包起来， Markdown 就会自动把它转成链接。

代码:

<https://www.baidu.com>

显示效果:
https://www.baidu.com

4.锚点

语法说明:网页中，锚点其实就是页内超链接，也就是链接本文档内部的某些元素，实现当前页面中的跳转。

注意:
1. Markdown Extra 只支持在标题后插入锚点，其它地方无效。
2. Leanote 编辑器右侧显示效果区域暂时不支持锚点跳转，所以点来点去发现没有跳转不必惊慌，但是你发布成笔记或博文后是支持跳转的。

语法描述:
在你准备跳转到的指定标题后插入锚点{#标记}，然后在文档的其它地方写上连接到锚点的链接。
代码:(使用HTML的标签完成)

跳转到[目标目录](#index1)



<span id = "index1">跳转到的位置1</span>
<a id = "index2">   跳转到的位置2</a>

显示效果:
跳转到目标目录

跳转到的位置1
跳转到的位置2

5.列表

5.1 无序列表
使用 *，+，- 表示无序列表。
代码:

- 项目1
  -  项目2
     - 项目3
       - 项目4 

显示效果:

• 项目1
  • 项目2
    • 项目3
      • 项目4

5.2 有序列表
有序列表则使用数字接着一个英文句点。
代码:

1. 项目1
2. 项目2
3. 项目3

显示效果:

1. 项目1
2. 项目2
3. 项目3

注意一种特殊情况:

2019. What a nice year!

会被当成一种列表,此时需要在.前面条件反斜杠\取消转义

5.3 定义型列表

定义型列表由名词和解释组成。一行写上定义，紧跟一行写上解释。解释的写法:紧跟一个空格
代码:

Markdown
: 轻量级文本标记语言，可以转换成html，pdf等格式（左侧有一个可见的冒号和一个不可见的空格）

代码块
: 代码解释(左侧有一个可见的冒号和一个不可见的空格)

      printf("hello,world!")  左侧有五个不可见的空格

显示效果:

Markdown

轻量级文本标记语言，可以转换成html，pdf等格式（左侧有一个可见的冒号和一个不可见的空格）

代码块

代码解释(左侧有一个可见的冒号和一个不可见的空格)

printf("hello,world!")  左侧有五个不可见的空格

6.插入图像

图片的创建方式与超链接相似，分为行内式和参考式写法。
语法说明:
语法中图片Alt的意思是如果图片因为某些原因不能显示，就用定义的图片Alt文字来代替图片。
图片Title则和链接中的Title一样，表示鼠标悬停与图片上时出现的文字。
Alt 和 Title 都不是必须的，可以省略，但建议写上。

6.1 行内式
语法形式：![图片Alt](图片地址 “图片Title”
代码:

程序猿:
![程序小猴子](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg "程序小猴子")

带尺寸的图片:
![程序猿](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg =30x30)

居中的图片:
![程序猿](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg#pic_center)

显示效果:
程序猿:

带尺寸的图片:

居中的图片:

7.自动添加目录

在段落中填写@[TOC]以显示全文内容的目录结构。
显示效果参见最上方的目录

8.注脚目录

在需要添加注脚的文字后加上注脚名字[^注脚名字],称为加注。 然后在文本的任意位置(一般在最后)添加脚注，脚注前必须有对应的注脚名字。(注脚与注脚之间要空一行)
代码：

使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2], 你可以使用 Leanote[^Le] 编辑器进行书写。


(放于文尾)
[^1]:Markdown是一种纯文本标记语言

[^2]:HyperText Markup Language 超文本标记语言

[^Le]:开源笔记平台，支持Markdown和笔记直接发为博文

显示效果:
使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2], 你可以使用 Leanote[^Le] 编辑器进行书写。

(放于文尾)

注：脚注自动被搬运到最后面，请到文章末尾查看，并且脚注后方的链接可以直接跳转回到加注的地方。

9.插入表格

语法说明：
1.不管是哪种方式，第一行为表头，第二行分隔表头和主体部分，第三行开始每一行为一个表格行。
2.列于列之间用管道符**|**隔开。原生方式的表格每一行的两边也要有管道符。
3.第二行还可以为不同的列指定对齐方向。默认为左对齐，在-右边加上:就右对齐。
代码:

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

分格符-至少一个

显示效果:

项目	Value
电脑	$1600
手机	$12
导管	$1

10.分割线

在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：
代码:

***
---
_ _ _

显示效果:

---

---

---

11.代码

插入程序代码的方式有两种，一种是利用缩进(Tab), 另一种是利用”`”符号（一般在ESC键下方）包裹代码。
语法说明：

插入行内代码，即插入一个单词或者一句代码的情况，使用`code`这样的形式插入。
插入多行代码，可以使用缩进或者```codes```,具体看示例。
注意： 缩进式插入前方必须有空行

11.1. 行内式
代码:

C语言里的函数 `scanf()` 怎么使用？

显示效果:
C语言里的函数 scanf() 怎么使用？

11.2 缩进式多行代码
缩进 4 个空格或是 1 个制表符
一个代码区块会一直持续到没有缩进的那一行（或是文件结尾）。

 #include <iostream>
 using namespace std;
    int main(void)
	{
    cout<<"Hello world!";
    return 0;
    }

显示效果:

 #include <iostream>
 using namespace std;
    int main(void)
	{
    cout<<"Hello world!";
    return 0;
    }

11.3 用六个`包裹多行代码

` ` `
#include <iostream>
using namespace std;
    int main(void)
    {
    cout<<"Hello world!";
    return 0;
    }
` ` `

显示效果:

#include <iostream>
using namespace std;
    int main(void)
    {
    cout<<"Hello world!";
    return 0;
    }

使用六个`的代码块的高亮显示指定方法:
在前3个`后面添加指定的代码名称,如C ++(有一个空格)！

11.4 HTML 源码
在代码区块里面， & 、 < 和 > 会自动转成 HTML 实体，这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码。
代码:

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

显示效果:
我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=72 face=“黑体”
color=#00ffff
color=gray

12.Latex数学公式

Latext在线等价转换:
http://latex.codecogs.com/eqneditor/editor.php

12.1. $ 表示行内公式：

Gamma公式展示:
$\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 

显示效果:
Gamma公式展示:
$\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$

12.2.$$ 表示整行公式：
代码:

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

显示效果:
$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

注意:访问 MathJax 参考更多使用方法。

13.Flowchart流程图

代码:

```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op
` ``

显示效果:

参考资料:

Markdown 语法整理:
https://blog.csdn.net/witnessai1/article/details/52551362
CSDN-markdown字体、字号与颜色:
https://blog.csdn.net/testcs_dn/article/details/45719357