Vue.js 如何使vuepress动态创建侧导航？

我试图简化我的view press站点的创建，这样我就不必手动在左侧导航栏添加条目

到目前为止我试过了

    "vuepress-auto-sidebar": "^1.1.1"

但是它也会呈现

.git

和

节点_modules

文件夹。它也不会呈现标题

不仅如此，它不会在我的项目根目录中呈现名为

upload.md

的文件

我想我可能只需要通过某种形式的目录扫描来手动编写代码（尽管我不知道如何“监视”它，以便在添加新文件时更新它）

到目前为止，我解决这个问题的方法是配置主题配置来完成这项工作，从而删除错误的模块

    sidebar: sidebar
      .getSidebar()
      .filter((v) => v.path !== "/node_modules/" && v.path !== "/.git/"),

---

然后向其添加过滤器，跳过

.git

和

节点模块

文件夹。接下来，我必须解析标记以提取标题。

编辑：通常，您会将

.md

文档写入

docs

目录（不在项目的根目录下），然后使用此目录启动它（从

package.json

）

---

至于侧边栏，我的第一个答案如下

从本期github中：

您可以看到，这不是现成的。所以，您可以使用这里给出的一些解决方案，自己生成它，但您也可以尝试这个名为npm的npm包

---

它工作得很好！注意，在升级到Nuxt 2.15.2之后，我遇到了一些不兼容的问题，不确定是否仍然是这样，但是这种方式对于无法运行vuepress非常恼人。

我最终选择了一个不同的插件

vuepress bar

，但仍然必须实现过滤器

const getConfig = require("vuepress-bar");
const { nav, sidebar } = getConfig();
module.exports = {
  themeConfig: {
    nav,
    sidebar: sidebar.filter(i => i.title !== "Node Modules"),
    smoothScroll: true
  }
};

---

嗨，我的回答有帮助吗？：）它有帮助，但它显示了插件的缺陷，但我确实找到了另一个插件，它完成了我所需要的大部分功能。与我链接的插件相同^^

const getConfig = require("vuepress-bar");
const { nav, sidebar } = getConfig();
module.exports = {
  themeConfig: {
    nav,
    sidebar: sidebar.filter(i => i.title !== "Node Modules"),
    smoothScroll: true
  }
};