Skip to content

美化VitePress默认样式

字数: 0 字 时长: 0 分钟

说明

本页面所有样式出自 VitePress | 快速上手中文教程

引用颜色

  • 代码:
md
> 更新时间:2024 年
  • 显示:

更新时间:2024 年

容器颜色

info 样式

  • 代码:
md
:::info
请注意,以上内容已经过翻译和格式化处理,以确保内容的准确性和可读性。
:::
  • 显示:

INFO

请注意,以上内容已经过翻译和格式化处理,以确保内容的准确性和可读性。

warning 样式

  • 代码:
md
:::warning
请注意,以上内容已经过翻译和格式化处理,以确保内容的准确性和可读性。
:::
  • 显示:

    WARNING

    请注意,以上内容已经过翻译和格式化处理,以确保内容的准确性和可读性。

danger 样式

  • 代码:
md
:::danger
请注意,以上内容已经过翻译和格式化处理,以确保内容的准确性和可读性。
:::
  • 显示:

    DANGER

    请注意,以上内容已经过翻译和格式化处理,以确保内容的准确性和可读性。

details 样式

  • 代码:
md
:::details
请注意,以上内容已经过翻译和格式化处理,以确保内容的准确性和可读性。
:::
  • 显示:
    Details

    请注意,以上内容已经过翻译和格式化处理,以确保内容的准确性和可读性。

标记颜色

md
<sapn class="marker-evy">这里是尤雨溪的主页样式,鼠标放在我上面看效果</sapn>

代码组

  • 输入以下代码,查看效果
md
::: code-group

```sh [pnpm]
#查询pnpm版本
pnpm -v
```

```sh [yarn]
#查询yarn版本
yarn -v
```

:::
  • 效果
sh
#查询pnpm版本
pnpm -v
sh
#查询yarn版本
yarn -v
最后更新于: 2024/11/1 14:40:13