hexo-theme-stellar 1.37.0 → 1.38.0

package/source/css/_defines/theme_base.styl

@@ -62,6 +62,25 @@ x-set-text-colors($scheme, $p0 = 1, $p1 = 0.8, $p2 = 0.7, $p3 = 0.5, $p4 = 0.4)
   --block-border: x-hsla($hue, $sat, $light, $alpha * 1.5)
 
 
+// ========== 通用主题色渐变 ==========
+// 约定：渐变颜色通过 --item-theme 提供，未设置时回退到站点主题色 var(--theme)；
+// 淡色变体为 --item-theme-light（默认与白色混合 50%）；角度默认取 style.gradient.angle。
+// 注意：局部覆盖 --item-theme 的元素需同时设置 --item-theme-light（如 x-theme-light()），
+// 否则淡色变体仍沿用 :root 上的主题色。
+// 用法示例：
+//   .foo
+//     --item-theme: #1BCDFC                            // 可选，默认使用站点主题色
+//     background: x-theme-gradient()                   // 右上角淡色 → 左下角主色，停止点 20% / 60%
+//     background: x-theme-gradient(30%, 70%, 25%)      // 自定义停止点与淡色比例
+// 图标渐变（SVG）：元素内放置 <svg class="grad-def">…<linearGradient …/></svg>，
+// 并设置 --item-grad:url(#渐变id)，然后对子元素使用 fill:var(--item-grad)。
+x-theme-light($color = unquote('var(--item-theme)'), $ratio = 50%)
+  return unquote('color-mix(in srgb, %s %s, #fff)' % ($color $ratio))
+
+x-theme-gradient($color = unquote('var(--item-theme)'), $start = 20%, $end = 60%, $light-ratio = 50%, $angle = convert(hexo-config('style.gradient.angle')) or 225deg)
+  $light = x-theme-light($color, $light-ratio)
+  return unquote('linear-gradient(%s, %s %s, %s %s)' % ($angle $light $start $color $end))
+
 // ---------------- apply theme ----------------
 // 设置浅色模式
 dynamic-theme-light()
@@ -92,6 +111,9 @@ dynamic-theme-dark()
   --accent: $c-accent
   // 链接
   x-set-link-with-color($c-link)
+  // 通用渐变颜色（局部可用 --item-theme 覆盖）
+  --item-theme: var(--theme)
+  --item-theme-light: x-theme-light()
 
   // dynamic colors
   dynamic-theme-light()
@@ -103,4 +125,3 @@ dynamic-theme-dark()
   dynamic-theme-light()
 :root[data-theme="dark"]
   dynamic-theme-dark()
-

package/source/css/_plugins/comments/artalk.styl

@@ -48,6 +48,7 @@
     padding: 0
   .atk-avatar img
     border-radius: 50%
+    corner-shape: round
     width: 36px
     height: 36px
   .atk-comment-wrap>.atk-comment>.atk-main
@@ -158,7 +159,6 @@
     >img
       margin: var(--gap-p) auto
       border-radius: $border-image-s
-      corner-shape: superellipse(1.2)
   a>img
     display: inline
   img[atk-emoticon]
@@ -180,4 +180,4 @@
     a
       --at-color-main: var(--link)
     pre>code
-      padding: 0
+      padding: 0

package/source/css/_plugins/comments/twikoo.styl

@@ -6,7 +6,6 @@
     .vemoji, .tk-owo-emotion
       width: unset
       border-radius: $border-image-s
-      corner-shape: superellipse(1.2)
       max-height: 24px
       max-width: 100px
       display: inline
@@ -15,7 +14,6 @@
       max-width: 400px
       max-height: 400px
       border-radius: $border-image-s
-      corner-shape: superellipse(1.2)
 
 .OwO
   .OwO-body

package/source/css/_plugins/tianli_gpt.styl

@@ -64,6 +64,7 @@
 #post-ai .ai-cursor
   display inline-block
   border-radius 50%
+  corner-shape round
   background var(--ai-cursor)
   width: 12px
   height: 12px
@@ -167,6 +168,7 @@
   background var(--ai-font-color)
   margin-left 7px
   border-radius 50%
+  corner-shape round
   display flex
   flex-direction row
   flex-wrap wrap
@@ -186,6 +188,7 @@
   background var(--ai-speech-content)
   height 8px
   border-radius 50%
+  corner-shape round
   -webkit-transition .3s
   -moz-transition .3s
   -o-transition .3s

package/source/js/main.js

@@ -207,6 +207,22 @@ const init = {
       sidebar.dismiss();
     });
   },
