hexo-theme-solitude 1.6.1 → 1.7.0

package/source/css/_highlight/highlight/index.styl

@@ -28,7 +28,7 @@ figure
           color var(--efu-secondtext)
           background var(--efu-secondbg)
           border-right var(--style-border-always)
-          text-align right
+          text-align center
 
       &.code
         width 100%

package/source/css/_page/index.styl

@@ -31,7 +31,4 @@ if hexo-config('music.enable')
 @import "share.styl"
 
 if hexo-config('google_adsense.enable')
-  @import "google.styl"
-
-if hexo-config('message.enable')
-  @import "message/index.styl"
+  @import "google.styl"

package/source/css/_post/content.styl

@@ -9,15 +9,20 @@
 
   a
     color var(--efu-fontcolor)
-    padding 0 4px
     border-radius 4px 4px 0 0
 
-    &:not(.fancybox):hover
-      border 0
-      text-decoration none
-      color var(--efu-white)
-      border-radius 4px
-      background var(--efu-main)
+    border-bottom 2px dotted var(--efu-lighttext)
+    font-weight 700
+
+    &:not(.fancybox)
+      padding 0 4px
+
+      &:hover
+        border 0
+        text-decoration none
+        color var(--efu-white)
+        border-radius 4px
+        background var(--efu-main)
 
   .table-wrap
     margin 1rem 0
@@ -62,6 +67,7 @@
 
     img
       margin auto
+
     a
       &:not(.fancybox)
         text-decoration none

package/source/css/index.styl

@@ -27,6 +27,4 @@ if hexo-config('search.enable')
 
 // comment
 if hexo-config('comment.enable')
-  @import '_comments/index.styl'
-  @import '_comments/twikoo.styl' when hexo-config('comment.type') == 'twikoo'
-  @import '_comments/waline.styl' when hexo-config('comment.type') == 'waline'
+  @import '_comments/comment.styl'

package/source/js/commentBarrage/twikoo.js

