3

我有我的 Nuxt 应用程序，我正在尝试在其上添加 Vuepress。然后我确实yarn add vuepress@next -D在其中创建了docs文件夹和readme.md文件。

问题：如果文件夹.vuepress在文件夹之外，docs项目只会显示侧边栏和导航栏；如果它在里面，它就不起作用 - 不尊重 config.js 规则。

此外，它识别来自 Nuxt 应用程序的 readme.md（也在 docs 文件夹之外），而不是 docs 文件夹中的那个。

任何人都可以帮助我吗？

另一个问题，如果上述方法有效，我是否能够通过 Nuxt 项目和文档访问localhost:3000/docs而不是访问？localhost:3000localhost:8080

这是我当前的文件夹结构（没有显示侧边栏 - 不尊重 .vuepress 文件夹中的 config.js）：

docs
  |__.vuepress
  |     |__config.js
  |
  |__guides

config.js 文件：

module.exports = {
  title: 'Documentation',
  description: 'Documentation',
  themeConfig: {
    sidebar: 'auto',
    nav: [{
        text: 'Home',
        link: '/'
      },
      {
        text: 'Guides A',
        link: '/guides/apis/'
      },
      {
        text: 'item with subitems',
        items: [{
            text: 'Subitem 01',
            link: '/'
          },
          {
            text: 'SubItem 02',
            link: '/'
          }
        ]
      },
      {
        text: 'External',
        link: 'https://google.com'
      },
    ]
  }
}

Vuepress 版本 1.0.2

谢谢。

4

1 回答 1

2

为什么你需要同时使用这两个？如果你使用 Nuxt，你实际上并不需要 VuePress。查看官方VuePress 文档。

纽斯特

Nuxt 能够做 VuePress 所做的事情，但它是为构建应用程序而设计的。VuePress 专注于以内容为中心的静态站点，并提供为开箱即用的技术文档量身定制的功能。

于 2019-06-26T04:36:50.330 回答