Skip to main content

上のメニュー - navbar

どこで設定？​

docusaurus.config.ts の themeConfig > navbar で設定

サイト名など​

docusaurus.config.ts
navbar: {
  title: 'site title',
  logo: {
    alt: 'logo name',
    src: 'img/logo.png',
  },
  ...

スクロールで隠す​

docusaurus.config.ts
navbar: {
  hideOnScroll: true,

サブフォルダのリンクを作る​

docusaurus.config.ts
navbar: {
  items: [
    {
      type: 'docSidebar',
      sidebarId: 'asBeginnerSidebar',
      position: 'left',
      label: '',
    },
    {
      type: 'docSidebar',
      sidebarId: 'tipsSidebar',
      position: 'left',
      label: 'tips',
    },

sidebarId は、sidebar.ts に定義する

sidebar.ts
const sidebars: SidebarsConfig = {
  rootSidebar        : [{type: 'autogenerated', dirName: '.'}],
  asBeginnerSidebar  : [{type: 'autogenerated', dirName: '01.as-beginner'}],
  tipsSidebar        : [{type: 'autogenerated', dirName: '02.tips'}],