Skip to main content

修改官网配置

打开docusaurus.config.js文件。在以下配置区配置导航栏。 

//主题配置
  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
      //页面导航栏
      navbar: {
        title: '',  //页面标题
        logo: {
          alt: 'LOGO',
          src: 'img/logo.png',
        },
        items: [
          //导航栏配置项
          {
             //文档选项
            type: 'doc',
            docId: 'intro',   // docs的ID号，对应docs文件夹中的xxx.md文件
            position: 'right',  // item在导航栏上的位置，分为左右
            label: '技术博客',  // 这个item显示的文字
          },
          //博客选项
          //{ to: '/blog', label: '技术博客', position: 'right' },
          //Github仓库连接
          {
            href: 'https://github.com/bljx',
            label: 'GitHub',
            position: 'right',
          },
          // { to: '/docs/welcome.md', label: '关于计协', position: 'right' },
        ],
      },
      ···
    }),

修改页脚​

还是在这一文件中。 

//主题配置
  themeConfig:
    /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
    ({
      ···
      footer: {
        style: 'light',
        links: [
          {
            title: '关注计协',
            items: [
              {
                label: '微信公众号',
                href: 'https://mp.weixin.qq.com/s?__biz=MjM5MTE2MzgwNw==&mid=2651753352&idx=2&sn=f809d07e56ccbf10fc109578015c1e84',
              },
              {
                label: '发送邮件',
                href: 'mailto:help@bljx.org',
              },
              {
                label: 'QQ群',
                href:'https://tva1.sinaimg.cn/large/006SHRs9gy1h41x9jtpkkj30ku0nxjv0.jpg',
              }
            ],
          },
          {
            title: '计协项目',
            items: [
              {
                label: '2021暑期实践',
                href: 'https://github.com/bljx2021project',
              },
              {
                label: '2022暑期实践',
                href: 'https://github.com/bljx2022project',
              },
      
            ],
          },
          {
            title: '快速链接',
            items: [
              {
                label: '北京林业大学',
                href: 'http://www.bjfu.edu.cn/',
              },
              {
                label: '北京林业大学信息学院',
                href: 'http://it.bjfu.edu.cn/',
              },
              {
                label: 'BJFUoj',
                href: 'https://www.bjfuacm.com/',
              },
            ],
          },
          {
            title: '更多',
            items: [
              {
                label: 'GitHub',
                href: 'https://github.com/bljx',
              },
            ],
          },
        ],
        copyright: `<br/> Copyright © ${new Date().getFullYear()} 北京林业大学计算机与网络协会 <br/> Made with ❤ by Chengzihan. <br> Built with <a herf="https://docusaurus.io/zh-CN/">Docusaurus<a/>.`,
      },
    }),

修改全局样式​

在src\css\custom.css文件中，可以覆盖原有的样式。

修改主页​

在src\pages\index.js中可修改主页及其样式。

修改其他​

建议阅读官方文档和API，并简要学习React，再进行修改。