开发自己的 vitepress theme。

官方 github (opens new window)

我的开发的 theme

custom css

demo/.vitepress/theme/index.ts 中引入自动与的 css。

添加 link

让当前目录下的软件包在系统范围内或其它位置都可访问。

# 在开发的主题中执行
# Make @vue/theme available for global linking
pnpm link --global # 让当前目录下的软件包在系统范围内或其它位置都可访问。

# 在vitepress项目中执行
# 使 vitepress项能导入开发的主题包
pnpm link --global <pkg> # <pkg> 为开发的本地主题包名

依赖

const path = require('path')
import chalk from 'chalk' // 命令行打印美化
const yaml = require('js-yaml') // yaml转js
import * as matter from 'gray-matter' // FrontMatter解析器 https://github.com/jonschlinkert/gray-matter
const log = console.log