DOCUSAURUS 2-如何在移动视图中的Navbar中添加正确的项目中的一个按钮？

Question

我想在Mobile View中的Navbar中添加一个按钮（很可能是GitHub链接）之类的项目，如下所示。

我没有在docusaurus.config.js中看到任何选项。

navbar: {
        items: [
          { to: "/docs/get-started", label: "HOME", position: "left" },
          { to: "/docs/get-started", label: "GET STARTED", position: "left" },
          { to: "/docs/learn", label: "LEARN", position: "left" },
          { to: "/docs/api", label: "API", position: "left" },
          {
            href: "https://dev.to/nucleoid",
            label: "BLOG",
            position: "left",
          },
          {
            href: "https://github.com/NucleoidJS/Nucleoid",
            html: require("fs").readFileSync("./github.html", "utf8"),
            position: "right",
          },
        ],
      },

Answer 1

由于正确的Navbar项目将设置为显示：无当视口较小时996px时，您可以使用自定义CSS覆盖它们，如下

@media (max-width: 996px) {
  div.navbar__items.navbar__items--right > * {
    display: block;
    position: inherit;
  }
}

： docs