18 配置顶部导航栏提高效率

前期文章分类较少时不用配置顶部导航栏，文章分类较多时可以配置导航栏，帮助用户更快的定位文章。

配置示例：

项目目录/docusaurus.config.js

import { themes as prismThemes } from 'prism-react-renderer';

/** @type {import('@docusaurus/types').Config} */
const config = {
  省略...
  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
	  // 设置顶部导航栏
      navbar: {
        // 站点标题
        title: '在线知识库',
        // logo
        logo: {
          // alt: Logo图片的替代文本
          alt: 'My Site Logo',
          // src: Logo图片的文件路径。
          src: '/img/logo.svg',
        },
        // 配置导航栏菜单
        items: [
          //外部链接
          {
            label: '读书',
            position: 'right',
            href: 'https://booklist.zxzsk.com',
          },
          {
            label: '站点状态',
            position: 'right',
            href: 'https://uptime.zxzsk.com/status/zxzsk',
          },
          {
            label: 'blog',
            position: 'right',
            href: 'https://blog.zxzsk.com',
          },
          // 内部链接
          // { to: '/blog', label: '博客+资讯', position: 'left' },
        ],
      },
    }),
};

export default config;