如何更改vitepress 样式

要更改 VitePress 样式，可以通过以下步骤：

1. 在 VitePress 项目根目录下创建一个 `.vitepress` 文件夹。

2. 在 `.vitepress` 文件夹下创建一个 `styles` 文件夹。

3. 在 `styles` 文件夹中创建一个 `index.styl` 文件，用于编写自定义样式。

4. 在 `index.styl` 文件中编写样式。

例如，如果你想更改页面的背景颜色，可以在 `index.styl` 中添加以下代码：

body {
  background-color: #f2f2f2;
}

5. 运行 VitePress 项目，查看样式是否生效。

npm run dev # 或者 yarn dev

注意，如果需要更改 VitePress 主题样式，需要在 `styles` 文件夹中创建一个 `index.css` 文件，并在其中重写主题的 CSS 样式。例如，如果需要更改默认主题的颜色，可以在 `index.css` 文件中添加以下代码：

:root {
  --vp-theme-color: #f00;
}

这将把主题颜色更改为红色。