hexo-theme-gnix 5.0.8 → 5.0.9

package/layout/comment/twikoo.jsx

@@ -19,7 +19,7 @@ twikoo.init(window.twikooConfig);
         <script
           dangerouslySetInnerHTML={{ __html: lazy_load_css_script }}
         ></script>
-        <script async src={jsUrl} onload={`${js}`}></script>
+        <script defer src={jsUrl} onload={`${js}`}></script>
       </Fragment>
     );
   }

package/layout/common/scripts.jsx

@@ -7,9 +7,6 @@ module.exports = class extends Component {
 
     return (
       <Fragment>
-        {config.comment?.js_url && (
-          <script defer src={config.comment.js_url}></script>
-        )}
         <Plugins
           site={site}
           config={config}
@@ -17,18 +14,17 @@ module.exports = class extends Component {
           helper={helper}
           head={false}
         />
-        <script defer src="/js/main.js"></script>
         <script
-          async
+          defer
           src="/js/host/iconify-icon/3.0.2/iconify-icon.min.js"
         ></script>
-        <script async src="/js/theme-selector.js"></script>
+        <script defer src="/js/theme-selector.js"></script>
         <script
           defer
           src="/js/host/medium-zoom/dist/medium-zoom.min.js"
-          onLoad={`const zoom = mediumZoom(".article img", { background: "hsla(from var(--mantle) / 0.9)" })`}
         ></script>
-        <script async src="/js/shiki/shiki.js"></script>
+        <script defer src="/js/shiki/shiki.js"></script>
+        <script defer src="/js/main.js"></script>
         <script async src="/js/instant-page.min.js" type="module"></script>
       </Fragment>
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-gnix",
-  "version": "5.0.8",
+  "version": "5.0.9",
   "author": "Efterklang <gaojiaxing0220@gmail.com>",
   "license": "MIT",
   "description": "Second generation of Hexo theme Icarus, now with Catppuccin flavor and night mode support.",

package/source/css/default.css

@@ -199,12 +199,9 @@
   --crust: #242933;
 }
 
-.task-list-item-checkbox {
-  accent-color: var(--lavender);
-}
-
-.task-list-item-checkbox:checked {
-  accent-color: var(--mauve);
+body {
+  background: var(--mantle);
+  color: var(--text);
 }
 
 .article-licensing {
@@ -218,9 +215,12 @@
   background: var(--mantle);
 }
 
-body {
-  background: var(--mantle);
-  color: var(--text);
+.task-list-item-checkbox {
+  accent-color: var(--lavender);
+}
+
+.task-list-item-checkbox:checked {
+  accent-color: var(--mauve);
 }
 
 input.task-list-item-checkbox:checked {

package/source/js/insight.js

@@ -91,7 +91,7 @@ function loadInsight(config, translation) {
       );
       if (maxlen && range[0] >= sumRange[0] + maxlen) break;
 
-      result += `<em>${escapeHTML(text.slice(range[0], range[1]))}</em>`;
+      result += `<em style="color: var(--green)">${escapeHTML(text.slice(range[0], range[1]))}</em>`;
       last = range[1];
 
       if (i === ranges.length - 1) {
@@ -131,9 +131,8 @@ function loadInsight(config, translation) {
     const itemsHTML = array
       .map((item) => {
         if (isPostOrPage) {
-          const title = findAndHighlight(item.title, keywords);
           const text = findAndHighlight(item.text, keywords, 100);
-          return searchItem(title, text, item.link);
+          return searchItem(item.title, text, item.link);
         } else {
           // Tags
           const name = findAndHighlight(item.name, keywords);
@@ -324,18 +323,23 @@ function loadInsight(config, translation) {
     if (main.contains(e.relatedTarget)) {
       return;
     }
-    // 当焦点移出 searchbox 时，关闭搜索框
     main.classList.remove("show");
   });
 
-  // 监听打开搜索框的点击事件
+  main.addEventListener("click", (e) => {
+    const resultItem = e.target.closest(".searchbox-result-item");
+    if (resultItem) {
+      main.classList.remove("show");
+    }
+  });
+
   document.addEventListener("click", (e) => {
     if (e.target.closest(".navbar-main .search")) {
       main.classList.add("show");
       const inp = main.querySelector(".searchbox-input");
-      if (inp) inp.focus();
+      inp.focus();
 
-      // 优化点：Lazy Load - 打开时再请求数据
+      // Lazy Load - 打开时再请求数据
       fetchData();
     }
   });

package/source/js/main.js

@@ -180,10 +180,13 @@ function initializeTableOfContents() {
 function initLogic() {
   initializeTableOfContents();
   initializeTabs();
+  mediumZoom(".article img", {
+    background: "hsla(from var(--mantle) / 0.9)",
+  });
   if (document.getElementById("twikoo")) {
     setTimeout(() => {
       twikoo?.init(window.twikooConfig);
-    }, 1000);
+    }, 1500);
   }
 }