丰富漂亮的 markdown 渲染,持续更新......
Content
@noindent
适用:文章、日记、文摘、简历、友链说明。评论区只保证支持基础语法。
基础语法
以下大部分基础语法在正文编辑框顶部有快捷方式
```markdown
这里是一段普通文字段落:除了评论和留言板的文段默认首行不缩进,其他所有文段内容都会默认首行缩进。缩进可以手动控制:1、在正文的第一个行写入 @indent(强制全局默认缩进) 或者 @noindent(强制全局默认不缩进),并在下面一行留空;2、如下面两段,在段首添加语法可以特定改变这一段的缩进方式(优先级最高)
:indent 这段文字强制首行缩进
:noindent 这段文字强制不缩进
标题 1
标题 2
加粗、*斜体*、~~删除线~~、行内代码、:underline[下划线的文字]
1. 有序列表
2. 第二项
> 引用内容
“[链接显示名](https://example.com)”
“”
“下面是:两条富链接(需要上下空行,编辑器才会识别为富链接);一个普通链接;一个图片(这个可以点击编辑框顶部的图片标识,来自动上传图片处理并显示调用语句)”
[Aerisun](https://github.com/Aerisun)
[Aerisun](https://aerisun.top)
这是一个链接:[Serino](https://github.com/Aerisun/Serino)

```
> 效果:
>
>这里是一段普通文字段落:除了评论和留言板的文段默认首行不缩进,其他所有文段内容都会默认首行缩进。缩进可以手动控制:1、在正文的第一个行写入 @indent(强制全局默认缩进) 或者 @noindent(强制全局默认不缩进),并在下面一行留空;2、如下面两段,在段首添加语法可以特定改变这一段的缩进方式(优先级最高)
>
>:indent 这段文字强制首行缩进
>
>:noindent 这段文字强制不缩进
>
> # 标题 1
> ## 标题 2
>
> 加粗、*斜体*、~~删除线~~、行内代码、:underline[下划线的文字]
>
> - 无序列表
> - 第二项
>
> 1. 有序列表
> 2. 第二项
>
> - [ ] 待办
> - [x] 完成
>
> > 引用内容
>
> [Aerisun](https://github.com/Aerisun)
>
> [Aerisun](https://aerisun.top)
>
> 这是一个链接:[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[发布]
> ```
提示块
可用类型:tip、warning、note、info、danger、success。
```markdown
:::tip{title="小提示"}
这里写提示内容。
:::
:::warning{title="注意"}
这里写提醒内容。
:::
```
> 效果:
>
> :::tip{title="小提示"}
> 这里写提示内容。
> :::
>
> :::warning{title="注意"}
> 这里写提醒内容。
> :::
折叠块
```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. 保存发布。
> :::