¶ 下面包含教程及实验区
推荐使用markdown编辑器，如没有编程基础，可使用Visual Editor编辑器，操作界面类似常规电脑doc文档编辑界面，编辑器可在页面操作中自由转换。
因本站集成了多个强大的渲染组件，该页专用于教学所有组件的使用方法及表达样式展示
¶ Task Lists：计划表达式
编辑方式：
- [ ] Item 1
- [ ] Item 2
- [x] Item 3
展示：
- Item 1
- Item 2
- Item 3
用途：计划表、完成进度、选择表达等。
¶ 上标和下标
编辑方式：
H<sub>2</sub>O
Exp<sup>10</sup>
展示：
H2O
Exp10
用途：可用于文内某个词语的解释，或者某段内容的标注。
¶ 重点标注
¶ 普通引用
编辑方式：
> 哈威很可爱
[提示：本行为换行符]
展示：
哈威很可爱
用途：重点表达，错误展示等。
¶ 声明标注
编辑方式：
> 注意：奶冬也很可爱
{.is-info}
[提示：此处有换行符]
展示：
注意：奶冬也很可爱
用途：提示信息或前置条件。
¶ 正确标注
编辑方式：
> 确实可爱
{.is-success}
[提示：此处有换行符]
展示：
确实可爱
用途：
¶ 危险标注
编辑方式：
> 绝对很可爱！
{.is-warning}
[提示：此处有换行符]
展示：
绝对很可爱！
用途：提醒危险内容
¶ 危险标注
编辑方式：
> 所以不可以欺负他们！
is-danger}
[提示：此处有换行符]
展示：
所以不可以欺负他们！
用途：错误示范，警告内容
¶ 下划线
编辑方式：
The HTML specification is maintained by the W3C.
喵萌家的喵头是地表最强.
¶ 表情
编辑方式：
:apple:，:dog:，:fish:
[提示：具体支持那些表情可自行探索]
展示：
，
，
用途：你猜。
¶ 图片大小自定义
编辑方式：
<p><img src="/miaomeng/changqiang.jpg" alt="test" width="320" height=""200""></p>
展示：
¶ 思维导图
编辑方式：
```kroki
mermaid
graph TD
A[ 喵长 ] -->|可以做| B( 代领喵家走向最强 )
B --> C{ 如何走向最强 }
C --> D[ 蕄24小时在线秒回 ]
C --> E[ 哈威24小时守家+招新 ]
C --> F[ 全员喵喵叫 ]
```
展示：
¶ 线程表
编辑方式：
```plantuml
Bob -> Alice : hello
Bob -> Alice : love
Bob -> Alice : byebye
```
展示：
用途：可以很清晰明了的表示各个内容的在时间线上的相互关系和逻辑
¶ markdown自带制表符：
编辑方式：
| 名称 | 类型 | 所属势力 |
|----------|----------|----------|
| 猎犬级 | 护卫 | 哈威 |
| 獾级 | 货舰 | 蕄 |
展示：
| 名称 | 类型 | 所属势力 |
|---|---|---|
| 猎犬级 | 护卫 | 哈威 |
| 獾级 | 货舰 | 蕄 |
另外:
| :—: | 代表居中对齐
同理：
| :---- | 代表左对齐
| ----: | 代表右对齐