@@ -3,9 +3,9 @@ function initializeCommentBarrage() {
     const e = {
         maxBarrage: 1,
         barrageTime: 8e3,
-        twikooUrl: GLOBAL_CONFIG.comment.twikoo.url,
+        twikooUrl: GLOBAL_CONFIG.comment.url,
         pageUrl: window.location.pathname,
-        accessToken: GLOBAL_CONFIG.comment.twikoo.accessToken,
+        accessToken: GLOBAL_CONFIG.comment.accessToken,
     };
 
     class CommentBarrage {
@@ -79,9 +79,9 @@ function initializeCommentBarrage() {
             commentBarrageItem.className = "comment-barrage-item";
             commentBarrageItem.innerHTML = `
                 <div class="barrageHead">
-                    <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">热评</a>
+                    <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">${GLOBAL_CONFIG.lang.barrage.title}</a>
                     <div class="barrageNick">${comment.nick}</div>
-                    <img class="barrageAvatar" src="https://cravatar.cn/avatar/${comment.mailMd5}"/>
+                    <img class="barrageAvatar" src="${GLOBAL_CONFIG.comment.avatar}/avatar/${comment.mailMd5}"/>
                     <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();"><i class="solitude st-close-fill"></i></a>
                 </div>
                 <a class="barrageContent" href="javascript:sco.scrollTo('${comment.id}');">${commentContent}</a>

package/source/js/commentBarrage/valine.js

@@ -0,0 +1,156 @@
+function initializeCommentBarrage() {
+    window.commentBarrageInitialized = !0;
+    let config = {
+        maxBarrage: 1,
+        barrageTime: 8e3,
+        valineUrl: GLOBAL_CONFIG.comment.url,
+        pageUrl: window.location.pathname,
+    }
+    new class {
+        commentInterval = null
+
+        constructor(config) {
+            this.config = {
+                ...config,
+                barrageTimer: [],
+                barrageList: [],
+                barrageIndex: 0,
+                dom: document.querySelector(".comment-barrage")
+            };
+            this.commentInterval = null;
+            this.hoverOnCommentBarrage = false;
+            this.init();
+        }
+
+        async fetchComments() {
+            const url = new URL(`${this.config.valineUrl}/1.1/classes/Comment`);
+            const params = {
+                url: this.config.pageUrl,
+                order: '-createdAt'
+            };
+
+            for (const [key, value] of Object.entries(params)) {
+                url.searchParams.append(key, value);
+            }
+
+            try {
+                const response = await fetch(url, {
+                    method: "GET",
+                    headers: {
+                        "X-LC-Id": GLOBAL_CONFIG.comment.appId,
+                        "X-LC-Key": GLOBAL_CONFIG.comment.appKey,
+                        "Content-Type": "application/json"
+                    },
+                });
+
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+
+                const data = await response.json();
+                return data.results.filter(item => item.url === this.config.pageUrl)
+            } catch (error) {
+                console.error("An error occurred while fetching comments: ", error);
+            }
+        }
+
+        commentLinkFilter(comments) {
+            return comments.flatMap(comment => this.getCommentReplies(comment));
+        }
+
+        getCommentReplies(comment) {
+            window.comment = comment
+            if (!comment.replies) {
+                return [comment];
+            }
+            return [comment, ...comment.replies.flatMap(reply => this.getCommentReplies(reply))];
+        }
+
+        processCommentContent(comment) {
+            const processed = comment.replace(/```[\s\S]*?```|<blockquote\b[^>]*>[\s\S]*?<\/blockquote>|<[^>]*>|\n|`([^`]{1,9})`:/g, "").trim();
+            return processed ? `<p>${processed}</p>` : "";
+        }
+
+        createCommentBarrage(comment) {
+            const content = this.processCommentContent(comment.comment).trim();
+            if (!content) {
+                return false;
+            }
+
+            const element = document.createElement("div");
+            element.classList.add("comment-barrage-item");
+            element.innerHTML = `
+        <div class="barrageHead">
+            <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">${GLOBAL_CONFIG.lang.barrage.title}</a>
+            <div class="barrageNick">${comment.nick}</div>
+            <img class="barrageAvatar" src="${GLOBAL_CONFIG.comment.avatar}/avatar/${md5(comment.mail.toLowerCase())}"/>
+            <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();">
+                <i class="solitude st-close-fill"></i>
+            </a>
+        </div>
+        <a class="barrageContent" href="javascript:sco.scrollTo('${comment.objectId}');">${comment.comment}</a>
+    `;
+
+            this.config.dom.appendChild(element);
+            this.config.barrageTimer.push(element);
+
+            return true;
+        }
+
+        removeCommentBarrage(element) {
+            element.className = "comment-barrage-item out";
+            setTimeout(() => {
+                this.config.dom.removeChild(element);
+            }, 1000);
+        }
+
+        async initCommentBarrage() {
+            const commentBarrage = document.querySelector(".comment-barrage");
+            const menuCommentBarrageText = document.querySelector(".menu-commentBarrage-text");
+            const consoleCommentBarrage = document.querySelector("#consoleCommentBarrage");
+
+            if (localStorage.getItem("commentBarrageSwitch") != null) {
+                commentBarrage.style.display = "flex";
+                consoleCommentBarrage.classList.add("on");
+            } else {
+                commentBarrage.style.display = "none";
+                consoleCommentBarrage.classList.remove("on");
+            }
+
+            const comments = await this.fetchComments();
+            this.config.barrageList = this.commentLinkFilter(comments);
+            this.config.dom.innerHTML = "";
+            clearInterval(this.commentInterval);
+            this.commentInterval = null;
+
+            const createOrRemoveBarrage = () => {
+                if (this.config.barrageList.length && !this.hoverOnCommentBarrage) {
+                    if (!this.createCommentBarrage(this.config.barrageList[this.config.barrageIndex])) {
+                        this.config.barrageIndex = (this.config.barrageIndex + 1) % this.config.barrageList.length;
+                        return createOrRemoveBarrage();
+                    }
+                    this.config.barrageIndex = (this.config.barrageIndex + 1) % 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());
+                }
+            };
+
+            setTimeout(() => {
+                createOrRemoveBarrage();
+                if (this.commentInterval) {
+                    clearInterval(this.commentInterval);
+                }
+                this.commentInterval = setInterval(createOrRemoveBarrage, this.config.barrageTime);
+            }, 3000);
+        }
+
+        async init() {
+            await this.initCommentBarrage();
+            const commentBarrage = document.querySelector(".comment-barrage");
+            commentBarrage.addEventListener('mouseover', () => this.hoverOnCommentBarrage = true);
+            commentBarrage.addEventListener('mouseout', () => this.hoverOnCommentBarrage = false);
+        }
+    }
+    (config)
+}

