hexo-theme-solitude 1.4.0 → 1.4.2

package/source/js/covercolor/api.js

@@ -2,6 +2,12 @@ const coverColor = () => {
     const path = document.getElementById("post-cover")?.src;
     if (path) {
         handleApiColor(path);
+    } else {
+        document.documentElement.style.setProperty('--sco-main', 'var(--sco-theme)');
+        document.documentElement.style.setProperty('--sco-main-op', 'var(--sco-theme-op)');
+        document.documentElement.style.setProperty('--sco-main-op-deep', 'var(--sco-theme-op-deep)');
+        document.documentElement.style.setProperty('--sco-main-none', 'var(--sco-theme-none)');
+        initThemeColor()
     }
 }
 
@@ -18,30 +24,23 @@ function handleApiColor(path) {
 
 function img2color(src) {
     const apiUrl = coverColorConfig.api + encodeURIComponent(src);
-
     fetch(apiUrl)
         .then(response => response.json())
         .then(data => {
             const color = data.RGB;
             const [r, g, b] = color.match(/\w\w/g).map(x => parseInt(x, 16));
             setThemeColors(color, r, g, b);
-            if (coverColorConfig.time !== 0) {
-                cacheColor(src, color);
-            }
+            const expirationTime = Date.now() + coverColorConfig.time;
+            const cacheGroup = JSON.parse(localStorage.getItem('Solitude')) || {};
+            cacheGroup.postcolor = cacheGroup.postcolor || {};
+            cacheGroup.postcolor[src] = {value: color, expiration: expirationTime};
+            localStorage.setItem('Solitude', JSON.stringify(cacheGroup));
         })
         .catch(error => {
             console.error('请检查API是否正常！\n' + error);
         });
 }
 
-function cacheColor(src, color) {
-    const expirationTime = Date.now() + coverColorConfig.time;
-    const cacheGroup = saveToLocal.get('Solitude') || {};
-    cacheGroup.postcolor = cacheGroup.postcolor || {};
-    cacheGroup.postcolor[src] = {value: color, expiration: expirationTime};
-    localStorage.setItem('Solitude', JSON.stringify(cacheGroup));
-}
-
 function setThemeColors(value, r = null, g = null, b = null) {
     if (value) {
         document.documentElement.style.setProperty('--sco-main', value);
@@ -50,16 +49,18 @@ function setThemeColors(value, r = null, g = null, b = null) {
         document.documentElement.style.setProperty('--sco-main-none', value + '00');
 
         if (r && g && b) {
-            var brightness = Math.round(((parseInt(r) * 299) + (parseInt(g) * 587) + (parseInt(b) * 114)) / 1000);
-            var cardContents = document.getElementsByClassName('card-content');
-            var authorInfo = document.getElementsByClassName('author-info__sayhi');
-            for (let i = 0; i < cardContents.length; i++) {
-                cardContents[i].style.setProperty('--sco-card-bg', 'var(--sco-white)');
-            }
+            let brightness = Math.round(((parseInt(r) * 299) + (parseInt(g) * 587) + (parseInt(b) * 114)) / 1000);
+            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)');
+                }
 
-            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)');
+                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)');
+                }
             }
         }
 

package/source/js/covercolor/local.js

@@ -2,6 +2,12 @@ const coverColor = () => {
     const path = document.getElementById("post-cover")?.src;
     if (path) {
         localColor(path);
+    } else {
+        document.documentElement.style.setProperty('--sco-main', 'let(--sco-theme)');
+        document.documentElement.style.setProperty('--sco-main-op', 'let(--sco-theme-op)');
+        document.documentElement.style.setProperty('--sco-main-op-deep', 'let(--sco-theme-op-deep)');
+        document.documentElement.style.setProperty('--sco-main-none', 'let(--sco-theme-none)');
+        initThemeColor()
     }
 }
 
@@ -22,7 +28,7 @@ const localColor = (path) => {
         }
         setThemeColors(value, r, g, b);
     };
