我之前在扩展VuePress默认主题时也碰到过一模一样的问题，其实是我们对主题扩展的配置逻辑理解错了，下面给你一步步拆解解决办法：

一、正确禁用父主题继承的插件 #

你当前是在站点根目录的config.js里配置插件禁用，但这个位置的plugins配置是用来新增全局插件的，无法覆盖父主题自带的插件配置。要禁用父主题的插件，需要在**自定义主题的index.js**里进行配置：

// 自定义主题根目录下的 index.js
module.exports = {
  extend: '@vuepress/theme-default',
  // 在这里配置才能覆盖父主题的插件
  plugins: {
    '@vuepress/active-header-links': false,
    '@vuepress/search': false,
    '@vuepress/plugin-nprogress': false,
  }
}

原理是：VuePress的主题扩展机制中，子主题的plugins选项会直接覆盖父主题对应的插件配置，而站点根目录的config.js只是在全局层面追加插件，不会影响父主题已注册的插件。

二、正确覆盖默认主题样式 #

你的样式没生效，大概率是文件位置不对或者加载顺序的问题。VuePress自定义主题的样式需要放在指定目录下才能正确覆盖默认样式：

1. 在自定义主题根目录下新建styles文件夹
2. 在styles里创建index.styl（用来写自定义样式），或者palette.styl（用来修改默认主题的变量，更优雅）

方式1：直接写覆盖样式（index.styl） #

// 自定义主题/styles/index.styl
// 这里的样式会在默认主题样式之后加载，优先级更高，不需要!important
body {
  background-color: red;
}

方式2：通过变量修改（palette.styl，推荐） #

如果只是修改颜色、间距这类默认主题已定义变量的样式，推荐用这种方式，不需要写!important：

// 自定义主题/styles/palette.styl
// 直接覆盖默认主题的背景色变量
$bodyBgColor = red

这样配置后，重新运行npm run dev或者npm run build，就能看到插件被禁用、样式生效的效果了。

内容的提问来源于stack exchange，提问作者user218046