<!doctype html>
<th:block
  xmlns:th="https://www.thymeleaf.org"
  th:replace="~{components/base-layout/template :: html(
    title = |#{page.archives.page-title} - ${site.title}|,
    head = ~{:: head},
    content = ~{:: body},
    header = ~{components/header/template :: body},
    navbar = ~{}
  )}"
>
  <head th:remove="tag">
    <meta
      name="description"
      th:attr="content=${#strings.isEmpty(theme.config?.archives_page_styles?.description) ? site?.seo?.description : theme.config?.archives_page_styles?.description}"
    />
    <link
      rel="canonical"
      th:if="${theme.config?.archives_page_styles?.is_enable_canonical_link}"
      th:href="${siteUrl} + @{{prefix}(prefix = ${site.routes.archivesUri})}"
    />
    <th:block th:insert="~{components/header/template :: head}"></th:block>
    <th:block th:insert="~{components/list-post-simple/template :: head}"></th:block>
    <th:block th:insert="~{components/pagination/template :: head}"></th:block>
    <script type="module" crossorigin src="/themes/howiehz-higan/assets/1.65.0DZesqPK.js" integrity="sha384-vBsg12r8jZCf3XAsNjGHCuyw1oT+2wF+PCkNVPTTYKqw3RBydTUZq52fhQr6FiMU"></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.0I1yhx0e.js" integrity="sha384-t4V7hGIoLIwDWpAo4dakpeNLlIRndH8+lTVyGyU4eIJNq+nYp5nO90rx8Ijc1Hgy">
    <link rel="modulepreload" crossorigin href="/themes/howiehz-higan/assets/1.65.0Bk5FHpu.js" integrity="sha384-cg6x7Pb77Zqih642wbHELBIb8vuQ0VeuH0Zb6tWgHC6J1oxIpFMgVUPeGS0CiGHV">
    <link rel="stylesheet" crossorigin href="/themes/howiehz-higan/assets/1.65.0V1Vfzax.css" integrity="sha384-+PNVzMjj9tRKGQF6Db//cVCq5sX2D9olLnqidyZzgPgVTZy4Kj0oBqihwwO/xEiP">
    <link rel="stylesheet" crossorigin href="/themes/howiehz-higan/assets/1.65.0Nu1u8yY.css" integrity="sha384-h6WHiBEsz55L9LeaTSvyYRiiYVLTekMvNJhG+VjwyKti556zI6k8M+nZTayAbuwQ">
    <link rel="stylesheet" crossorigin href="/themes/howiehz-higan/assets/1.65.0Ct3tGO8.css" integrity="sha384-uB//2Ny9InaMFgbYAnKwfIgUYnrH5g7dGPoQ5WzOoHSTB5WpnMH/n2OxbDYPEL24">
  </head>
  <body th:remove="tag">
    <div id="archive" class="content tw-mb">
      <div class="tw-lc">
        <div
          th:each="archive : ${archives}"
          th:unless="${theme.config?.archives_page_styles?.is_collapse_post_list_by_publication_year_and_month}"
        >
          <h2 th:text="${archive.year}"></h2>
          <th:block th:each="month : ${archive.months}">
            <th:block
              th:insert="~{components/list-post-simple/template :: body(posts = ${month.posts}, pageTemplateName = 'archives')}"
            >
            </th:block>
          </th:block>
        </div>
        <div
          th:if="${theme.config?.archives_page_styles?.is_collapse_post_list_by_publication_year_and_month}"
          th:data-d="${theme.config?.archives_page_styles?.duration_of_expand_collapse_animation}"
          id="d"
        >
          <div th:each="archive : ${archives}">
            <h2 class="v-cursor-pointer">
              <span th:text="${archive.year}"></span>
              <span class="iconify-large iconify mdi--chevron-right"></span>
              <span class="iconify-large iconify mdi--chevron-down" style="display: none"></span>
            </h2>
            <ul class="tw-ae tw-mb tw-be" style="display: none">
              <th:block th:each="month : ${archive.months}">
                <div class="month-container tw-gd flex">
                  <h3 class="v-cursor-pointer tw-sc tw-nb tw-ia">
                    <span th:text="${month.month}" class="underline"></span>
                    <span class="iconify-large iconify mdi--chevron-right"></span>
                    <span class="iconify-large iconify mdi--chevron-down" style="display: none"></span>
                  </h3>
                  <ul class="common-post-list tw-mb" style="display: none">
                    <li class="post-item" th:each="post : ${month.posts}">
                      <div
                        th:if="${theme.config?.archives_page_styles?.is_show_post_pubdate_in_post_list}"
                        class="meta"
                      >
                        <time
                          th:datetime="${post.spec?.publishTime}"
                          itemprop="datePublished"
                          th:text="${#temporals.format(post.spec?.publishTime, 'dd')}"
                          >文章发布时间替换位</time
                        >
                      </div>
                      <div class="tw-ha">
                        <a class="post-title" th:href="@{${post.status?.permalink}}" th:text="${post.spec?.title}"></a>
                      </div>
                    </li>
                  </ul>
                </div>
              </th:block>
            </ul>
          </div>
        </div>
      </div>
      <th:block th:insert="~{components/pagination/template :: body(${archives})}"></th:block>
    </div>
  </body>
</th:block>
