Question

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

问题：如果.vuepress文件夹位于docs文件夹之外，则项目仅显示边栏和导航栏；如果在里面，它将无法正常工作-不遵守config.js规则。

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

有人可以帮我吗？

另一个问题，如果以上方法可行，那么我是否可以通过localhost:3000/docs而不是localhost:3000来访问Nuxt项目，而可以通过localhost: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版

谢谢。

Answer 1

为什么需要同时使用这两个？如果使用Nuxt，则实际上不需要VuePress。检查官方VuePress documentation。

Nuxt

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

如何以适当的方式在Nuxt项目上添加Vuepress？

1 个答案: