vitepress 使用技巧

如何让 nav 保持高亮？

nav 里配置 activeMatch

{
  nav: [
    { text: 'vue3', link: '/vue3/', activeMatch: '/vue3/' },
    { text: 'vue2', link: '/vue2/', activeMatch: '^/vue2/' },
  ]
}

{
  markdown: {
    lineNumbers: true,
  },
}

{
  themeConfig: {
    search: {
      provider: 'local',
    },
  },
}

效果一般，不建议使用。

import { pagefindPlugin } from 'vitepress-plugin-pagefind'
export default defineConfig({
  vite: {
    plugins: [pagefindPlugin()],
  }
})

效果好，推荐使用。

还有其他插件，可以自行搜索。