hexo-theme-gnix 8.0.0 → 10.0.0

package/source/img/favicon.svg

@@ -1,6 +1 @@
-<svg
-    xmlns="http://www.w3.org/2000/svg" version="1.1" width="256" height="256" viewbox="0 0 949 256">
-    <path fill="#2366d1" d="M110.85125168440814 128L221.70250336881628 192L110.85125168440814 256L0 192Z"/>
-    <path fill="#609dff" d="M110.85125168440814 64L221.70250336881628 128L110.85125168440814 192L0 128Z"/>
-    <path fill="#a4c7ff" d="M110.85125168440814 0L221.70250336881628 64L110.85125168440814 128L0 64Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"> <circle fill="#0821A8" cx="128" cy="128" r="128" /> </svg>

package/source/js/article-font-utils.js

@@ -0,0 +1,99 @@
+(() => {
+  function normalizeCustomFontImport(value) {
+    if (typeof value !== "string") return null;
+
+    var href = value.trim();
+    if (!href || /[\s<>"']/.test(href) || /^javascript:/i.test(href)) return null;
+    if (!/^(https?:)?\/\//i.test(href) && href.charAt(0) !== "/") return null;
+
+    return href;
+  }
+
+  function normalizeCustomFontFamily(value) {
+    if (typeof value !== "string") return null;
+
+    var family = value.trim();
+    if (!family || /[{};<>]/.test(family)) return null;
+
+    return family;
+  }
+
+  function normalizeCustomFonts(value, familyOptions, importLimit) {
+    var customFonts = value && typeof value === "object" ? value : {};
+    var sourceFamilies = customFonts.families && typeof customFonts.families === "object" ? customFonts.families : {};
+    var importSource = customFonts.imports;
+    var importValues = Array.isArray(importSource) ? importSource : typeof importSource === "string" ? importSource.split(/\r?\n/) : [];
+    var imports = [];
+    var families = {};
+    var limit = Number(importLimit);
+
+    if (!Number.isFinite(limit) || limit < 1) limit = 6;
+
+    importValues.forEach((item) => {
+      var href = normalizeCustomFontImport(item);
+      if (href && imports.indexOf(href) === -1 && imports.length < limit) {
+        imports.push(href);
+      }
+    });
+
+    Object.keys(familyOptions || {}).forEach((key) => {
+      var family = normalizeCustomFontFamily(sourceFamilies[key]);
+      if (family) families[key] = family;
+    });
+
+    return {
+      imports: imports,
+      families: families,
+    };
+  }
+
+  function applyCustomFontImports(imports, selector) {
+    var signature = Array.isArray(imports) ? imports.join("\n") : "";
+    var sel = selector || 'link[data-gnix-custom-font="true"]';
+    var currentLinks = [];
+
+    if (typeof document !== "undefined") {
+      currentLinks = Array.prototype.slice.call(document.querySelectorAll(sel));
+    }
+
+    var currentHrefs = currentLinks.map((link) => link.getAttribute("href") || link.href);
+
+    if (signature === applyCustomFontImports._signature && currentHrefs.length === (imports ? imports.length : 0) && (!imports || imports.every((href) => currentHrefs.indexOf(href) !== -1))) {
+      return;
+    }
+
+    currentLinks.forEach((link) => {
+      link.remove();
+    });
+    applyCustomFontImports._signature = signature;
+
+    if (!document || !document.head || !Array.isArray(imports)) return;
+
+    imports.forEach((href, index) => {
+      var link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = href;
+      link.setAttribute("data-gnix-custom-font", "true");
+      link.setAttribute("data-gnix-custom-font-index", String(index));
+      document.head.appendChild(link);
+    });
+  }
+
+  function applyCustomFontFamilies(html, families, familyOptions) {
+    Object.keys(familyOptions || {}).forEach((key) => {
+      if (families?.[key]) {
+        html.style.setProperty(familyOptions[key], families[key]);
+      } else {
+        html.style.removeProperty(familyOptions[key]);
+      }
+    });
+  }
+
+  window.__GNIX_ARTICLE_FONT_UTILS__ = {
+    normalizeCustomFontImport: normalizeCustomFontImport,
+    normalizeCustomFontFamily: normalizeCustomFontFamily,
+    normalizeCustomFonts: normalizeCustomFonts,
+    applyCustomFontImports: applyCustomFontImports,
+    applyCustomFontFamilies: applyCustomFontFamilies,
+  };
+})();

package/source/js/busuanzi.js

@@ -1,33 +1,100 @@
 !(() => {
   const TYPES = ["site_pv", "site_uv", "page_pv", "page_uv"];
+  const PAGE_TYPES = ["page_pv", "page_uv"];
   const STORAGE_KEY = "bsz-id";
+  const API = "https://bsz.dusays.com:9001/api";
   const BASE = { site_pv: 12801, site_uv: 2450 };
 
+  const getPagePathVariants = () => {
+    const path = location.pathname || "/";
+    let base = path;
+
+    if (path.endsWith("/index.html")) {
+      base = path.slice(0, -"/index.html".length) || "/";
+    } else if (path !== "/" && path.endsWith("/")) {
+      base = path.slice(0, -1);
+    } else if (/\/[^/]+\.[^/]+$/.test(path)) {
+      return [path];
+    }
+
+    if (base === "/") return ["/", "/index.html"];
+    return [base, `${base}/`, `${base}/index.html`];
+  };
+
+  const toReferer = (path) => `${location.origin}${path}`;
+
+  const unique = (values) => [...new Set(values)];
+
+  const request = (method, referer) =>
+    new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      xhr.open(method, API, true);
+
+      const token = localStorage.getItem(STORAGE_KEY);
+      token && xhr.setRequestHeader("Authorization", `Bearer ${token}`);
+      xhr.setRequestHeader("x-bsz-referer", referer);
+
+      xhr.onload = () => {
+        if (xhr.status !== 200) {
+          reject(new Error(`Busuanzi responded with ${xhr.status}`));
+          return;
+        }
+
+        let response;
+        try {
+          response = JSON.parse(xhr.responseText);
+        } catch (error) {
+          reject(error);
+          return;
+        }
+
+        const { success, data } = response;
+        if (!success) {
+          reject(new Error("Busuanzi request failed"));
+          return;
+        }
+
+        const newToken = xhr.getResponseHeader("Set-Bsz-Identity");
+        if (newToken) localStorage.setItem(STORAGE_KEY, newToken);
+
+        resolve(data || {});
+      };
+      xhr.onerror = () => reject(new Error("Busuanzi request failed"));
+      xhr.send();
+    });
+
+  const render = (data) => {
+    TYPES.forEach((type) => {
+      const el = document.getElementById(`busuanzi_${type}`);
+      if (el) el.innerHTML = (BASE[type] || 0) + (data[type] || 0);
+
+      const container = document.getElementById(`busuanzi_container_${type}`);
+      if (container) container.style.display = "inline";
+    });
+  };
+
   const update = () => {
-    const xhr = new XMLHttpRequest();
-    xhr.open("POST", "https://bsz.dusays.com:9001/api", true);
-
-    const token = localStorage.getItem(STORAGE_KEY);
-    token && xhr.setRequestHeader("Authorization", `Bearer ${token}`);
-    xhr.setRequestHeader("x-bsz-referer", location.href);
-
-    xhr.onload = () => {
-      if (xhr.status !== 200) return;
-      const { success, data } = JSON.parse(xhr.responseText);
-      if (!success) return;
-
-      TYPES.forEach((type) => {
-        const el = document.getElementById(`busuanzi_${type}`);
-        if (el) el.innerHTML = (BASE[type] || 0) + (data[type] || 0);
-
-        const container = document.getElementById(`busuanzi_container_${type}`);
-        if (container) container.style.display = "inline";
-      });
-
-      const newToken = xhr.getResponseHeader("Set-Bsz-Identity");
-      if (newToken) localStorage.setItem(STORAGE_KEY, newToken);
-    };
-    xhr.send();
+    request("POST", location.href)
+      .then((data) => {
+        const currentPath = location.pathname || "/";
+        const referers = unique(getPagePathVariants().map(toReferer)).filter((referer) => new URL(referer).pathname !== currentPath);
+        if (!referers.length) return data;
+
+        return Promise.all(referers.map((referer) => request("GET", referer).catch(() => null))).then((results) => {
+          const merged = { ...data };
+
+          results.forEach((result) => {
+            if (!result) return;
+            PAGE_TYPES.forEach((type) => {
+              merged[type] = (merged[type] || 0) + (result[type] || 0);
+            });
+          });
+
+          return merged;
+        });
+      })
+      .then(render)
+      .catch(() => {});
   };
 
   update();

package/source/js/components/chat.js

@@ -24,74 +24,77 @@
 const CHAT_STYLES = `
   :host {
     display: block;
-    font-family: var(--font-sans, sans-serif);
+    font-family: var(--article-font-family, var(--font-sans-serif, system-ui, sans-serif));
+    color: var(--text, #cdd6f4);
   }
 
   .chat-container {
     display: flex;
     flex-direction: column;
-    gap: 16px;
-    padding: 16px;
-    background: var(--base, #1e1e2e);
-    border-radius: 12px;
-    max-height: 500px;
+    gap: 22px;
+    padding: 4px 0;
+    max-height: 640px;
     overflow-y: auto;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
+    overscroll-behavior: contain;
+    scrollbar-width: thin;
+    scrollbar-color: hsl(from var(--text, #cdd6f4) h s l / 0.18) transparent;
   }
 
-  .chat-container::-webkit-scrollbar {
-    display: none;
+  .chat-container::-webkit-scrollbar { width: 6px; }
+  .chat-container::-webkit-scrollbar-thumb {
+    background: hsl(from var(--text, #cdd6f4) h s l / 0.18);
+    border-radius: 3px;
   }
+  .chat-container::-webkit-scrollbar-track { background: transparent; }
 
   .chat-message {
-    display: flex;
-    gap: 12px;
-    align-items: flex-start;
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    grid-template-areas:
+      "avatar header"
+      "avatar bubble";
+    column-gap: 12px;
+    row-gap: 6px;
+    align-items: start;
   }
 
   .chat-message.is-me {
-    flex-direction: row-reverse;
+    grid-template-columns: minmax(0, 1fr) auto;
+    grid-template-areas:
+      "header avatar"
+      "bubble avatar";
   }
 
-  .avatar {
-    width: 40px;
-    height: 40px;
+  .avatar,
+  .avatar-placeholder {
+    grid-area: avatar;
+    width: 36px;
+    height: 36px;
     border-radius: 50%;
-    object-fit: cover;
-    flex-shrink: 0;
+    align-self: start;
   }
 
+  .avatar { object-fit: cover; }
+
   .avatar-placeholder {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 18px;
+    font-size: 14px;
     font-weight: 600;
     color: var(--text, #cdd6f4);
-    flex-shrink: 0;
     background: var(--surface1, #45475a);
   }
 
-  .message-content {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    max-width: 70%;
-  }
-
-  .chat-message.is-me .message-content {
-    align-items: flex-end;
-  }
-
   .message-header {
+    grid-area: header;
     display: flex;
-    align-items: center;
+    align-items: baseline;
     gap: 8px;
+    padding: 2px 4px 0;
     font-size: 12px;
+    line-height: 1;
+    min-width: 0;
   }
 
   .chat-message.is-me .message-header {
@@ -101,39 +104,114 @@ const CHAT_STYLES = `
   .sender-name {
     font-weight: 600;
     color: var(--subtext1, #bac2de);
+    letter-spacing: 0.01em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .timestamp {
     color: var(--subtext0, #a6adc8);
     font-size: 11px;
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
   }
 
   .message-bubble {
+    grid-area: bubble;
+    max-width: min(620px, 100%);
+    justify-self: start;
     padding: 10px 14px;
-    border-radius: 16px;
-    background: var(--surface1, #45475a);
-    color: var(--text, #cdd6f4);
-    line-height: 1.5;
+    border-radius: 14px;
+    border-top-left-radius: 4px;
+    background: var(--surface0, #313244);
+    color: inherit;
     font-size: 14px;
-    word-wrap: break-word;
+    line-height: 1.65;
+    overflow-wrap: anywhere;
+    word-break: break-word;
   }
 
   .chat-message.is-me .message-bubble {
+    justify-self: end;
     background: var(--blue, #89b4fa);
     color: var(--base, #1e1e2e);
+    border-radius: 14px;
+    border-top-right-radius: 4px;
   }
 
+  .message-bubble > :first-child { margin-top: 0; }
+  .message-bubble > :last-child { margin-bottom: 0; }
+
+  .message-bubble p { margin: 0 0 8px; }
+
+  .message-bubble ul,
+  .message-bubble ol {
+    margin: 6px 0;
+    padding-left: 22px;
+  }
+
+  .message-bubble li { margin: 4px 0; }
+  .message-bubble li::marker { color: hsl(from currentColor h s l / 0.55); }
+
   .message-bubble a {
     color: var(--blue, #89b4fa);
     text-decoration: underline;
+    text-underline-offset: 2px;
+    text-decoration-thickness: 1px;
+  }
+
+  .chat-message.is-me .message-bubble a {
+    color: inherit;
+    text-decoration-color: hsl(from currentColor h s l / 0.4);
   }
 
   .message-bubble code {
     font-family: var(--font-mono, 'Maple Mono', 'Fira Code', monospace);
-    font-size: 13px;
-    background: var(--mantle, #181825);
-    padding: 2px 6px;
+    font-size: 0.875em;
+    padding: 1px 6px;
     border-radius: 4px;
+    background: hsl(from var(--mantle, #181825) h s l / 0.55);
+  }
+
+  .chat-message.is-me .message-bubble code {
+    background: hsl(from var(--base, #1e1e2e) h s l / 0.18);
+  }
+
+  .message-bubble hr {
+    margin: 12px 0;
+    border: 0;
+    height: 1px;
+    background: hsl(from currentColor h s l / 0.12);
+  }
+
+  .message-bubble kbd {
+    display: inline-block;
+    padding: 1px 6px;
+    font-family: var(--font-mono, monospace);
+    font-size: 0.78em;
+    border: 1px solid hsl(from currentColor h s l / 0.3);
+    border-radius: 4px;
+    background: hsl(from currentColor h s l / 0.05);
+    vertical-align: baseline;
+  }
+
+  .message-bubble strong { font-weight: 600; }
+
+  .message-bubble .chat-heading {
+    display: block;
+    margin: 14px 0 6px;
+    font-size: 15px;
+    font-weight: 700;
+    letter-spacing: 0.01em;
+    line-height: 1.4;
+  }
+
+  .message-bubble .chat-heading:first-child { margin-top: 0; }
+
+  .message-bubble .chat-heading code {
+    font-size: 13px;
+    padding: 1px 5px;
   }
 
   .empty-state {
@@ -141,6 +219,49 @@ const CHAT_STYLES = `
     padding: 40px 20px;
     color: var(--subtext0, #a6adc8);
   }
+
+  @media (max-width: 640px) {
+    .chat-container {
+      gap: 16px;
+      max-height: 75vh;
+    }
+
+    .chat-message {
+      grid-template-areas:
+        "avatar header"
+        "bubble bubble";
+      column-gap: 8px;
+      row-gap: 4px;
+    }
+
+    .chat-message.is-me {
+      grid-template-areas:
+        "header avatar"
+        "bubble bubble";
+    }
+
+    .avatar,
+    .avatar-placeholder {
+      width: 26px;
+      height: 26px;
+      align-self: center;
+    }
+
+    .avatar-placeholder { font-size: 11px; }
+
+    .message-header {
+      align-items: center;
+      padding-top: 0;
+    }
+
+    .message-bubble,
+    .chat-message.is-me .message-bubble {
+      max-width: 100%;
+      justify-self: stretch;
+      border-radius: 12px;
+      padding: 9px 12px;
+    }
+  }
 `;
 
 class Chat extends HTMLElement {
@@ -195,13 +316,11 @@ class Chat extends HTMLElement {
     return `
       <div class="chat-message ${msg.isMe ? "is-me" : ""}">
         ${avatarHTML}
-        <div class="message-content">
-          <div class="message-header">
-            <span class="sender-name">${msg.name}</span>
-            <span class="timestamp">${msg.timestamp}</span>
-          </div>
-          <div class="message-bubble">${msg.content}</div>
+        <div class="message-header">
+          <span class="sender-name">${msg.name}</span>
+          <span class="timestamp">${msg.timestamp}</span>
         </div>
+        <div class="message-bubble">${msg.content}</div>
       </div>
     `;
   }