Refactor webpack project and enable tree shaking

Author: apqx

_includes/footer.html

@@ -2,17 +2,18 @@
   <div class="foot-header"></div>
   <div class="foot-container">
     <div class="copyright" style="display: flex; flex-direction: column; align-items: start;">
-      <p class="no-justify">Based on
-        <a target="_blank" href="https://material.io/">material design</a>
+      <p class="no-justify">Built with
+        <a target="_blank" href="https://m3.material.io">Material Design</a>
         and
-        <a target="_blank" href="https://jekyllrb.com/">jekyll</a>, open source in
-        <a target="_blank" href="https://github.com/apqx/apqx.github.io">github</a>, here is <a target="_blank" href="/sitemap.xml">sitemap</a>.
+        <a target="_blank" href="https://jekyllrb.com">Jekyll</a>, open source on
+        <a target="_blank" href="https://github.com/apqx/apqx.github.io">GitHub</a>, and a <a target="_blank" href="/sitemap.xml">sitemap</a> is available.
       </p>
     </div>
   </div>
 </footer>
 <script>
   // 默认先隐藏footer，渐进动画显示
+  // 用JS隐藏的原因是避免未启用JS的浏览器不显示页脚
   const footerE = document.querySelector("footer")
   footerE.classList.add("card-fade-in")
 </script>

_includes/head.html

@@ -53,10 +53,6 @@
 <link rel="stylesheet" href="{{ resUrlPrefix }}blog-post-v{{ version }}.css"/>
 {% endif -%}
 {% endif -%}
-{% if page.categories contains "search" -%}
-<link href="{{ pagefindUrlPrefix }}pagefind/pagefind-modular-ui.css" rel="stylesheet">
-<script src="{{ pagefindUrlPrefix }}pagefind/pagefind-modular-ui.js"></script>
-{% endif -%}
 {% if page.preloadImageWebp != null -%}
 <link rel="preload" href="{{ page.preloadImageWebp }}" as="image" type="image/webp" />
 {% endif -%}

_includes/header.html

@@ -7,11 +7,6 @@
             <button class="mdc-top-app-bar__navigation-icon mdc-icon-button" id="topbar_btn_menu">
                 <i class="material-symbols-rounded-thin mdc-icon-button__icon">menu</i>
             </button>
-            {% comment %}
-            {% if page.topbar-title != null -%}
-            <span class="mdc-top-app-bar__title" style="font-family: LibreBaskerville; font-style: normal;">{{ page.topbar-title }}</span>
-            {% endif -%}
-            {% endcomment %}
             <span class="mdc-top-app-bar__title"><a href=""></a></span>
         </section>
         <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">

npm/dist/blog-404-v2.0.0.css

@@ -1 +1 @@
-"use strict";(self.webpackChunkblog=self.webpackChunkblog||[]).push([[764],{764:(e,s,b)=>{b.r(s)}}]);
+"use strict";(self.webpackChunkblog=self.webpackChunkblog||[]).push([[484],{4484:()=>{}}]);

npm/dist/blog-564-v2.0.0.css renamed to npm/dist/blog-484-v2.0.0.css

@@ -1 +1 @@
-"use strict";(self.webpackChunkblog=self.webpackChunkblog||[]).push([[790],{790:(e,s,b)=>{b.r(s)}}]);
+"use strict";(self.webpackChunkblog=self.webpackChunkblog||[]).push([[549],{5549:()=>{}}]);