<header class="text-gray-700 body-font sticky top-0 bg-white z-10">
  <div
    class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center"
  >
    <a
      class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0"
      href="{{ .Site.Params.Homepage }}" target="_blank"
    >
    {{- partial "logo.html" . -}}
    </a>
    <nav
      class="md:ml-auto flex flex-wrap items-center text-base justify-center"
    >
      {{ if and (eq .Site.Params.hideAutoMenu false) (eq $.IsNode true )}}
      <a
        class="mr-2 px-2 rounded cursor-pointer select-none hover:text-gray-900 show-all"
        >All</a
      >
      {{ range sort .Site.Sections "Weight" }}
      <a
        class="mr-2 px-2 rounded cursor-pointer select-none hover:text-gray-900 filter-{{.Title}}"
        >{{.Title}}</a
      >
      {{ end }}
      {{ end }}
      {{ range .Site.Menus.main }}
      <a
      href="{{ .URL }}"
      class="mr-2 px-2 rounded cursor-pointer select-none hover:text-gray-900"
      >{{ .Name }}</a>
      {{ end }}
      <a
      href="https://codechina.csdn.net/codechina/programmer/mdbook/-/issues" target="_blank"
      class="mr-2 px-2 rounded cursor-pointer select-none hover:text-gray-900"
      >提交书单</a>
    </nav>
  </div>
</header>
