hexo-theme-solitude 3.0.11 → 3.0.12

package/_config.yml

@@ -977,34 +977,34 @@ CDN:
   custom_format: https://fastly.jsdelivr.net/npm/${name}@${version}/${min_file} # 自定义格式
   # 直接覆盖默认 CDN 链接（优先级最高）
   options:
-    # algolia_search
-    # aplayer_css
-    # aplayer_js
-    # artalk_css
-    # artalk_js
-    # blueimp_md5
-    # busuanzi_js
-    # chart_js
-    # color_thief
-    # fancyapps_css
-    # fancyapps_ui
-    # fontawesome
-    # instantsearch
-    # katex
-    # katex_copytex
-    # lazyload
-    # medium_zoom
-    # mermaid_js
-    # meting_js
-    # pace_js
-    # pjax
-    # qrcode
-    # snackbar
-    # swiper_css
-    # swiper_js
-    # twikoo
-    # typeit_js
-    # valine
-    # waline_css
-    # waline_js
+    # algolia_search:
+    # aplayer_css:
+    # aplayer_js:
+    # artalk_css:
+    # artalk_js:
+    # blueimp_md5:
+    # busuanzi_js:
+    # chart_js:
+    # color_thief:
+    # fancyapps_css:
+    # fancyapps_ui:
+    # fontawesome:
+    # instantsearch:
+    # katex:
+    # katex_copytex:
+    # lazyload:
+    # medium_zoom:
+    # mermaid_js:
+    # meting_js:
+    # pace_js:
+    # pjax:
+    # qrcode:
+    # snackbar:
+    # swiper_css:
+    # swiper_js:
+    # twikoo:
+    # typeit_js:
+    # valine:
+    # waline_css:
+    # waline_js:
 # --------------------------- end ---------------------------

package/layout/includes/widgets/page/about/award.pug

@@ -18,7 +18,7 @@ if site.data.about.rewardList && site.data.about.award.enable
                                 if reward.icon
                                     i.solitude(class=reward.icon)
                                 | ¥ #{reward.money}
-                            time.datatime.reward-list-item-time(datetime=moment(reward.time).format())
+                            time.datetime.reward-list-item-time(datetime=moment(reward.time).format())
                 if theme.post.award.enable
                     .post-reward
                         .post-reward(onclick="AddRewardMask()")

package/layout/includes/widgets/sidebar/artalk.pug

@@ -8,6 +8,6 @@ script(pjax).
     const searchParams = new URLSearchParams({'site_name': "!{site}", 'limit': '-1'})
     await fetch(`!{server}/api/v2/stats/latest_comments?${searchParams}`, {method: 'GET'}).then(async res => res.json())
       .then(async data => {
-        document.querySelector('#artalk_allcount').innerHTML = data.length
+        document.querySelector('#artalk_allcount').innerHTML = data.data.length;
       })
   })()

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "hexo-theme-solitude",
-  "version": "3.0.11",
+  "version": "3.0.12",
   "description": "A beautiful, powerful, and efficient Hexo theme developed by everfu.",
   "main": "package.json",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "keywords": [
     "hexo",
     "theme",
@@ -29,5 +26,8 @@
   },
   "homepage": "https://solitude.js.org",
   "author": "Hexo-Theme-Solitude<o@efu.me>",
-  "license": "Apache-2.0"
-}
+  "license": "Apache-2.0",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

package/plugins.yml

@@ -7,12 +7,12 @@ instantsearch:
   file: dist/instantsearch.production.min.js
   version: 4.75.7
 docsearch_css:
-  name: '@docsearch/css'
+  name: "@docsearch/css"
   other_name: docsearch-css
   file: dist/style.css
   version: 3.8.2
 docsearch_js:
-  name: '@docsearch/js'
+  name: "@docsearch/js"
   other_name: docsearch-js
   file: dist/umd/index.js
   version: 3.8.2
@@ -25,12 +25,12 @@ twikoo:
   file: dist/twikoo.all.min.js
   version: 1.6.41
 waline_js:
-  name: '@waline/client'
+  name: "@waline/client"
   file: dist/waline.js
   other_name: waline
   version: 3.4.3
 waline_css:
