hexo-theme-keep/layout/page.ejs

<header class="page-header">
        <div class="header-progress"></div>
        <% if (theme.style.first_screen.enable && is_home() && !page.prev) { %>
            <%- partial('_partial/first-screen.ejs') %>
            <% if (theme.aplayer.enable) { %>
                <%- partial('_partial/aplayer/aplayer.ejs') %>
            <% } %>
        <% } %>
</header>
<div class="page-container">

   <main class="page-main">
        
        <div class="page-main-content">

            <div class="page-main-content-top">
                <%- partial('_partial/header') %>
            </div>

            <div class="page-main-content-middle">

                <main class="main-content normal-code-theme">

                    <% if (is_home()) { %>
                        <%- partial('home-content') %>

                    <% } else if (is_archive()) { %>
                        <%- partial('archive-content') %>

                    <% } else if (is_post()) { %>
                        <%- partial('article-content') %>

                    <% } else if (is_category()) { %>
                        <%- partial('category-content') %>

                    <% } else if (is_tag()) { %>
                        <%- partial('tag-content') %>

                    <% } else if (page.title === 'category' || page.title === 'categories') { %>
                        <%- partial('category-list') %>

                    <% } else if (page.title === 'tag' || page.title === 'tags') { %>
                        <%- partial('_partial/tagcloud') %>

                    <% } else { %>
                        <%- partial('_partial/empty-page') %>

                    <% } %>
                </main>

            </div>

            <div class="page-main-content-bottom">
                <%- partial('_partial/footer') %>
            </div>
        </div>
    </main>

    <% if (is_post()) { %>
        <div class="sidebar-tools">
            <%- partial('_partial/tools') %>
        </div>
    <% } %>

    <div class="right-bottom-side-tools">
        <%- partial('_partial/side-tools-container') %>
    </div>
  <!-- page aside -->
    <aside class="page-aside">
        <% if (is_post()) { %>
            <%- partial('_partial/toc') %>
        <% } %>
    </aside>
  <!-- image viewer -->
    <%- partial('_partial/image-viewer') %>

</div>


<% if (theme.local_search.enable) { %>
    <%- partial('_partial/local-search') %>
<% } %>

<style>
  .header-progress {
      visibility: hidden;
      position: fixed;
      width: 0;
      height: 3px;
      top: 0;
      left: 0;
      background: var(--primary-color);
      transition: all 0.1s ease;
      z-index: 1008;
    }
</style>