问题

• 以博客页面为例，默认情况下，只有路径精确为/blog/时，顶部的导航中博客才会高亮。而当点击某个博客页面/article/abcd1234/时，顶部导航中的博客失去高亮。
• 以笔记页面为例，默认情况下，只有路径精确为/vue-press/时，顶部的导航中VuePress才会高亮，而当点击笔记的字页面/vue-press/abcd1234/时，顶部导航中的VuePress失去高亮。

解决方法

可以借助activeMatch配置，设置该导航高亮的规则

其中由于笔者将分类、标签、归档页面独立设置了顶级导航，但其页面是以/blog/开头，需要排除

export default defineNavbarConfig([
  {
    text: "博客",
    link: "/blog/",
    activeMatch: "^/(article|blog(?!/(categories|tags|archives)))/", 
  },
  {
    text: "VuePress",
    link: "/vue-press/",
    activeMatch: "^/vue-press/", 
  },
]);