package/source/js/commentBarrage/waline.js

@@ -3,7 +3,7 @@ function initializeCommentBarrage() {
     let config = {
         maxBarrage: 1,
         barrageTime: 8e3,
-        walineUrl: GLOBAL_CONFIG.comment.waline.url,
+        walineUrl: GLOBAL_CONFIG.comment.url,
         pageUrl: window.location.pathname,
     }
     new class {
@@ -78,9 +78,9 @@ function initializeCommentBarrage() {
             element.classList.add("comment-barrage-item");
             element.innerHTML = `
         <div class="barrageHead">
-            <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">热评</a>
+            <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">${GLOBAL_CONFIG.lang.barrage.title}</a>
             <div class="barrageNick">${comment.nick}</div>
-            <img class="barrageAvatar" src="https://cravatar.cn/avatar/${comment.avatar}"/>
+            <img class="barrageAvatar" src="${GLOBAL_CONFIG.comment.avatar}/avatar/${comment.avatar}"/>
             <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();">
                 <i class="solitude st-close-fill"></i>
             </a>

package/source/js/main.js

@@ -74,7 +74,7 @@ const percent = () => {
 
     if ((document.getElementById("post-comment") || document.getElementById("footer")).offsetTop < viewportBottom || scrollPercent > 90) {
         document.querySelector("#nav-totop").classList.add("long")
-        percentElement.innerHTML = "返回顶部"
+        percentElement.innerHTML = GLOBAL_CONFIG.lang.backtop
     } else {
         document.querySelector("#nav-totop").classList.remove("long")
         if (scrollPercent >= 0) {
@@ -346,10 +346,6 @@ let sco = {
                 el.setSelectionRange(-1, -1)
             }
         }
-        const commentTips = document.querySelector("#comment-tips");
-        if (commentTips) {
-            commentTips.classList.add("show");
-        }
     },
     initbbtalk: function () {
         if (document.querySelector('#bber-talk')) {
@@ -586,31 +582,8 @@ let sco = {
             document.getElementById("toPageButton").href = targetPageUrl;
         }
     },
-    addRandomCommentInfo: function () {
-        const e = `${GLOBAL_CONFIG.comment.randomInfoStart[Math.floor(Math.random() * GLOBAL_CONFIG.comment.randomInfoStart.length)]}${GLOBAL_CONFIG.comment.randomInfoEnd[Math.floor(Math.random() * GLOBAL_CONFIG.comment.randomInfoEnd.length)]}`;
-
-        const nameSelectors = ["#author", "input[name='comname']", "#inpName", "input[name='author']", "#ds-dialog-name", "#name", "input[name='nick']", "#comment_author"];
-        const emailSelectors = ["#mail", "#email", "input[name='commail']", "#inpEmail", "input[name='email']", "#ds-dialog-email", "input[name='mail']", "#comment_email"];
-
-        const nameElements = nameSelectors.map(selector => document.querySelector(selector)).filter(Boolean);
-        const emailElements = emailSelectors.map(selector => document.querySelector(selector)).filter(Boolean);
-
-        nameElements.forEach(element => {
-            element.value = e;
-            element.dispatchEvent(new Event("input"));
-        });
-
-        emailElements.forEach(element => {
-            element.value = "donotreply@examp.com";
-            element.dispatchEvent(new Event("input"));
-        });
-    },
     owoBig() {
-        const type = GLOBAL_CONFIG.comment.type;
-        const owoSelectors = {
-            body: type === 'twikoo' ? '.OwO-body' : '.wl-emoji-popup',
-            item: type === 'twikoo' ? '.OwO-items li' : '.wl-tab-wrapper button'
-        };
+        const owoSelectors = GLOBAL_CONFIG.comment.owo
 
         let owoBig = document.getElementById('owo-big');
         if (!owoBig) {
@@ -762,6 +735,25 @@ const addHighlight = () => {
     }
 }
 
+const addCopyright = () => {
+    if (!GLOBAL_CONFIG.copyright) return
+    const {limit, author, link, source, info} = GLOBAL_CONFIG.copyright
+    const handleCopy = (e) => {
+        e.preventDefault()
+        const copyText = window.getSelection(0).toString()
+        let text = copyText
+        if (copyText.length > limit) {
+            text = `${copyText}\n\n${author}\n${link}${window.location.href}\n${source}\n${info}`
+        }
+        if (e.clipboardData) {
+            return e.clipboardData.setData('text', text)
+        } else {
+            return window.clipboardData.setData('text', text)
+        }
+    }
+    document.body.addEventListener('copy', handleCopy)
+}
+
 class tabs {
     static init() {
         this.clickFnOfTabs()
@@ -815,17 +807,18 @@ window.refreshFn = () => {
     utils.changeTimeFormat()
     GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg()
     GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar)"))
-    GLOBAL_CONFIG.randomlinks && randomLinksList()
+    GLOBAL_CONFIG.randomlink && randomLinksList()
     PAGE_CONFIG.comment && initComment()
     PAGE_CONFIG.toc && toc.init();
     (PAGE_CONFIG.is_post || PAGE_CONFIG.is_page) && ((addHighlight()) || tabs.init())
+    addCopyright()
     PAGE_CONFIG.is_home && showTodayCard()
     GLOBAL_CONFIG.covercolor.enable && coverColor()
     sco.initConsoleState()
     GLOBAL_CONFIG.comment.commentBarrage && PAGE_CONFIG.comment && initializeCommentBarrage()
     document.body.setAttribute('data-type', PAGE_CONFIG.page)
     PAGE_CONFIG.page === "music" && scoMusic.init()
-    GLOBAL_CONFIG.ai.enable && PAGE_CONFIG.page === "post" && ScoAI.init()
+    GLOBAL_CONFIG.post_ai && PAGE_CONFIG.page === "post" && efu_ai.init()
 }
 
 document.addEventListener('DOMContentLoaded', function () {
@@ -833,6 +826,8 @@ document.addEventListener('DOMContentLoaded', function () {
 })
 
 window.onkeydown = function (e) {
-    (123 === e.keyCode || (17 === e.ctrlKey && 16 === e.shiftKey && 67 === e.keyCode)) && utils.snackbarShow("开发者模式已打开，请遵循GPL协议", !1, 3e3);
+    (123 === e.keyCode || (17 === e.ctrlKey && 16 === e.shiftKey && 67 === e.keyCode)) && utils.snackbarShow(GLOBAL_CONFIG.lang.f12, !1, 3e3);
     (27 === e.keyCode) && sco.hideConsole();
-}
+}
+
+document.addEventListener('copy', () => utils.snackbarShow(GLOBAL_CONFIG.lang.copy.success,false,3e3))

package/source/js/third_party/efu_ai.min.js

@@ -0,0 +1,6 @@
+/**
+ * author: Efu AI
+ * email: o@efu.me
+ * website: https://efu.me
+ */
+class efuAI{constructor(){this.root="https://summary.tianli0.top",this.aiTalkMode=!1,this.aiPostExplanation="",this.config=GLOBAL_CONFIG.post_ai,this.scoGPTIsRunning=!1}init(){this.generate(),this.AIEngine()}getTitleAndContent(){const e=document.getElementById("article-container"),t=document.title,n=e.getElementsByTagName("p"),i=e.querySelectorAll("h1, h2, h3, h4, h5");return(t+" "+Array.from(i).concat(Array.from(n)).map((e=>e.innerText.replace(/https?:\/\/[^\s]+/g,""))).join(" ")).slice(0,1e3)}async generate(){this.aiShowAnimation(this.fetch(document.title,this.getTitleAndContent(),this.config.key))}async fetch(e,t,n){const i=`${this.root}/?content=${encodeURIComponent(t)}&title=${e}&key=${encodeURIComponent(n)}&url=${encodeURIComponent(window.location.href)}`,s=await fetch(i),o=await s.json();return s.ok?(this.aiPostExplanation=o.summary,o.summary):(console.error("Request failed:",o.err_msg),o.err_msg)}aiShowAnimation(e,t=!1){const n=document.querySelector(".ai-explanation"),i=document.querySelector(".ai-tag");if(!n||this.scoGPTIsRunning)return;this.scoGPTIsRunning=!0,this.cleanSuggestions(),i.classList.add("loadingAI"),n.style.display="block",n.innerHTML='生成中...<span class="blinking-cursor"></span>';let s,o,a=!0,c=0,r=!0;const l=new IntersectionObserver((e=>{a=e[0].isIntersecting,a&&requestAnimationFrame(o)}),{threshold:0});e.then((e=>{s=performance.now(),o=()=>{if(c<e.length&&a){const r=performance.now(),g=r-s,h=e.slice(c,c+1),u=/[，。！、？,.!?]/.test(h),m=/[a-zA-Z0-9]/.test(h);g>=(u?100*Math.random()+100:m?10:25)&&(n.innerText=e.slice(0,c+1),s=r,c++,c<e.length?n.innerHTML=e.slice(0,c)+'<span class="blinking-cursor"></span>':(n.innerHTML=e,n.style.display="block",this.scoGPTIsRunning=!1,i.classList.remove("loadingAI"),l.disconnect(),t&&this.createSuggestions())),a&&requestAnimationFrame(o)}},a&&r&&setTimeout((()=>{requestAnimationFrame(o),r=!1}),3e3),l.observe(n)})).catch((e=>{console.error("检索信息失败：",e),n.innerHTML="检索信息失败",n.style.display="block",this.scoGPTIsRunning=!1,i.classList.remove("loadingAI"),l.disconnect()}))}AIEngine(){const e=document.querySelector(".ai-tag");e&&e.addEventListener("click",(()=>{this.scoGPTIsRunning||(this.aiTalkMode=!0,this.aiShowAnimation(Promise.resolve(this.config.talk),!0))}))}cleanSuggestions(){const e=document.querySelector(".ai-suggestions");e?e.innerHTML="":console.error("没有这个元素：'ai-suggestions'")}createSuggestions(){this.aiTalkMode&&(this.cleanSuggestions(),this.createSuggestionItemWithAction("这篇文章讲了什么？",(()=>{""===this.aiPostExplanation?this.generate():this.aiShowAnimation(Promise.resolve(this.aiPostExplanation),!0)})),this.config.randomPost&&this.createSuggestionItemWithAction("带我去看看其他文章",(()=>toRandomPost())),this.aiTalkMode=!0)}createSuggestionItemWithAction(e,t){const n=document.querySelector(".ai-suggestions");if(!n)return void console.error("无法找到具有class为ai-suggestions的元素");const i=document.createElement("div");i.classList.add("ai-suggestions-item"),i.textContent=e,i.addEventListener("click",t),n.appendChild(i)}}const efu_ai=new efuAI;

package/source/js/utils.js

@@ -229,5 +229,18 @@ const utils = {
             target: 'time',
             lang: GLOBAL_CONFIG.lang.lately,
         })
-    }
+    },
+    loadComment: (dom, callback) => {
+        if ('IntersectionObserver' in window) {
+            const observerItem = new IntersectionObserver((entries) => {
+                if (entries[0].isIntersecting) {
+                    callback()
+                    observerItem.disconnect()
+                }
+            }, { threshold: [0] })
+            observerItem.observe(dom)
+        } else {
+            callback()
+        }
+    },
 }