这是一份全面测试 Shiroi 博客系统支持的所有 Markdown 语法功能的文档。
目录#
基础 Markdown 语法#
标题层级#
一级标题 H1#
二级标题 H2#
三级标题 H3#
四级标题 H4#
五级标题 H5
六级标题 H6
文本样式#
这是一段普通文本。
这是粗体文本
这是斜体文本
这是粗斜体文本
这是删除线文本
链接与图片#
分隔线#
引用#
这是一段引用文本。
引用可以包含多个段落。
— 引用来源
扩展文本格式#
标记高亮 (Mark)#
这是 高亮文本,用于强调重要内容。
插入文本 (Insert)#
这是 ++新插入的内容++。
遮挡文本 (Spoiler)#
遮挡 文本。
行内代码#
使用 console.log() 输出调试信息。
列表与任务#
无序列表#
- 第一项
- 第二项
- 子项 2.1
- 子项 2.2
- 嵌套子项 2.2.1
- 第三项
有序列表#
- 第一步
- 第二步
- 子步骤 2.1
- 子步骤 2.2
- 第三步
GFM 任务列表#
- 待完成的任务
- 已完成的任务
- 另一个已完成的任务
- 正在进行的任务
表格#
基础表格#
| 表头 1 | 表头 2 | 表头 3 |
|---|---|---|
| 单元格 1 | 单元格 2 | 单元格 3 |
| 单元格 4 | 单元格 5 | 单元格 6 |
对齐方式#
| 左对齐 | 居中对齐 | 右对齐 |
|---|---|---|
| 内容 A | 内容 B | 内容 C |
| 数据 1 | 数据 2 | 数据 3 |
复杂表格示例#
| 表达内容 | 示例 | 说明 |
|---|---|---|
| 表示文件 | options.txt | 文本文件 |
| 表示变量 | <版本名> | 占位符 |
| 必须删除 | libraries *** | 带星号标记 |
数学公式 (KaTeX)#
行内公式#
这是一个行内公式:
爱因斯坦质能方程:
多项式:
块级公式#
代码块#
JavaScript 代码#
function greet(name) {
console.log(`Hello, ${name}!`)
return `Welcome to Shiroi`
}
greet('World')TypeScript 代码#
网格项 1
这是第一个网格项的内容。
网格项 2
这是第二个网格项的内容。
网格项 3
这是第三个网格项的内容。
Python 代码#
def fibonacci(n):
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
print(fibonacci(10))Shell 脚本#
#!/bin/bash
echo "Starting Shiroi..."
pnpm install
pnpm devMermaid 流程图#
容器与布局#
Banner 提示横幅#
::: banner {error}
这是一个错误提示框,请注意!
:::
::: banner {info}
这是一个信息提示框,用于展示额外信息。
:::
::: banner {success}
操作成功!数据已保存。
:::
Gallery 图片画廊#
::: gallery
https://loremflickr.com/640/480/city?1
https://loremflickr.com/640/480/city?2
https://loremflickr.com/640/480/city?3
:::
Grid 网格布局#
::: grid {cols=3,gap=4}
网格项 1
这是第一个网格项的内容。
网格项 2
这是第二个网格项的内容。
网格项 3
这是第三个网格项的内容。
::: banner {info}
这是一个信息提示框,用于展示额外信息。
:::
::: banner {success}
操作成功!数据已保存。
:::
Gallery 图片画廊#
::: gallery
https://loremflickr.com/640/480/city?1
https://loremflickr.com/640/480/city?2
https://loremflickr.com/640/480/city?3
:::
Grid 网格布局#
::: grid {cols=3,gap=4}
网格项 1
这是第一个网格项的内容。
网格项 2
这是第二个网格项的内容。
网格项 3
这是第三个网格项的内容。