注释

  1. <div style='display: none'>
  2. 注释内容
  3. </div>

或者

  1. 选中注释内容
  2. ctrl+/（同html注释）
  3.  <!--注释内容-->

标题

分级标题

  1. # 一级标题
  2. ## 二级标题
  3. ### 三级标题
  4. #### 四级标题
  5. ##### 五级标题
  6. ###### 六级标题  <!--最多6级标题-->

任务列表

  1. - [ ] 任务一 未做任务 `- + 空格 + [ ]`
  2. - [x] 任务二 已做任务 `- + 空格 + [x]`

效果：
image.png
注：

  1. ` ... ` 给里面部分加上底部阴影

对齐

缩进

  1. &emsp;<!全角-->
  2. &ensp;<!半角-->
  3. &nbsp;<!半角之半角-->
  5. &emsp;&emsp;自2020年1月4日公布统一身份认证账号密码以来尚有部分学生未进行激活，请大家尽快激统一身份认证。

效果：
image.png

换行

回车换行，但在代码中无论空多少行，只渲染一行空行。空格同理，无论文字间空多少格，只渲染一个空格；

对齐方式

  1. #<center>居中对齐</center>
  2. ##<p align="left">行左对齐</p>
  3. ###<p align="right">行右对齐</p>
  4. <!这里举例时与标题结合了-->

效果
image.png

文字

转义字符

  1. \+符号
  2. \\
  3. \`    \*    \_    \{}    \[]    \()
  4. \#    \+    \-    \.    \!

字体字号颜色

  1. <font face="黑体">我是黑体字</font>
  2. <font face="微软雅黑">我是微软雅黑</font>
  3. <font face="STCAIYUN">我是华文彩云</font>
  4. <font color=#0099ff size=12 face="黑体">黑体</font>
  5. <font color=gray size=5>gray</font>
  6. <font color=#00ffff size=3>null</font>

image.png

文本

斜体

  1. *斜体*
  2. _斜体_

粗体

  1. **粗体**

加粗斜体

  1. ***加粗斜体***

删除线

  1. ~~删除线~~

下划线

  1. ++下划线++

背景高亮

  1. ==背景高亮==

链接

行内式链接

直接为一段文字附上链接
链接文字, title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的 title文字，链接地址与title前有一个空格。

  1. 详情请参考 [百度搜索](http://www.baidu.com/ "百度搜索")

效果
image.png

参考式链接

参考式超链接一般用在学术论文上面，或者另一种情况，如果某一个链接在文章中多处使用，那么它可以让你对链接进行统一的管理。
参考式链接分为两部分，
[链接文字][链接标记]，
在文本的任意位置添加
[链接标记]:链接地址。
如果需要修改被多次引用的链接地址，此时仅需修改最后链接标记的解释即可（宏定义）

  1. 我经常去的几个网站[Google][1]、[Leanote][2]。
  3. [1]:http://www.google.com 
  4. [2]:http://www.leanote.com

效果：
image.png

注脚链接

在需要添加注脚的文字后加上脚注名字
[^注脚名字]
称为加注
然后在文本的任意位置(一般在最后)添加脚注
[^注脚名字]：注脚内容
脚注内容前必须有对应的脚注名字
注脚与注脚之间必须空一行，不然会失效。即使你没有把注脚写在文末，经Markdown转换后，也会自动归类到文章的最后。

  1. 使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2]。
  3. [^1]:Markdown是一种纯文本标记语言
  5. [^2]:HyperText Markup Language 超文本标记语言

效果：
image.png

锚点

锚点其实就是页内超链接，也就是链接本文档内部的某些元素，实现当前页面中的跳转。
直接在链接内写入
{#…}
即可链接到各级标题下
image.png

自动链接

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

  1. &lt;<WangXi_chn@foxmail.com>&gt;

效果：
image.png
注意：如果想要渲染出“< >”符号，需要在代码中用

  1. &lt;&gt

来实现转义

列表项

无序列表项

使用 * 或 + 或 - 表示无序列表

  1. * 列表项一
  2.   * 列表项二
  3.     * 列表项三
  4.       * 列表项四

image.png

有序列表项

有序列表则使用数字接着一个英文句点

  1. 1. 列表项一
  2.    1. 列表项一
  3.       1. 列表项一
  4.          1. 列表项一
  5.             1. 
  6. 2. 列表项二
  7.    1. 列表项二

image.png

定义型列表项

定义型列表由名词和解释组成。一行写上定义，紧跟一行写上解释

  1. 概率
  2. :   事件域的对应值域（冒号后面是Tab缩进）

image.png

图像

格式：图片Alt
图片Alt的意思是如果图片因为某些原因不能显示，就用定义的文字“图片Alt”来代替图片
图片Title则和链接中的Title一样，表示鼠标悬停与图片上时出现的文字
Alt 和 Title 都不是必须的，可以省略

  1. ![图片Alt](./bg.jpg "图片")<!同一文件夹下的bg.jpg文件-->

多级引用

  1. > 123456
  2. >> 123
  3. >>> 123456

image.png