VitePress-10-自定义【源目录】的用法

什么是【源目录】

源目录 ： 是项目中 markdown 文件所在的目录。
默认情况下，源目录就是项目的根目录。

源目录的修改 ： 通过配置文件的 srcDir 属性来指定自己的源目录。

自定义【源目录】的案例

下面展示一下自定义【源目录】的使用案例。

项目结构

目录结构如下：
 projectName
  	| -- .vitepress      # 项目的配置目录
  		| -- config.mts  # 项目的配置文件（重点）
  	| -- srcabc          # 需要我们指定的【源目录】
  		| -- a.md        # 普通文档，
  		| -- b.md

配置文件内容

import { defineConfig } from 'vitepress'

export default defineConfig({
  ...
  srcDir:'srcabc', // 指定新的【源目录】是 srcabc
  ...
})

经过上述配置之后，访问的效果就变成了：
srcabc/a.md ----> /a.html
srcabc/b.md ----> /b.html

文档内容

这里只展示 a.md 文档的内容

	
	# 自定义的源目录的文档
	> 这是自定义源目录的a.md 文档
	

访问效果

浏览器中直接访问 /a.html 即可。

以上就是自定义【源目录】的使用以及使用效果。