<head th:remove="tag">
  <script type="module" crossorigin src="/themes/howiehz-higan/assets/1.65.0CdYvmLn.js" integrity="sha384-gKu0c0L5WUvmrdF24457LavPZO9GOmqx2S2mUNGK+e/XpMr42Cy7/pPwoQbCVoke"></script>
  <link rel="modulepreload" crossorigin href="/themes/howiehz-higan/assets/1.65.0B5Dsnp8.js" integrity="sha384-jh9fNrQ4e1dfnNNeSJ5j6Xk0Q3yaywFUu7lofIRIE/glirnKgAxh97UVWuDQAVso">
  <link rel="modulepreload" crossorigin href="/themes/howiehz-higan/assets/1.65.0Db3n32t.js" integrity="sha384-ATXJmckKn/B7mUfzNbdWrZYHOjPSSrgBUzwUdeyG3cWIMUKQGocYAAibcdMOBqbM">
  <link rel="stylesheet" crossorigin href="/themes/howiehz-higan/assets/1.65.0DsXQ7aE.css" integrity="sha384-+5IkXfnqZaDvw/+FCMyDKlye/vfc7pixdiR7g8Y0xMHV7DECWn1bjf94NE7Jpy6u">
  <link rel="stylesheet" crossorigin href="/themes/howiehz-higan/assets/1.65.0BT7OlWZ.css" integrity="sha384-5cnXoinm1gcxq7dXPbLOLmk4FyldVH9H0425e1gJIs+9pl/NsZ3UX8MUUe/gY5fH">
</head>
<body th:remove="tag">
  <header id="header">
    <a th:href="@{/}">
      <th:block
        th:with="styles = ${theme.config?.styles},
                 fallbackLogoAvif = ${#theme.assets('/images/logo.avif')},
                 fallbackLogoWebp = ${#theme.assets('/images/logo.webp')},
                 fallbackLogoPng = ${#theme.assets('/images/logo.png')},
                 logoUri = ${#strings.defaultString(#objects.nullSafe(styles?.icon, site?.logo), fallbackLogoAvif)},
                 ext = ${logoUri.substring(logoUri.lastIndexOf('.') + 1).toLowerCase()},
                 imageType = ${ext == 'avif'
                               ? 'image/avif'
                               : (ext == 'webp'
                                  ? 'image/webp'
                                  : (ext == 'png'
                                     ? 'image/png'
                                     : (ext == 'apng'
                                        ? 'image/apng'
                                        : ((ext == 'jpg'
                                            or ext == 'jpeg'
                                            or ext == 'jfif'
                                            or ext == 'pjpeg'
                                            or ext == 'pjp')
                                           ? 'image/jpeg'
                                           : (ext == 'gif'
                                              ? 'image/gif'
                                              : (ext == 'svg'
                                                 ? 'image/svg+xml'
                                                 : (ext == 'bmp'
                                                    ? 'image/bmp'
                                                    : ((ext == 'ico'
                                                        or ext == 'cur')
                                                       ? 'image/x-icon'
                                                       : ((ext == 'tif'
                                                           or ext == 'tiff')
                                                          ? 'image/tiff'
                                                          : 'image/png')))))))))}"
      >
        <div
          id="logo"
          th:class="${styles?.avatar_circle == true ? 'circle-avatar' : ''}"
          th:classappend="${styles?.avatar_grayout == true ? 'avatar-grayscale' : ''}"
          th:if="${theme.config?.styles?.is_show_header_icon}"
        ></div>
        <th:block
          th:insert="~{components/header-logo-style/template :: body(
            fallbackLogoPng=${fallbackLogoPng},
            logoUri=${logoUri},
            imageType=${imageType},
            fallbackLogoWebp=${fallbackLogoWebp}
          )}"
        ></th:block>
      </th:block>
      <div id="title">
        <span class="h1">
          <th:block th:text="${site?.title}">站点标题替换位</th:block
          ><th:block th:replace="~{components/common/template :: theme-toggle-button}"></th:block>
        </span>
      </div>
    </a>
    <div id="nav" th:if="${theme.config?.styles?.is_show_header_menu}">
      <th:block th:insert="~{components/common/template :: menu(showIcon=true)}"></th:block>
    </div>
  </header>
</body>