-  name: '@waline/client'
+  name: "@waline/client"
   file: dist/waline.css
   version: 3.4.3
   other_name: waline
@@ -96,7 +96,7 @@ snackbar:
   file: dist/snackbar.min.js
   version: 0.1.16
 fontawesome:
-  name: '@fortawesome/fontawesome-free'
+  name: "@fortawesome/fontawesome-free"
   file: css/all.min.css
   version: 6.7.2
   other_name: font-awesome
@@ -105,12 +105,12 @@ medium_zoom:
   file: dist/medium-zoom.min.js
   version: 1.1.0
 fancyapps_ui:
-  name: '@fancyapps/ui'
+  name: "@fancyapps/ui"
   file: dist/fancybox/fancybox.umd.js
   version: 5.0.36
   other_name: fancyapps-ui
 fancyapps_css:
-  name: '@fancyapps/ui'
+  name: "@fancyapps/ui"
   file: dist/fancybox/fancybox.css
   version: 5.0.36
   other_name: fancyapps-ui
@@ -125,7 +125,7 @@ chart_js:
   other_name: Chart.js
 typeit_js:
   name: typeit
-  file: dist/index.umd.min.js
+  file: dist/index.umd.js
   version: 8.8.7
   other_name: typeit
 blueimp_md5:

package/source/css/_page/_about/reward.styl

@@ -18,12 +18,12 @@
         display flex
         flex-wrap wrap
         flex-direction row
-        margin 1rem -.25rem .5rem
+        margin 1rem -.125rem .5rem
 
         .post-reward
           position absolute
-          right 2rem
-          top 2rem
+          right 1rem
+          top 1rem
 
           .reward-main
             top 60px
@@ -57,26 +57,27 @@
           padding 1rem
           border-radius 12px
           border var(--style-border-always)
-          width calc((100% / 6) - .5rem)
-          margin 0 .25rem .5rem .25rem
+          width calc((100% / 6) - .25rem)
+          margin 0 .125rem .5rem .125rem
           box-shadow var(--efu-shadow-border)
+          display flex
           flex-direction column
           justify-content space-between
 
           +maxWidth1200()
-            width calc((100% / 4) - .5rem)
+            width calc((100% / 4) - .25rem)
 
           +maxWidth900()
-            width calc((100% / 2) - .5rem)
+            width calc((100% / 2) - .25rem)
 
           +maxWidth768()
-            width 100%
+            width calc((100% / 2) - .25rem)
 
           .reward-list-item-name
             font-size 1rem
             font-weight 700
             line-height 1
-            margin-bottom .5rem
+            margin-bottom .25rem
             white-space nowrap
             overflow hidden
             text-overflow ellipsis
@@ -96,12 +97,12 @@
             align-items center
             justify-content center
             border-radius 4px
-            margin-right 4px
+            margin-right 2px
             white-space nowrap
 
             .solitude
               font-size 14px
-              margin-right 4px
+              margin-right 2px
               color var(--efu-card-bg)
 
           .reward-list-item-time
@@ -112,4 +113,4 @@
     .reward-list-tips
       p
         font-size 12px
-        color var(--efu-secondtext)
+        color var (--efu-secondtext)

package/source/css/_post/index.styl

@@ -104,8 +104,8 @@ if hexo-config('post.ai.enable')
 
   .char
     display inline-block
-    opacity 0ai-explanation
-    animation chat-float .3s ease forwards;
+    opacity 0
+    animation chat-float .5s ease forwards;
 
   @keyframes chat-float
     0% 

package/source/css/_tags/gallery.styl

@@ -95,6 +95,7 @@
     display flex
     gap .5rem
     margin-top .5rem
+    flex-wrap wrap
 
   .gallery-item
     min-height 5rem

package/source/css/_tags/tabs.styl

@@ -10,6 +10,7 @@
     margin-bottom .5rem
     padding .3rem .5rem
     gap .5rem
+    flex-wrap wrap
 
     .tab
       border-radius 6px
@@ -43,4 +44,4 @@
     .tab-item-content
       display none
       opacity 0
-      transform translateY(-10px)
+      transform translateY(-10px)

package/source/js/post_ai.js

