Markdown
青玉案·元夕
辛弃疾
东风夜放花千树。更吹落、星如雨。宝马雕车香满路。凤箫声动,玉壶光转,一夜鱼龙舞。
蛾儿雪柳黄金缕。笑语盈盈暗香去。众里寻他千百度。蓦然回首,那人却在,灯火阑珊处。
容器
INFO
这是一条info,自定义格式:info+空格+自定义文字
提示
这是一个提示,自定义格式:tip+空格+自定义文字
警告
这是一条警告,自定义格式:warning+空格+自定义文字
危险
这是一个危险警告,自定义格式:danger+空格+自定义文字
点击查看
这是一条详情,自定义格式:details+空格+自定义文字
::: info
这是一条info,自定义格式:info+空格+自定义文字
:::
::: tip 提示
这是一个提示,自定义格式:tip+空格+自定义文字
:::
::: warning 警告
这是一条警告,自定义格式:warning+空格+自定义文字
:::
::: danger 危险
这是一个危险警告,自定义格式:danger+空格+自定义文字
:::
::: details 点击查看
这是一条详情,自定义格式:details+空格+自定义文字
:::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
- Title default
- Title ^1.9.0
- Title beta
- Title caution
目录
md
# 默认显示2-3级标题
[[toc]]
ts
export default defineConfig({
//markdown配置
markdown: {
// toc显示1-6级标题
toc: {level: [1,2,3,4,5,6]},
}
})
查看当前页面目录
表格
输入:
```ts:no-line-numbers
无行号演示
```
1
2
3
2
3
输出:
sh
无行号演示
跨行标题1 | 跨列标题2 | ||
---|---|---|---|
A | B | C | |
内容1 | 内容2 | 内容3 | 内容4 |
术语 | 含义 | 功能说明 |
---|---|---|
Seed | 乱数序列起点 | 每个存档唯一,决定整个随机序列 |
帧(Frame) | 序列中的单个乱数 | 消耗后用于生成宝可梦属性 |
TSV/PSV | 闪值匹配系统 | PSV ≡ TSV 时闪光触发 |
![]() | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
宝可梦 | 永恒之花 | |||||||||
属性 | 妖精 | |||||||||
特性 | 花幕 | 隐藏特性 | 共生 | |||||||
H P | 攻击 | 物防 | 特攻 | 特防 | 速度 | |||||
74 | 65 | 67 | 125 | 128 | 92 |
其他
这段文字是蓝色的。
赤红⚠️ 警告: 不要按下大红色按钮!
💡 提示: 记得珍惜生活中的小事。
斜体字
粗体字
删除线
高亮
这句话的文字下划线。
加下划线用的是html代码
*斜体字*
**粗体字**
~~删除线~~
`高亮`
[[toc]]
[TOD](/Z/Pokemon/Poke/Gen9/SV#其他)
# 使用自定义锚点 {#my-anchor}
这句<ins>话的</ins>文字<u>下划线</u>。
<span style="border-bottom:2px dashed red;">加下划线用的是html代码</span>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
链接
md
[Home](/) <!-- 将用户导航至根目录下的 index.html -->
[foo](/foo/) <!-- 将用户导航至目录 foo 下的 index.html -->
[foo heading](./#heading) <!-- 将用户锚定到目录 foo 下的index文件中的一个标题上 -->
[bar - three](../bar/three) <!-- 可以省略扩展名 -->
[bar - three](../bar/three.md) <!-- 可以添加 .md -->
[bar - four](../bar/four.html) <!-- 或者可以添加 .html -->
格式1:[这里填文字](这里是跳转的网址)
格式2:[这里填文字](这里是跳转的网址 "这里填鼠标放上去显示的文字")
---
<div class="tip custom-block" style="padding-top: 8px">
只是想试试?跳到 [快速入门](./getting-started)。
</div>
---
<center><p><img src="https://ckcsec.oss-cn-hangzhou.aliyuncs.com/img/gif.gif" width="50%" height="80%"></p></center>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
呈现的输出如下所示:
sh
注释[*]("这里填鼠标放上去显示的文字")
这是一个例句[*]。
[*]:(脚注/注释)
这是一个脚注演示有[Google][1]和[Baidu][2]或者[Bing][3].
[1]: http://google.com/ "Google"
[2]: http://baidu.com/ "Yahoo Search"
[3]: http://bing.com/ "MSN Search"
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
🇬🇧
⏳打豆豆
⬜吃饭
❎️打豆豆
✅打豆豆
🟩打豆豆
🟢完成
⚪未完成
🔴买不起
功能 | 描述 | 状态 |
---|---|---|
用户登录 | 支持邮箱和手机号登录 | ✅ |
密码重置 | 通过邮箱重置密码 | ⚠️ |
API接口 | RESTful API 设计 | ✅ |
文档链接 | 查看详细文档 | 📖 |
状态 | 图标 | 说明 |
---|---|---|
完成 | ✅ | 任务已完成 |
进行中 | 🔄 | 正在处理 |
待处理 | ⏳ | 等待开始 |
错误 | ❌ | 出现问题 |
警告 | ⚠️ | 需要注意 |
特性 | React | Vue.js | Angular | 评分 |
---|---|---|---|---|
学习曲线 | 中等 | 简单 | 复杂 | Vue ⭐⭐⭐ |
性能表现 | 优秀 | 优秀 | 良好 | 平分 ⭐⭐⭐ |
生态系统 | 丰富 | 成长中 | 完整 | React ⭐⭐⭐ |
企业支持 | 社区 | Angular ⭐⭐⭐ |
语法 | 描述 |
---|---|
列表 |
|
功能 | 描述 |
---|---|
SEO | 优化搜索引擎排名 |
列1 | 列2 |
---|---|
纯文本 | ![]() |
纯文本 | ![]() |
纯文本 | ![]() |
纯文本 | ![]() |
《宝可梦》系列
点击查看
html
<table>
<thead>
<tr>
<th colspan="2" style="text-align:center; color:black; background:#fec919;">《宝可梦》系列</th>
</tr>
</thead>
<tbody>
<tr>
<td style="background:#ffffff; text-align:center; color:black;">第一世代</td>
<td style="background:#ffffff; text-align:center;">
<span style="color: red; font-weight: bold;">红</span>/<span style="color: Green; font-weight: bold;">绿</span>/<span style="color: Blue; font-weight: bold;">蓝</span>
<br>
<span style="color: #FFD737; font-weight: bold;">皮卡丘</span>
</td>
</tr>
<tr>
<td style="background:#ffffff; text-align:center; color:black;">第二世代</td>
<td style="background:#ffffff;"></td>
</tr>
<tr>
<td style="background:#ffffff;"></td><!-- 电 -->
<td style="background:#ffffff;"></td><!-- 冰 -->
</tr>
<tr>
<td style="background:#ffffff;"></td><!-- 毒 -->
<td style="background:#ffffff;"></td><!-- 地面 -->
</tr>
<tr>
<td style="background:#ffffff;"></td><!-- 飞行 -->
<td style="background:#ffffff;"></td><!-- 超能 -->
</tr>
</tbody>
</table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
教程
https://stats.uptimerobot.com/kmocYT7opu
https://iwanlab.com/docker-compose-install-plausible/
https://vercel.com/02gamers-projects/umami
https://umami-jade-five.vercel.app/
🥼 浏览 (海报模式) | 🧥 浏览 (列表模式) |
---|---|
![]() | ![]() |
👔 搜索 | 👕 详情 |
![]() | ![]() |
👖 播放 (普通模式) | 🩳 播放 (精简模式) |
![]() | ![]() |
🧣 历史记录 | 🧤 收藏夹 |
![]() | ![]() |
👗 白色主题 | 🥻 黑色主题 |
![]() | ![]() |
👘 绿色主题 | 👚 粉色主题 |
![]() | ![]() |
Hunlongyu | cuiocean | buvta |
---|---|---|
💻 🎨 🐛 | 💻 🐛 | 💻 🐛 |