本系统自带的编辑器可以非常方便地插入Markdown，但仍然有必要将常用的Markdown语法列在此处方便查看。
基础语法
标题
使用==井号+空格+标题内容==即可。除了一级标题还有二级、三级…等。每个标题都只是在前面加的井号数量而区分。
几个井号就是几个标题。
段落
标题下方可直接跟段落，两个段落之间建议空一行，这样比较不那么拥挤。
  or   表示一个半角的空格
  or   表示一个全角的空格
   两个全角的空格（用的比较多）
or   不断行的空白格
斜体
左右各使用1个 ==== 星号放在需要变斜的内容两侧。
默认模板的斜体是橘黄色的，您也可以在文档设置中自定义颜色。
斜体
*斜体*
## 粗体
左右各使用2个 ==== 星号放在需要变斜的内容两侧。
粗体
**粗体**
## 删除线
文字左右两边添加两个 ==~== 即可
这是加删除线的文字
~~这是加删除线的文字~~
## 分割线
三个或者三个以上的 - 或者 * 都可以。
```
## 无序项目编号
当您需要插入一个无序列表时，使用星号（ ==-== ==+== ==*== 任何一种都可以）+==空格==+==内容==即可。
上一级和下一级之间敲==三个空格==即可
* 这是第一级
* 这是第二级
* 这是第三级
## 有序项目编号
当您需要插入一个有序列表时，使用==起始序号==+==点号==+==空格==+==内容==即可
把大象放入冰箱的方法：
1. 打开冰箱门
2. 放入大象
（你是认真的？？）
3. 把冰箱门关起来
4. 真的没有步骤了
``` 把大象放入冰箱的方法：
1. 打开冰箱门
2. 放入大象
（你是认真的？？）
3. 把冰箱门关起来
4. 真的没有步骤了
代码
蓝色提示
代码两边添加 ==`==
`这是代码`
这是代码
黄色提示
文字两边添加 ==
==黄色高亮==
==黄色高亮==
单行代码
代码区块使用4个==空格==，后面接代码。
多行代码
可在页面上显示代码框，并根据代码语言高亮代码内容
==```== 放在代码前后位置
块引用
代表其中的文字是引用内容。通常在渲染时，这部分的内容会有一定的缩进。
==>== 后面添加内容即可
这是引用的内容
这是引用的内容
>这是引用的内容
>>这是引用的内容
多个段落的块引用
块引用可以包含多个段落。为段落之间的空白行添加一个 > 符号。
:::: tabs top-start
::: tab-pane 代码
> Dorothy followed her through many of the beautiful rooms in her castle.
>
> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.
:::
::: tab-pane 演示
Dorothy followed her through many of the beautiful rooms in her castle.
The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.
:::
::::
链接
常规
:::: tabs top-start
::: tab-pane 代码
[超链接名](超链接 "超链接title 可加可不加")
[九秋笔记](http://yejiuqiu.cn)
[九秋文档](http://wendang.yejiuqiu.cn)
:::
::: tab-pane 演示
超链接名
九秋笔记
九秋文档
:::
::::
注释
[链接文字][name]
[name]: link "Title"
带有注释以及引用的超链接。
:::: tabs top-start
::: tab-pane 代码
一直用 [百度][BD]，当知道 [搜狗][s] 可以搜索微信和知乎时，我慢慢爱上了 [搜狗][s] 这个功能。
学术搜索还是用 [Google][g]。平时也会用 [Bing][b]，毕竟各有所长。
[G]: https://www.google.com/ "Google"
[BD]: https://www.baidu.com/ "Baidu Search"
[S]: https://www.sogou.com/ "Sogou"
[B]: https://cn.bing.com/ "Bing Search"
:::
::: tab-pane 演示
一直用 百度，当知道 搜狗 可以搜索微信和知乎时，我慢慢爱上了 搜狗 这个功能。
学术搜索还是用 Google。平时也会用 Bing，毕竟各有所长。
:::
::::
锚链接
:::: tabs top-start
::: tab-pane 代码
使用 Markdown[^1] 可以效率的书写文档，直接转换成 HTML[^2], 你可以使用 Markdown[^T] 记录。
[^1]:Markdown 是一种纯文本标记语言。
[^2]:HyperText Markup Language 超文本标记语言。
[^T]:九秋笔记 <http://www.yejiuqiu.cn/>
:::
::: tab-pane 演示
使用 Markdown[^1] 可以效率的书写文档，直接转换成 HTML[^2], 你可以使用 Markdown[^T] 记录。
[^1]:Markdown 是一种纯文本标记语言。
[^2]:HyperText Markup Language 超文本标记语言。
[^T]:九秋笔记 http://www.yejiuqiu.cn/
:::
::::
图片
常规
直接在编辑器中直接上传插入图片，插入的图片会显示为下面的样子：
也可以使用html代码形式，在本文档中可以防止出现指针移过出现边框的问题。
<center>
<img width=100% src="/uploads/2024/12/ganjue.gif">
</center>
实际展示如下：
链接图片
给图片增加链接，请将图像的Markdown 括在方括号中，然后将链接添加在圆括号中。
:::: tabs top-start
::: tab-pane 代码
[](http:/yejiuqiu.cn)
:::
::: tab-pane 演示
:::
::::
视频
:::: tabs
::: tab-pane 代码
插入视频代码如下：
<video width="1920" poster="/uploads/2024/12/sikao.jpg" src="https://jiuqiubiji.oss-cn-hangzhou.aliyuncs.com/shipin/20250124012730zhengzhi.mp4" type="https://jiuqiubiji.oss-cn-hangzhou.aliyuncs.com/shipin/20250124012730zhengzhi.mp4" controls></video>
:::
::: tab-pane 演示
:::
::::
音频
:::: tabs
::: tab-pane 代码
<audio controls style="width: 100%;" src="https://yejiuqiu.oss-cn-beijing.aliyuncs.com/yinpin/QQ%E7%88%B1.mp3" loop></audio>
:::
::: tab-pane 演示
:::
::::
表格
常规
| 人名 |
张三 |
李四 |
王五 |
| 语文 |
54 |
23 |
99 |
| 数学 |
84 |
42 |
93 |
| 英语 |
14 |
92 |
81 |
|人名|张三|李四|王五|
|-|-|-|-|
|语文|54|23|99|
|数学|84|42|93|
|英语|14|92|81|
代码
:::: tabs
::: tab-pane 代码
<table>
<tr>
<th>班级</th><th>课程</th><th>平均分</th>
</tr>
<tr>
<td rowspan="3">1班</td><td>语文</td><td>95</td>
</tr>
<tr>
<td>数学</td><td>96</td>
</tr>
<tr>
<td>英语</td><td>92</td>
</tr>
</table>
:::
::: tab-pane 演示
:::
::::
对齐方式
==-==: 设置内容和标题栏居右对齐。
==:-== 设置内容和标题栏居左对齐。
==:-:== 设置内容和标题栏居中对齐。
HTML代码
上下标
:::: tabs top-start
::: tab-pane html形式
上标
代码如下：
a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>
Windows 10 <sup>TM</sup>
实际显示效果如下：
a2 + b2 = c2
Windows 10 TM
下标
代码如下：
2KClO<sub>3</sub> ==== 2KCl + 3O<sub>2</sub>↑
实际显示效果如下：
2KClO3 ==== 2KCl + 3O2↑
:::
::: tab-pane LaTex形式
代码如下：
上标
代码如下：
$a^2$
$a^{197}$
实际显示效果如下：
$a^2$
$a^{197}$
下标
代码如下：
$a_2$
$a_{197}$
实际显示效果如下：
$a_2$
$a_{197}$
::: tip 注意
如果上下标只对其后面的一个字符起作用，如果上下标的内容超过一个字符，则需要用花括号 {} 包裹，否则上下标只对后面的一个符号起作用。
:::
:::
::::
数学公式
当你需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。
LearnLaTeX：LaTeX 入门与进阶学习平台。
:::: tabs top-start
::: tab-pane 代码
$$
\left [ – \frac{\hbar^2}{2 m} \frac{\partial^2}{\partial x^2} + V \right ] \Psi = i \hbar \frac{\partial}{\partial t} \Psi
$$
:::
::: tab-pane 演示
$$
\left [ – \frac{\hbar^2}{2 m} \frac{\partial^2}{\partial x^2} + V \right ] \Psi = i \hbar \frac{\partial}{\partial t} \Psi
$$
:::
::::
流程图
[方形]方形
(圆角)(圆角)
{条件}{条件}
[结果][结果]
-->--> 指向
|a=1|判断条件
横向流程图源码格式
graph LR
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
F[横向流程图]
竖向流程图源码格式
graph TD
A[方形] --> B(圆角)
B --> C{条件a}
C --> |a=1| D[结果1]
C --> |a=2| E[结果2]
F[竖向流程图]
UML标准时序图样例
%% 时序图例子,-> 直线，-->虚线，->>实线箭头
sequenceDiagram
participant 张三
participant 李四
张三->王五: 王五你好吗？
loop 健康检查
王五->王五: 与疾病战斗
end
Note right of 王五: 合理 食物 <br/>看医生...
李四-->>张三: 很好!
王五->李四: 你怎么样?
李四-->王五: 很好!
甘特图
gantt
dateFormat YYYY-MM-DD
title 产品计划表
section 初期阶段
明确需求: 2016-03-01, 10d
section 中期阶段
跟进开发: 2016-03-11, 15d
section 后期阶段
走查测试: 2016-03-20, 9d
折叠面板
使用此容器可实现多个内容的折叠，并通过参数设置默认展开、面板颜色、展开时自动折叠其他内容
:::: collapse-panel accordion
::: collapse-item 基础用法
添加面板
在 collapse-panel 容器中嵌入 collapse-item 容器，在其后添加或修改内容即可成为标题
设置内容
在 collapse-item 容器内编写Markdown即可成为内容
:::
::: collapse-item 高级用法
面板颜色
在 collapse-item 后添加或修改颜色参数：warning error success
默认展开
在 collapse-item 后添加参数 open
手风琴
在 collapse-panel 后添加参数 accordion，展开面板时其他面板自动折叠
:::
::::
标签
使用标签容器可创建标签页效果，并通过参数设置默认打开的标签、标签颜色、标签位置
::::: tabs top-start
:::: tab-pane 基础用法
添加标签
在 tabs 容器中嵌入 tab-pane 容器
设置内容
在 tab-pane 后添加或修改内容即可成为标题，在 tab-pane 容器内编写Markdown即可成为内容
::::
:::: tab-pane 高级用法
标签颜色
在 tab-pane 后添加或修改颜色参数：warning error success
标签位置
在 tabs 后添加或修改位置参数：top top-start top-end right right-start right-end bottom bottom-start bottom-end left left-start left-end
::::
:::::
任务
:::: tabs top-start
::: tab-pane 代码
- [ ] 未勾选状态
- [x] 已勾选状态
:::
::: tab-pane 演示
::::