@@ -3,58 +3,116 @@ class AIPostRenderer {
   static AI_EXPLANATION_SELECTOR = ".ai-explanation";
   static AI_TAG_SELECTOR = ".ai-tag";
 
+  constructor() {
+    this.startTextAnimation = this.startTextAnimation.bind(this);
+    this.animationFrame = null;
+  }
+
   init() {
-    this.tagElement = document.querySelector(AIPostRenderer.AI_TAG_SELECTOR);
-    this.isAnimating = false;
-    this.aiContent = PAGE_CONFIG?.ai_text || "";
-    this.explanationElement = document.querySelector(
-      AIPostRenderer.AI_EXPLANATION_SELECTOR
-    );
-    this.renderAIContent();
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", this.initialize.bind(this));
+    } else {
+      this.initialize();
+    }
   }
 
-  renderAIContent() {
-    if (!this.validateElements() || !this.aiContent) return;
+  initialize() {
+    this.cacheElements();
+    this.validateContent() && this.renderAIContent();
+  }
 
-    this.prepareAnimation();
-    this.startTextAnimation();
+  cacheElements() {
+    this.refs = new WeakMap();
+    this.refs.set(document, {
+      explanationElement: document.querySelector(
+        AIPostRenderer.AI_EXPLANATION_SELECTOR
+      ),
+      tagElement: document.querySelector(AIPostRenderer.AI_TAG_SELECTOR),
+    });
+
+    const { explanationElement, tagElement } = this.refs.get(document) || {};
+    this.explanationElement = explanationElement;
+    this.tagElement = tagElement;
   }
 
-  validateElements() {
-    return this.explanationElement && this.tagElement && !this.isAnimating;
+  validateContent() {
+    return !!(
+      this.explanationElement &&
+      this.tagElement &&
+      this.aiContent.length &&
+      !this.isAnimating
+    );
+  }
+
+  renderAIContent() {
+    this.prepareAnimation();
+    this.animationFrame = requestAnimationFrame(() =>
+      this.startTextAnimation(0)
+    );
   }
 
   prepareAnimation() {
     this.isAnimating = true;
     this.tagElement.classList.add("loadingAI");
-    this.explanationElement.innerHTML = "";
+    this.explanationElement.textContent = "";
   }
 
-  startTextAnimation() {
-    const animate = (index) => {
-      if (index >= this.aiContent.length) {
-        this.completeAnimation();
-        return;
-      }
-
-      this.appendCharacter(this.aiContent[index]);
-      setTimeout(() => animate(index + 1), AIPostRenderer.ANIMATION_DELAY_MS);
-    };
+  startTextAnimation(index) {
+    if (index >= this.aiContent.length) {
+      this.completeAnimation();
+      return;
+    }
 
-    animate(0);
+    this.appendCharacter(this.aiContent[index]);
+    this.animationFrame = requestAnimationFrame(() =>
+      this.startTextAnimation(index + 1)
+    );
   }
 
   appendCharacter(char) {
+    if (!this.fragment) this.fragment = document.createDocumentFragment();
+
     const charElement = document.createElement("span");
     charElement.className = "char";
     charElement.textContent = char;
-    this.explanationElement.appendChild(charElement);
+    this.fragment.appendChild(charElement);
+
+    if (this.fragment.childNodes.length % 1 === 0) {
+      this.explanationElement.appendChild(this.fragment);
+      this.fragment = null;
+    }
   }
 
   completeAnimation() {
+    if (this.fragment) {
+      this.explanationElement.appendChild(this.fragment);
+      this.fragment = null;
+    }
+
+    cancelAnimationFrame(this.animationFrame);
     this.isAnimating = false;
     this.tagElement.classList.remove("loadingAI");
+
+    const event = new CustomEvent("aiRenderComplete", {
+      detail: { element: this.explanationElement },
+    });
+    document.dispatchEvent(event);
+  }
+
+  get aiContent() {
+    return PAGE_CONFIG?.ai_text || "";
   }
 }
 
-const ai = new AIPostRenderer();
+const aiPostRenderer = (() => {
+  let instance;
+  return () => {
+    if (!instance) {
+      instance = new AIPostRenderer();
+      instance.init();
+    }
+    return instance;
+  };
+})();
+
+const ai = aiPostRenderer();