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