hexo-theme-solitude 1.4.6 → 1.4.7

package/source/css/_global/animation.styl

@@ -0,0 +1,307 @@
+@keyframes barrageIn
+  0%
+    transform translateY(20px)
+    opacity 0
+  100%
+    transform translateY(0)
+    opacity 1
+
+@keyframes barrageOut
+  0%
+    transform translateY(0)
+    opacity 1
+  100%
+    transform translateY(20px)
+    opacity 0
+
+@keyframes scroll-down-effect
+  0%
+    top 0
+    opacity .4
+  50%
+    top -16px
+    opacity 1
+    filter none
+  100%
+    top 0
+    opacity .4
+
+@keyframes header-effect
+  0%
+    opacity 0
+    transform translateY(-50px)
+  100%
+    opacity 1
+    filter none
+    transform translateY(0)
+
+@keyframes headerNoOpacity
+  0%
+    transform translateY(-50px)
+  100%
+    transform translateY(0)
+
+@keyframes bottom-top
+  0%
+    opacity 0
+    margin-top 50px
+  100%
+    opacity 1
+    filter none
+    margin-top 0
+
+@keyframes titlescale
+  0%
+    opacity 0
+    transform scale(.7)
+  100%
+    opacity 1
+    filter none
+    transform scale(1)
+
+@keyframes search_close
+  0%
+    transform translateY(0)
+    opacity 1
+  100%
+    transform translateY(20px)
+    opacity 0
+
+@keyframes to_show
+  0%
+    opacity 0
+  100%
+    opacity 1
+    filter none
+
+@keyframes to_hide
+  0%
+    opacity 1
+    filter none
+  100%
+    opacity 0
+
+@keyframes ribbon_to_show
+  0%
+    opacity 0
+  100%
+    opacity .6
+
+@keyframes avatar_turn_around
+  0%
+    transform rotate(0)
+  100%
+    transform rotate(360deg)
+
+@keyframes sub_menus
+  0%
+    opacity 0
+    transform translateY(10px)
+  100%
+    opacity 1
+    filter none
+    transform translateY(0)
+
+@keyframes donate_effcet
+  0%
+    opacity 0
+    transform translateY(-20px)
+  100%
+    opacity 1
+    filter none
+    transform translateY(0)
+
+@keyframes announ_animation
+  0%, 100%
+    transform scale(1)
+    filter blur(0)
+  50%
+    transform scale(1.2)
+    filter blur(20px)
+
+@keyframes sidebarItem
+  0%
+    transform translateX(200px)
+  100%
+    transform translateX(0)
+
+@keyframes sco-spin
+  0%
+    transform rotate(0)
+  100%
+    transform rotate(360deg)
+
+@keyframes code-expand-key
+  0%
+    opacity .6
+  50%
+    opacity .1
+  100%
+    opacity .6
+
+@keyframes slide-in
+  from
+    transform translateY(20px)
+    opacity 0
+  to
+    transform translateY(0)
+    opacity 1
+
+@keyframes slide-in-op
+  from
+    opacity 0
+  to
+    opacity 1
+
+@keyframes more-btn-move
+  0%, 100%
+    transform translateX(0)
+  50%
+    transform translateX(3px)
+
+@keyframes toc-open
+  0%
+    transform scale(.7)
+  100%
+    transform scale(1)
+
+@keyframes toc-close
+  0%
+    transform scale(1)
+  100%
+    transform scale(.7)
+
+@keyframes configure-clockwise
+  0%
+    transform rotate(0)
+  25%
+    transform rotate(90deg)
+  50%
+    transform rotate(180deg)
+  75%
+    transform rotate(270deg)
+  100%
+    transform rotate(360deg)
+
+@keyframes configure-xclockwise
+  0%
+    transform rotate(45deg)
+  25%
+    transform rotate(-45deg)
+  50%
+    transform rotate(-135deg)
+  75%
+    transform rotate(-225deg)
+  100%
+    transform rotate(-315deg)
+
+@keyframes tabshow
+  0%
+    transform translateY(15px)
+  100%
+    transform translateY(0)
+
+@keyframes snackbar-progress
+  from
+    width 0
+  to
+    width 100%
+
+@keyframes move-forever
+  0%
+    transform translate3d(-90px, 0, 0)
+  100%
+    transform translate3d(85px, 0, 0)
+
+@keyframes rowup
+  from
+    transform translateX(0)
+  to
+    transform translateX(-50%)
+
+@keyframes gradient
+  0%
+    background-position 0 50%
+  50%
+    background-position 100% 50%
+  100%
+    background-position 0 50%
+
+@keyframes commonTipsIn
+  0%
+    top -50px
+    opacity 0
+  100%
+    top -60px
+    opacity 1
+
+@keyframes commonTriangleIn
+  0%
+    transform translate(-50%, -36px)
+    opacity 0
+  100%
+    transform translate(-50%, -46px)
+    opacity 1
+
+@keyframes owoIn
+  0%
+    transform translate(0, -95%)
+    opacity 0
+  100%
+    transform translate(0, -105%)
+    opacity 1
+
+@keyframes light_tag
+  0%
+    transform skewx(0)
+    -o-transform skewx(0)
+    -moz-transform skewx(0)
+    -webkit-transform skewx(0)
+    left -150px
+  99%
+    transform skewx(-25deg)
+    -o-transform skewx(-25deg)
+    -moz-transform skewx(-25deg)
+    -webkit-transform skewx(-25deg)
+    left 50px
+
+@keyframes floating
+  0%
+    transform translate(0, -4px)
+  50%
+    transform translate(0, 4px)
+  100%
+    transform translate(0, -4px)
+
+@media screen and (min-width: 768px)
+  @keyframes showCover
+    from
+      opacity 0
+      transform rotate(10deg) translateY(-8%) scale(1.8)
+    to
+      opacity 0.5
+      transform rotate(10deg) translateY(-10%) scale(2)
+
+@keyframes blinking-cursor
+  0%
+    transform scale(.6)
+  25%
+    transform scale(1)
+  50%
+    transform scale(.6)
+  75%
+    transform scale(1)
+  100%
+    transform scale(.6)
+
+@keyframes AILoading
+  0%
+    opacity 1
+  25%
+    opacity .3
+  50%
+    opacity 1
+  75%
+    opacity .3
+  100%
+    opacity 1

