丰富漂亮的 markdown 渲染，持续更新......
Content
适用：文章、日记、文摘、简历、友链说明。评论区只建议写基础语法。
基础语法
```markdown
标题 1
标题 2
加粗、*斜体*、~~删除线~~、行内代码、:underline[下划线的文字]
第一段。
第二段。
1. 有序列表
2. 第二项
> 引用内容
[富链接（上下空行）](https://example.com)
这是一个链接：[链接显示名](https://example.com)
```
> 效果：
>
> # 标题 1
> ## 标题 2
>
> 加粗、*斜体*、~~删除线~~、行内代码、:underline[下划线的文字]
>
> 第一段。
>
> 第二段。
>
> - 无序列表
> - 第二项
>
> 1. 有序列表
> 2. 第二项
>
> - [ ] 待办
> - [x] 完成
>
> > 引用内容
>
> [Aerisun](https://github.com/Aerisun)
>
> 这是一个链接：[Serino](https://github.com/Aerisun/Serino)
>
> 
代码块
````markdown
```ts
const site = "Serino";
console.log(site);
```
````
> 效果：
>
> ```ts
> const site = "Serino";
> console.log(site);
> ```
公式
```markdown
行内公式：$E = mc^2$
$$
\int_0^1 x^2 dx = \frac{1}{3}
$$
```
> 效果：
>
> 行内公式：$E = mc^2$
>
> $$
> \int_0^1 x^2 dx = \frac{1}{3}
> $$
表格
```markdown
| 名称 | 说明 |
| --- | --- |
| Serino | 博客系统 |
| Markdown | 排版语法 |
```
> 效果：
>
> | 名称 | 说明 |
> | --- | --- |
> | Serino | 博客系统 |
> | Markdown | 排版语法 |
图集
````markdown
:::carousel
:::
````
> 效果：
>
>:::carousel
>
>
>
>:::
缩略图
部分图片过于窄/宽，缩略成一个固定尺寸方便放置
````markdown
:::thumb
:::
````
> 效果：
>
>:::thumb
>
>:::
Mermaid
````markdown
```mermaid
flowchart LR
A[开始] --> B[编辑]
B --> C[发布]
```
````
> 效果：
>
> ```mermaid
> flowchart LR
> A[开始] --> B[编辑]
> B --> C[发布]
> ```
提示块
```markdown
:::tip{title="小提示"}
这里写提示内容。
:::
:::warning{title="注意"}
这里写提醒内容。
:::
```
> 效果：
>
> :::tip{title="小提示"}
> 这里写提示内容。
> :::
>
> :::warning{title="注意"}
> 这里写提醒内容。
> :::
可用类型：tip、warning、note、info、danger、success。
折叠块
```markdown
:::details{summary="展开查看"}
这里是折叠内容。
:::
```
> 效果：
>
> :::details{summary="展开查看"}
> 这里是折叠内容。
> :::
复制块
````markdown
:::copy{title="复制命令"}
复制我
:::
点击 :copy[复制链接]{value="https://example.com"}。
````
> 效果：
>
> :::copy{title="复制命令"}
> 复制我
> :::
>
>点击 :copy[复制链接]{value="https://example.com"}。
脚注
```markdown
这里有一个脚注。[^note]
[^note]: 这是脚注内容。
```
> 效果：
>
> 这里有一个脚注。[^note]
>
> [^note]: 这是脚注内容。
步骤块
```markdown
:::steps
1. 打开后台。
2. 新建文章。
3. 保存发布。
:::
```
> 效果：
>
> :::steps
> 1. 打开后台。
> 2. 新建文章。
> 3. 保存发布。
> :::