+  wikiStart: () => {
+    utils.dom('#l_cover .l_cover.wiki .start-wrap a.button.start').click(function (e) {
+      const href = this.getAttribute("href");
+      const id = href && href.indexOf("#") === 0 ? decodeURIComponent(href.slice(1)) : null;
+      const target = id && document.getElementById(id);
+      if (target) {
+        e.preventDefault();
+        // #start 锚点贴顶滚动，不预留 offset
+        const offset = 0;
+        smoothScrollTo(target.getBoundingClientRect().top + window.scrollY - offset);
+        if (window.history && window.history.pushState) {
+          window.history.pushState(null, "", href);
+        }
+      }
+    });
+  },
   leftbarScroll: () => {
     const container = document.querySelector('.l_left .widgets');
     if (container == null) {
@@ -301,13 +317,21 @@ const init = {
 
   canonicalCheck: () => {
     const canonical = window.canonical;
+    // 真实主站域名优先从 encoded（base64）反解，避免被「批量替换域名」的克隆站把提示指向自己
+    const getOriginalHost = () => {
+      try {
+        return atob(canonical.encoded || '') || canonical.originalHost || '';
+      } catch (e) {
+        return canonical.originalHost || '';
+      }
+    };
     function originStatusCheck() {
       return new Promise((resolve) => {
-        if (window.canonical.originalHost === window.location.hostname) {
+        if (getOriginalHost() === window.location.hostname) {
           resolve(true);
           return;
         }
-        const scriptUrl = `https://${window.canonical.originalHost}${window.canonical.param.checklink}`;
+        const scriptUrl = `https://${getOriginalHost()}${window.canonical.param.checklink}`;
         const script = document.createElement('script');
         script.src = scriptUrl;
         script.type = 'text/javascript';
@@ -322,18 +346,23 @@ const init = {
       meta.content = 'noindex, nofollow';
       document.head.appendChild(meta);
       const notice = document.createElement('div');
-      const originalURL = `https://${canonical.originalHost}`;
-      const currentURL = canonical.param.permalink.startsWith("http") ? canonical.param.permalink : originalURL;
+      const originalURL = `https://${getOriginalHost()}`;
+      let currentURL = originalURL;
+      if (canonical.param.permalink && canonical.param.permalink.startsWith("http")) {
+        try {
+          const permalinkURL = new URL(canonical.param.permalink);
+          currentURL = `${originalURL}${permalinkURL.pathname}${permalinkURL.search}`;
+        } catch (e) {
+          // permalink 异常时退回源站首页
+        }
+      }
       if (isOfficial) {
-        const closeEnable = window.localStorage.getItem('Stellar.canonical.closeEnable') === 'true'
-        const closedToday = window.localStorage.getItem('Stellar.canonical.closeTime') === new Date().toDateString()
-        if ((closeEnable && closedToday) || !(await originStatusCheck())) return;
+        if (!(await originStatusCheck())) return;
         notice.className = 'canonical-tip official';
         notice.innerHTML = `
           <a href="${currentURL}" target="_self" rel="noopener noreferrer">
           本站为官方备用站，仅供应急。点击移步主站<br>${originalURL}
           </a>
-          ${canonical.closeEnable ? '<button id="canonical-close">' + canonical.closeText || '关闭提示' + '</button>' : ''}
         `;
       } else {
         notice.className = 'canonical-tip unofficial';
@@ -346,16 +375,8 @@ const init = {
         `;
       }
       document.body.appendChild(notice);
-      const closeBtn = notice.querySelector('#canonical-close');
-      if (closeBtn) {
-        closeBtn.addEventListener('click', function () {
-          window.localStorage.setItem('Stellar.canonical.closeEnable', "true")
-          window.localStorage.setItem('Stellar.canonical.closeTime', new Date().toDateString())
-          notice.style.display = 'none';
-        });
-      }
     }
-    if (!canonical.originalHost) return;
+    if (!getOriginalHost()) return;
     const currentURL = new URL(window.location.href);
     const currentHost = currentURL.hostname.replace(/^www\./, '');
     if (currentHost == 'localhost') return;
@@ -395,6 +416,7 @@ window.stellar = window.stellar || {};
 stellar.initPage = function () {
   init.toc();
   init.sidebar();
+  init.wikiStart();
   init.leftbarScroll();
   init.relativeDate(document.querySelectorAll('#post-meta time'));
   init.registerTabsTag();

package/source/js/services/memos.js

@@ -48,7 +48,8 @@
           let user = memos.users.find(user => user.id === parseInt(creatorId));
           if (!user) {
             if (!memos.requests[creatorId]) {
-              memos.requests[creatorId] = fetch(`${memos.site}/api/v1/users/${creatorId}`)
+              // 走统一请求入口，用户详情同样纳入本地缓存（service: memos-user）
+              memos.requests[creatorId] = utils.requestWithoutLoading(`${memos.site}/api/v1/users/${creatorId}`, { service: 'memos-user' })
                   .then(response => response.json())
                   .then(data => {
                     if (data.username) {
@@ -58,6 +59,10 @@
                       user = null;
                     }
                   })
+                  .catch(() => {
+                    // 用户详情失败时回退默认昵称/头像，不阻塞 memo 渲染
+                    user = null;
+                  })
                   .finally(() => delete memos.requests[creatorId]);
             }
             await memos.requests[creatorId];
@@ -78,7 +83,8 @@
           let user = memos.users.find(user => user.name.split('/')[1] === creatorId);
           if (!user) {
             if (!memos.requests[creatorId]) {
-              memos.requests[creatorId] = fetch(`${memos.site}/api/v1/users/${creatorId}`)
+              // 走统一请求入口，用户详情同样纳入本地缓存（service: memos-user）
+              memos.requests[creatorId] = utils.requestWithoutLoading(`${memos.site}/api/v1/users/${creatorId}`, { service: 'memos-user' })
                   .then(response => response.json())
                   .then(data => {
                     if (data.username) {
@@ -88,12 +94,15 @@
                       user = null;
                     }
                   })
+                  .catch(() => {
+                    // 用户详情失败时回退默认昵称/头像，不阻塞 memo 渲染
+                    user = null;
+                  })
                   .finally(() => delete memos.requests[creatorId]);
             }
             await memos.requests[creatorId];
             user = memos.users.find(user => user.name.split('/')[1] === creatorId);
           }
-          console.log(JSON.stringify(user));
           const name = user ? user.displayName || user.username : 'memos';
           const avatarUrl = user?.avatarUrl ? `${memos.site}${user.avatarUrl}` : default_avatar || '';
           return `<div class="user-info">${avatarUrl ? `<img src="${avatarUrl}">` : ''}<span>${name}</span></div>`;