自定义样式文件位置

• 推荐路径/vp/docs/.vitepress/theme/style/
• 文件扩展名.css,.scss

代码分开

分别创建针对不同用途的样式文件，例如1.css,2.scss,var.scss

注意

var.scss为默认的样式文件名称

然后创建一个index.ts文件，在此文件中导入所有其他的样式文件，如下所示：

/* theme/style/index.ts */
@import './rainbow.scss';
@import './vars.scss';
@import './vitepress.scss';
@import './medium-zoom.scss';

引用样式文件

在theme/index.ts中引入

/* theme/index.ts */
import './styles/index.scss'

或者还可以直接在markdown文件中引用，例如直接在导航md文件中引入nav.css

<style src="/.vitepress/theme/style/nav.scss"></style>