跳到正文
OBSERVATION ENTRY站点

Shiroi Markdown 功能测试

2024-07-041,6385 分钟2026-02-20 更新

这是一份全面测试 Shiroi 博客系统支持的所有 Markdown 语法功能的文档。

目录#

基础 Markdown 语法#

标题层级#

一级标题 H1#

二级标题 H2#

三级标题 H3#

四级标题 H4#

五级标题 H5
六级标题 H6

文本样式#

这是一段普通文本。

这是粗体文本

这是斜体文本

这是粗斜体文本

这是删除线文本

链接与图片#

这是一个链接

这是一张图片
这是一张图片

分隔线#

引用#

这是一段引用文本。

引用可以包含多个段落。

— 引用来源

扩展文本格式#

标记高亮 (Mark)#

这是 高亮文本,用于强调重要内容。

插入文本 (Insert)#

这是 ++新插入的内容++。

遮挡文本 (Spoiler)#

遮挡 文本。

行内代码#

使用 console.log() 输出调试信息。

列表与任务#

无序列表#

  • 第一项
  • 第二项
    • 子项 2.1
    • 子项 2.2
      • 嵌套子项 2.2.1
  • 第三项

有序列表#

  1. 第一步
  2. 第二步
    1. 子步骤 2.1
    2. 子步骤 2.2
  3. 第三步

GFM 任务列表#

  • 待完成的任务
  • 已完成的任务
  • 另一个已完成的任务
  • 正在进行的任务

表格#

基础表格#

表头 1表头 2表头 3
单元格 1单元格 2单元格 3
单元格 4单元格 5单元格 6

对齐方式#

左对齐居中对齐右对齐
内容 A内容 B内容 C
数据 1数据 2数据 3

复杂表格示例#

表达内容示例说明
表示文件options.txt文本文件
表示变量<版本名>占位符
必须删除libraries ***带星号标记

数学公式 (KaTeX)#

行内公式#

这是一个行内公式:

爱因斯坦质能方程:

多项式:

块级公式#

代码块#

JavaScript 代码#

javascript
6LINES
function greet(name) {
  console.log(`Hello, ${name}!`)
  return `Welcome to Shiroi`
}

greet('World')

TypeScript 代码#

网格项 1

这是第一个网格项的内容。

网格项 2

这是第二个网格项的内容。

网格项 3

这是第三个网格项的内容。

Python 代码#

python
6LINES
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))

Shell 脚本#

bash
4LINES
#!/bin/bash
echo "Starting Shiroi..."
pnpm install
pnpm dev

Mermaid 流程图#

缩放:
Ctrl+滚轮
缩放:
Ctrl+滚轮

容器与布局#

::: banner {error}
这是一个错误提示框,请注意!
:::

::: banner {info}
这是一个信息提示框,用于展示额外信息。
:::

::: banner {success}
操作成功!数据已保存。
:::

::: 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
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

这是第三个网格项的内容。

订阅
LICENSE
作者:Teror Fox
本文:Shiroi Markdown 功能测试
链接:https://blog.trfox.top/posts/site/shiroi-markdown-feature-test
COMMENTS

评论

加载评论区…