跳到主要内容

多文档实例添加导航

· 阅读需 2 分钟

官方文档 https://docusaurus.io/docs/docs-multi-instance

docusaurus 创建后有一个预设的默认文档docs,但是如果我们想想添加额外的文档就需要使用到 docusaurus 多文档实例。

文件目录

这里我添加了一个resource[资源]文档

chatonline
├── docs
├── docusaurus.config.js
└── resource
└── index.md

插件配置

按照官方文档配置插件

  plugins: [
[ '@docusaurus/plugin-content-docs',
{ id: 'resource', path: 'resource', routeBasePath: 'resource', sidebarPath: require.resolve('./sidebars.js'), }
],
],

导航配置

由于官方文档并没有说明, 这里自己摸索了下, 不能像默认的docs那样使用topy来配置。

而是需要使用to来配置,并且需要在/resuource下有index页面

  themeConfig:
/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
({
navbar: {
items: [
{ to: '/resource', label: '资源', position: 'left',},
{ to: '/blog', label: 'Blog', position: 'left' },
{ type: 'doc', docId: 'intro', position: 'left', label: 'Tutorial' },
]
}
})