-    img.onerror = function() {
+    img.onerror = function () {
         console.error('图片加载失败');
     };
     img.src = path;
@@ -63,12 +69,12 @@ function LightenDarkenColor(col, amt) {
 }
 
 function getContrastYIQ(hexcolor) {
-    var colorrgb = colorRgb(hexcolor);
-    var colors = colorrgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
-    var red = colors[1];
-    var green = colors[2];
-    var blue = colors[3];
-    var brightness = (red * 299) + (green * 587) + (blue * 114);
+    let colorrgb = colorRgb(hexcolor);
+    let colors = colorrgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+    let red = colors[1];
+    let green = colors[2];
+    let blue = colors[3];
+    let brightness = (red * 299) + (green * 587) + (blue * 114);
     brightness = brightness / 255000;
     return brightness >= 0.5 ? "light" : "dark";
 }
@@ -111,24 +117,24 @@ function setThemeColors(value, r = null, g = null, b = null) {
         document.documentElement.style.setProperty('--sco-main-none', value + '00');
 
         if (r && g && b) {
-            var brightness = Math.round(((parseInt(r) * 299) + (parseInt(g) * 587) + (parseInt(b) * 114)) / 1000);
+            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)');
+                cardContents[i].style.setProperty('--sco-card-bg', 'let(--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)');
+                authorInfo[i].style.setProperty('background', 'let(--sco-white-op)');
+                authorInfo[i].style.setProperty('color', 'let(--sco-white)');
             }
         }
 
         document.getElementById("coverdiv").classList.add("loaded");
         initThemeColor();
     } else {
-        document.documentElement.style.setProperty('--sco-main', 'var(--sco-theme)');
-        document.documentElement.style.setProperty('--sco-main-op', 'var(--sco-theme-op)');
-        document.documentElement.style.setProperty('--sco-main-op-deep', 'var(--sco-theme-op-deep)');
-        document.documentElement.style.setProperty('--sco-main-none', 'var(--sco-theme-none)');
+        document.documentElement.style.setProperty('--sco-main', 'let(--sco-theme)');
+        document.documentElement.style.setProperty('--sco-main-op', 'let(--sco-theme-op)');
+        document.documentElement.style.setProperty('--sco-main-op-deep', 'let(--sco-theme-op-deep)');
+        document.documentElement.style.setProperty('--sco-main-none', 'let(--sco-theme-none)');
         initThemeColor();
     }
 }

package/source/js/main.js

@@ -281,6 +281,20 @@ let sco = {
         htmlClassList.toggle("hide-aside");
         htmlClassList.contains("hide-aside") ? document.querySelector("#consoleHideAside").classList.add("on") : document.querySelector("#consoleHideAside").classList.remove("on");
     },
+    switchKeyboard: function() {
+        sco_keyboards = !sco_keyboards;
+        const consoleKeyboard = document.querySelector("#consoleKeyboard");
+        if (sco_keyboards) {
+            consoleKeyboard.classList.add("on");
+            openKeyboard()
+            localStorage.setItem("keyboard", true);
+        } else {
+            closeKeyboard()
+            consoleKeyboard.classList.remove("on");
+            localStorage.setItem("keyboard", false);
+            document.getElementById('keyboard-tips')?.classList.remove('show')
+        }
+    },
     initConsoleState: function () {
         document.documentElement.classList.contains("hide-aside") ? document.querySelector("#consoleHideAside").classList.add("on") : document.querySelector("#consoleHideAside").classList.remove("on")
     },
@@ -672,7 +686,7 @@ let sco = {
             element.value = "donotreply@examp.com";
             element.dispatchEvent(new Event("input"));
         });
-    }
+    },
 }
 
 class hightlight {

package/source/js/search/algolia.js

@@ -1,8 +1,10 @@
+let openSearch
+
 window.addEventListener("load", () => {
     const $searchMask = document.getElementById("search-mask");
     const $searchDialog = document.querySelector("#algolia-search .search-dialog");
 
-    const openSearch = () => {
+    openSearch = () => {
         utils.animateIn($searchMask, "to_show 0.5s");
         $searchDialog.style.display = "block";
         setTimeout(() => {
@@ -68,7 +70,7 @@ window.addEventListener("load", () => {
     });
 
     const configure = instantsearch.widgets.configure({
-        hitsPerPage: algolia.hits.per_page ?? 5,
+        hitsPerPage: algolia.hits.per_page || 5,
     });
 
     const searchBox = instantsearch.widgets.searchBox({

package/source/js/search/local.js

@@ -1,8 +1,10 @@
+let openSearch
+
 window.onload = () => {
     let idx, store = [];
     const $searchMask = document.getElementById("search-mask");
     const $searchDialog = document.querySelector("#local-search .search-dialog");
-    const openSearch = () => {
+    openSearch = () => {
         utils.animateIn($searchMask, "to_show 0.5s");
         $searchDialog.style.display = "block";
         setTimeout(() => {

package/source/js/utils.js

@@ -243,5 +243,5 @@ const utils = {
                 window.fancyboxRun = true
             }
         }
-    },
+    }
 }