package/source/css/_page/index.styl

@@ -8,8 +8,6 @@
 
 @import "error.styl"
 
-@import "rss.styl"
-
 if hexo-config('moments.enable')
   @import "moment.styl"
 

package/source/css/index.styl

@@ -4,7 +4,6 @@ if hexo-config('css_prefix')
   @import 'nib'
 
 // project
-@import '_global/animation.css'
 @import '_global/*'
 @import '_layout/*'
 @import '_page/index.styl'

package/source/js/comment/twikoo_commentBarrage.js

@@ -1,117 +1,116 @@
 function initializeCommentBarrage() {
     window.commentBarrageInitialized = !0;
-    let e = {
+    const e = {
         maxBarrage: 1,
         barrageTime: 8e3,
         twikooUrl: GLOBAL_CONFIG.comment.twikoo.url,
         pageUrl: window.location.pathname,
         accessToken: GLOBAL_CONFIG.comment.twikoo.accessToken,
     };
-    new class {
-        commentInterval = null
 
-        constructor(e) {
+    class CommentBarrage {
+        constructor(config) {
             this.config = {
-                ...e,
+                ...config,
                 barrageTimer: [],
                 barrageList: [],
                 barrageIndex: 0,
                 dom: document.querySelector(".comment-barrage")
-            },
-                this.commentInterval = null,
-                this.hoverOnCommentBarrage = !1,
-                this.init()
+            };
+            this.commentInterval = null;
+            this.hoverOnCommentBarrage = false;
+            this.init();
         }
 
         async fetchComments() {
-            return fetch(this.config.twikooUrl, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json"
-                },
-                body: JSON.stringify({
-                    event: "COMMENT_GET",
-                    accessToken: this.config.accessToken,
-                    url: this.config.pageUrl
-                })
-            }).then((e => {
-                    if (!e.ok)
-                        throw Error("HTTP error! status: " + e.status);
-                    return e.json()
+            try {
+                const response = await fetch(this.config.twikooUrl, {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": "application/json"
+                    },
+                    body: JSON.stringify({
+                        event: "COMMENT_GET",
+                        accessToken: this.config.accessToken,
+                        url: this.config.pageUrl
+                    })
+                });
+                if (!response.ok) {
+                    throw new Error("HTTP error! status: " + response.status);
                 }
-            )).then((e => e.data)).catch((e => console.error("An error occurred while fetching comments: ", e)))
+                const data = await response.json();
+                return data.data;
+            } catch (error) {
+                console.error("An error occurred while fetching comments: ", error);
+            }
         }
 
-        commentLinkFilter(e) {
-            e.sort(((e, t) => e.created - t.created));
-            let t = [];
-            return e.forEach((e => {
-                    t.push(...this.getCommentReplies(e))
-                }
-            )),
-                t
+        commentLinkFilter(comments) {
+            comments.sort((a, b) => a.created - b.created);
+            let filteredComments = [];
+            comments.forEach(comment => {
+                filteredComments.push(...this.getCommentReplies(comment));
+            });
+            return filteredComments;
         }
 
-        getCommentReplies(e) {
-            if (e.replies) {
-                let comments = [e];
-                e.replies.forEach((reply) => {
+        getCommentReplies(comment) {
+            let comments = [comment];
+            if (comment.replies) {
+                comment.replies.forEach(reply => {
                     comments.push(...this.getCommentReplies(reply));
                 });
-                return comments;
             }
-            return [];
+            return comments;
         }
 
-
-        processCommentContent(e) {
-            const t = e.replace(/<blockquote\b[^>]*>[\s\S]*?<\/blockquote>/gi, "")
-                , r = t.replace(/<[^>]*>/g, "").replace(/\n/g, " ");
-            return "" === t.trim() ? "" : `<p>${r}</p>`
+        processCommentContent(comment) {
+            const strippedContent = comment.replace(/<blockquote\b[^>]*>[\s\S]*?<\/blockquote>/gi, "");
+            const plainText = strippedContent.replace(/<[^>]*>/g, "").replace(/\n/g, " ");
+            return plainText.trim() !== "" ? `<p>${plainText}</p>` : "";
         }
 
-        popCommentBarrage(e) {
-            var commentContent = this.processCommentContent(e.comment);
-
+        popCommentBarrage(comment) {
+            const commentContent = this.processCommentContent(comment.comment);
             if (!commentContent.trim()) {
                 return false;
             }
-
-            let commentBarrageItem = document.createElement("div");
+            const commentBarrageItem = document.createElement("div");
             commentBarrageItem.className = "comment-barrage-item";
-
             commentBarrageItem.innerHTML = `
-        <div class="barrageHead">
-            <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">热评</a>
-            <div class="barrageNick">${e.nick}</div>
-            <img class="barrageAvatar" src="https://cravatar.cn/avatar/${e.mailMd5}"/>
-            <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();"><i class="scoicon sco-close-fill"></i></a>
-        </div>
-        <a class="barrageContent" href="javascript:sco.scrollTo('${e.id}');">${commentContent}</a>
-    `;
-
+                <div class="barrageHead">
+                    <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">热评</a>
+                    <div class="barrageNick">${comment.nick}</div>
+                    <img class="barrageAvatar" src="https://cravatar.cn/avatar/${comment.mailMd5}"/>
+                    <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();"><i class="scoicon sco-close-fill"></i></a>
+                </div>
+                <a class="barrageContent" href="javascript:sco.scrollTo('${comment.id}');">${commentContent}</a>
+            `;
             this.config.barrageTimer.push(commentBarrageItem);
-
             this.config.dom.appendChild(commentBarrageItem);
             return true;
         }
 
-        removeCommentBarrage(e) {
-            e.className = "comment-barrage-item out",
-                setTimeout((() => {
-                        this.config.dom.removeChild(e)
-                    }
-                ), 1e3)
+        removeCommentBarrage(commentBarrageItem) {
+            commentBarrageItem.className = "comment-barrage-item out";
+            setTimeout(() => {
+                this.config.dom.removeChild(commentBarrageItem);
+            }, 1000);
         }
 
         async initCommentBarrage() {
-            if (localStorage.getItem("commentBarrageSwitch") != null) {
+            const commentBarrageSwitch = localStorage.getItem("commentBarrageSwitch");
+            if (commentBarrageSwitch != null) {
                 document.querySelector(".comment-barrage").style.display = "flex";
-                GLOBAL_CONFIG.rightside.enable && (document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评");
+                if (GLOBAL_CONFIG.rightside.enable) {
+                    document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评";
+                }
                 document.querySelector("#consoleCommentBarrage").classList.add("on");
             } else {
                 document.querySelector(".comment-barrage").style.display = "none";
-                GLOBAL_CONFIG.rightside.enable && (document.querySelector(".menu-commentBarrage-text").textContent = "显示热评");
+                if (GLOBAL_CONFIG.rightside.enable) {
+                    document.querySelector(".menu-commentBarrage-text").textContent = "显示热评";
+                }
                 document.querySelector("#consoleCommentBarrage").classList.remove("on");
             }
             const comments = await this.fetchComments();
@@ -121,12 +120,13 @@ function initializeCommentBarrage() {
             this.commentInterval = null;
             const t = () => {
                 if (this.config.barrageList.length && !this.hoverOnCommentBarrage) {
-                    if (!this.popCommentBarrage(this.config.barrageList[this.config.barrageIndex]))
-                        return this.config.barrageIndex += 1,
-                            this.config.barrageIndex %= this.config.barrageList.length,
-                            void t();
-                    this.config.barrageIndex += 1,
-                        this.config.barrageIndex %= this.config.barrageList.length
+                    if (!this.popCommentBarrage(this.config.barrageList[this.config.barrageIndex])) {
+                        this.config.barrageIndex += 1;
+                        this.config.barrageIndex %= this.config.barrageList.length;
+                        return t();
+                    }
+                    this.config.barrageIndex += 1;
+                    this.config.barrageIndex %= this.config.barrageList.length;
                 }
                 if (this.config.barrageTimer.length > (this.config.barrageList.length > this.config.maxBarrage ? this.config.maxBarrage : this.config.barrageList.length) && !this.hoverOnCommentBarrage) {
                     this.removeCommentBarrage(this.config.barrageTimer.shift());
@@ -152,5 +152,6 @@ function initializeCommentBarrage() {
             });
         }
     }
-    (e)
+
+    new CommentBarrage(e);
 }

package/source/js/covercolor/local.js

@@ -107,9 +107,6 @@ function colorRgb(str) {
 }
 
 function setThemeColors(value, r = null, g = null, b = null) {
-    const cardContents = document.getElementsByClassName('card-content');
-    const authorInfo = document.getElementsByClassName('author-info__sayhi');
-
     if (value) {
         document.documentElement.style.setProperty('--sco-main', value);
         document.documentElement.style.setProperty('--sco-main-op', value + '23');
@@ -118,13 +115,17 @@ function setThemeColors(value, r = null, g = null, b = null) {
 
         if (r && g && b) {
             let brightness = Math.round(((parseInt(r) * 299) + (parseInt(g) * 587) + (parseInt(b) * 114)) / 1000);
-            for (let i = 0; i < cardContents.length; i++) {
-                cardContents[i].style.setProperty('--sco-card-bg', 'var(--sco-white)');
-            }
-
-            for (let i = 0; i < authorInfo.length; i++) {
-                authorInfo[i].style.setProperty('background', 'var(--sco-white-op)');
-                authorInfo[i].style.setProperty('color', 'var(--sco-white)');
+            if (brightness < 125) {
+                let cardContents = document.getElementsByClassName('card-content');
+                for (let i = 0; i < cardContents.length; i++) {
+                    cardContents[i].style.setProperty('--sco-card-bg', 'var(--sco-white)');
+                }
+
+                let authorInfo = document.getElementsByClassName('author-info__sayhi');
+                for (let i = 0; i < authorInfo.length; i++) {
+                    authorInfo[i].style.setProperty('background', 'var(--sco-white-op)');
+                    authorInfo[i].style.setProperty('color', 'var(--sco-white)');
+                }
             }
         }