自定义样式

修改默认主题

首先默认的vitepress主题使用的是绿色的主色调，可以在vitepress\src\client\theme-default\styles\vars.css中找到对应的变量为：

  --vp-c-green: #0396ff;
  --vp-c-green-light: #59b9fd;
  --vp-c-green-lighter: #a8dafe;
  --vp-c-green-dark: #2f87c5;
  --vp-c-green-darker: #40779e;

他们都是预定义好的颜色，然后通过首页组件：vitepress\src\client\theme-default\components\VPHero.vue在样式块中通过类名预定义使用：

添加一个自定义样式到.vitepress/theme/index.ts中，通过修改:root{}内重写这些预定义变量，就可以修改默认主题

参考文献

• https://juejin.cn/post/7133165263767207966