hexo-theme-solitude 1.0.0

package/source/js/commentBarrage.js

@@ -0,0 +1,148 @@
+var commentBarrageConfig = {
+    maxBarrage: 1,
+    barrageTime: 8e3,
+    twikooUrl: "https://twikoo.sondy.top",
+    pageUrl: window.location.pathname,
+    barrageTimer: [],
+    barrageList: [],
+    barrageIndex: 0,
+    dom: document.querySelector(".comment-barrage")
+}
+    , commentInterval = null
+    , hoverOnCommentBarrage = !1
+    , isFirstTime = !0;
+document.querySelector(".comment-barrage").addEventListener("mouseenter", (function () {
+        hoverOnCommentBarrage = !0
+    }
+)),
+    document.querySelector(".comment-barrage").addEventListener("mouseleave", (function () {
+            hoverOnCommentBarrage = !1
+        }
+    ));
+var fetchComments = async function () {
+    try {
+        var e = await fetch(commentBarrageConfig.twikooUrl, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify({
+                event: "COMMENT_GET",
+                accessToken: commentBarrageConfig.accessToken,
+                url: commentBarrageConfig.pageUrl
+            })
+        });
+        if (!e.ok)
+            throw new Error("HTTP error! status: " + e.status);
+        return (await e.json()).data
+    } catch (e) {
+        console.error("An error occurred while fetching comments: ", e)
+    }
+}
+    , initCommentBarrage = function () {
+    "false" !== localStorage.getItem("commentBarrageSwitch") ? (commentBarrageConfig.dom.style.display = "none",
+        document.querySelector(".menu-commentBarrage-text").textContent = "显示热评",
+        document.querySelector("#consoleCommentBarrage").classList.remove("on")) : (commentBarrageConfig.dom.style.display = "flex",
+        document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评",
+        document.querySelector("#consoleCommentBarrage").classList.add("on")),
+        fetchComments().then((function (e) {
+                commentBarrageConfig.barrageList = commentLinkFilter(e),
+                    commentBarrageConfig.dom.innerHTML = "",
+                    clearInterval(commentInterval),
+                    commentInterval = null;
+                var r = function () {
+                    if (commentBarrageConfig.barrageList.length && !hoverOnCommentBarrage) {
+                        if (!popCommentBarrage(commentBarrageConfig.barrageList[commentBarrageConfig.barrageIndex]))
+                            return commentBarrageConfig.barrageIndex += 1,
+                                commentBarrageConfig.barrageIndex %= commentBarrageConfig.barrageList.length,
+                                r();
+                        commentBarrageConfig.barrageIndex += 1,
+                            commentBarrageConfig.barrageIndex %= commentBarrageConfig.barrageList.length
+                    }
+                    commentBarrageConfig.barrageTimer.length > (commentBarrageConfig.barrageList.length > commentBarrageConfig.maxBarrage ? commentBarrageConfig.maxBarrage : commentBarrageConfig.barrageList.length) && !hoverOnCommentBarrage && removeCommentBarrage(commentBarrageConfig.barrageTimer.shift())
+                };
+                setTimeout((function () {
+                        r(),
+                            commentInterval = setInterval(r, commentBarrageConfig.barrageTime)
+                    }
+                ), 3e3)
+            }
+        ))
+};
+
+function commentLinkFilter(e) {
+    e.sort((function (e, r) {
+            return e.created - r.created
+        }
+    ));
+    var r = [];
+    return e.forEach((function (e) {
+            r.push(...getCommentReplies(e))
+        }
+    )),
+        r
+}
+
+function getCommentReplies(e) {
+    if (e.replies) {
+        var r = [e];
+        return e.replies.forEach((function (e) {
+                r.push(...getCommentReplies(e))
+            }
+        )),
+            r
+    }
+    return []
+}
+
+function processCommentContent(e) {
+    var r = document.createElement("div");
+    r.innerHTML = e;
+    for (var a = r.getElementsByTagName("img"), n = a.length - 1; n >= 0; n--) {
+        var t = a[n];
+        t.parentNode.removeChild(t)
+    }
+    var o = r.getElementsByTagName("blockquote");
+    for (n = o.length - 1; n >= 0; n--) {
+        var m = o[n];
+        m.parentNode.removeChild(m)
+    }
+    var c = r.getElementsByTagName("a");
+    for (n = c.length - 1; n >= 0; n--) {
+        var i = c[n]
+            , g = document.createTextNode(i.textContent);
+        i.parentNode.replaceChild(g, i)
+    }
+    var s = r.getElementsByTagName("p");
+    for (n = s.length - 1; n >= 0; n--) {
+        var l = s[n];
+        "" === l.textContent.trim() && l.parentNode.removeChild(l)
+    }
+    return r.innerHTML
+}
+
+function popCommentBarrage(e) {
+    var r = processCommentContent(e.comment);
+    if (!r.trim())
+        return !1;
+    var a = document.createElement("div");
+    return a.className = "comment-barrage-item",
+        a.innerHTML = `\n        <div class="barrageHead">\n            <a class="barrageTitle" href="javascript:sco.scrollTo('post-comment')">热评</a>\n            <div class="barrageNick">${e.nick}</div>\n            <img class="barrageAvatar" src="https://cravatar.cn/avatar/${e.mailMd5}"/>\n            <a class="comment-barrage-close" href="javascript:sco.switchCommentBarrage();"><i class="scofont icon-close-fill"></i></a>\n        </div>\n        <a class="barrageContent" href="javascript:sco.scrollTo('${e.id}');">${r}</a>\n    `,
+        commentBarrageConfig.barrageTimer.push(a),
+        commentBarrageConfig.dom.appendChild(a),
+        !0
+}
+
+function removeCommentBarrage(e) {
+    e.className = "comment-barrage-item out",
+        setTimeout((function () {
+                commentBarrageConfig.dom.removeChild(e)
+            }
+        ), 1e3)
+}
+
+initCommentBarrage(),
+    document.addEventListener("pjax:send", (function () {
+            clearInterval(commentInterval)
+        }
+    ));

package/source/js/extend/console/comment.js

@@ -0,0 +1,99 @@
+const changeContent = (content) => {
+    if (content === '') return content
+  
+    content = content.replace(/<img.*?src="(.*?)"?[^\>]+>|<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>|<pre><code>.*?<\/pre>|<[^>]+>/g, (match, img, link, code) => {
+      if (img) return '[图片]';
+      if (link) return '[链接]';
+      if (code) return '[代码]';
+      return '';
+    })
+  
+    if (content.length > 150) {
+      content = content.substring(0,150) + '...'
+    }
+    return content
+  }
+  
+  const getComment = () => {
+    const $dom = document.querySelector('#card-newest-comments .aside-list')
+  
+    const runTwikoo = () => {
+      twikoo.getRecentComments({
+        envId: GLOBALCONFIG.comment.twikooUrl,
+        region: '',
+        pageSize: 6,
+        includeReply: true
+      }).then(function (res) {
+        const twikooArray = res.map(e => ({
+          'content': changeContent(e.comment),
+          'avatar': e.avatar,
+          'nick': e.nick,
+          'url': `${e.url}#${e.id}`,
+          'date': new Date(e.created).toISOString()
+        }))
+
+        if(window.location.pathname === "/links/" || window.location.pathname === "/links"){
+            let submit = document.getElementsByClassName('tk-submit ')
+            let text = document.getElementsByClassName("el-textarea__inner");
+            text[0].value += `昵称（请勿包含博客等字样）：
+网站地址（要求博客地址，请勿提交个人主页）：
+头像图片url（请提供尽可能清晰的图片，我会上传到我的图床）：
+描述：`;
+            text[0].style.height = "142px"
+          submit.item(0).style.display = "none";
+
+          window.checkForm = function(){
+            const checkboxes = document.querySelectorAll('input[onclick="checkForm()"]');
+            let allChecked = true;
+
+            checkboxes.forEach(checkbox => {
+              if (!checkbox.checked) {
+                allChecked = false;
+              }
+            });
+
+            if(allChecked){
+              submit.item(0).style.display = "block";
+            }else {
+              submit.item(0).style.display = "none";
+            }
+          }
+        }
+  
+        generateHtml(twikooArray)
+      }).catch(function (err) {
+        $dom.innerHTML= "无法获取评论，请确认相关配置是否正确"
+      })
+    }
+        runTwikoo()
+  }
+  
+  const generateHtml = array => {
+    const $dom = document.querySelector('#card-newest-comments .aside-list')
+  
+    let result = array.length ? array.map(item => `
+    <div class='aside-list-item'>
+      <a href='${item.url}' class='thumbnail'>
+        <img src='${item.avatar}' alt='${item.nick}'>
+        <div class='name'><span>${item.nick}</span></div>
+      </a>
+      <div class='content'>
+        <a class='comment' href='${item.url}'>${item.content}</a>
+        <time class="datetime" datetime="${item.date}"></time>
+      </div>
+    </div>
+  `).join('') : '没有评论'
+  
+    $dom.innerHTML = result
+    window.lazyLoadInstance && window.lazyLoadInstance.update()
+    window.pjax && window.pjax.refresh($dom)
+    chageTimeFormate()
+  }
+  
+  const newestCommentInit = () => {
+    const $asideList = document.querySelector('#card-newest-comments .aside-list')
+    if ($asideList) {
+      getComment()
+    }
+  }
+  

package/source/js/extend/covercolor/local.js

@@ -0,0 +1,150 @@
+function coverColor() {
+    var path = document.getElementById("post-cover")?.src;
+    if (path !== undefined) {
+      var img = new Image();
+      img.crossOrigin = "Anonymous";
+      img.src = path;
+      img.onload = function () {
+        var canvas = document.createElement("canvas");
+        canvas.width = this.width;
+        canvas.height = this.height;
+        var ctx = canvas.getContext("2d");
+        ctx.drawImage(this, 0, 0);
+        var data = ctx.getImageData(0, 0, this.width, this.height).data;
+        var r = 0, g = 0, b = 0;
+        var step = 5;
+        for (var i = 0; i < data.length; i += 4 * step) {
+          r += data[i];
+          g += data[i + 1];
+          b += data[i + 2];
+        }
+        r = Math.floor(r / (data.length / 4 / step));
+        g = Math.floor(g / (data.length / 4 / step));
+        b = Math.floor(b / (data.length / 4 / step));
+        var value = "#" + r.toString(16) + g.toString(16) + b.toString(16);
+        if (getContrastYIQ(value) == "light") {
+          value = LightenDarkenColor(colorHex(value), -50)
+        }
+
+        document.documentElement.style.setProperty('--sco-main', value);
+        document.documentElement.style.setProperty('--sco-main-op', value + '23');
+        document.documentElement.style.setProperty('--sco-main-op-deep', value + 'dd');
+        document.documentElement.style.setProperty('--sco-main-none', value + '00');
+        initThemeColor()
+        document.getElementById("coverdiv").classList.add("loaded");
+      }
+    } 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()
+    }
+  }
+
+
+  function colorHex(colorString) {
+    const hexRegex = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+    let color = colorString;
+
+    if (/^(rgb|RGB)/.test(color)) {
+      const colorArr = color.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(",");
+      const hexArr = colorArr.map(c => {
+        const hex = Number(c).toString(16);
+        return hex.length === 1 ? "0" + hex : hex;
+      });
+      return "#" + hexArr.join("");
+    } else if (hexRegex.test(color)) {
+      const hexDigits = color.replace(/#/, "").split("");
+      if (hexDigits.length === 6) {
+        return color;
+      } else if (hexDigits.length === 3) {
+        const hexArr = hexDigits.map(c => c + c);
+        return "#" + hexArr.join("");
+      }
+    }
+    return color;
+  }
+
+
+
+function colorRgb(str) {
+  const HEX_SHORT_REGEX = /^#([0-9a-fA-f]{3})$/;
+  const HEX_LONG_REGEX = /^#([0-9a-fA-f]{6})$/;
+  const HEX_SHORT_LENGTH = 4;
+
+  if (!str || typeof str !== 'string') {
+    return str;
+  }
+
+  const sColor = str.toLowerCase();
+  let hexValue = "";
+
+  if (sColor && (HEX_SHORT_REGEX.test(sColor) || HEX_LONG_REGEX.test(sColor))) {
+    hexValue = sColor.length === HEX_SHORT_LENGTH ?
+        sColor.replace(/^#(.)/g, "#$1$1") :
+        sColor;
+
+    const rgbValue = hexValue.slice(1)
+        .match(/.{2}/g)
+        .map(val => parseInt(val, 16));
+
+    return `rgb(${rgbValue[0]}, ${rgbValue[1]}, ${rgbValue[2]})`;
+  } else {
+    return sColor;
+  }
+}
+
+
+  function LightenDarkenColor(col, amt) {
+    let usePound = false;
+
+    if (col[0] === "#") {
+      col = col.slice(1);
+      usePound = true;
+    }
+
+    const num = parseInt(col, 16);
+    const r = Math.min(255, Math.max(0, (num >> 16) + amt));
+    const b = Math.min(255, Math.max(0, ((num >> 8) & 0xff) + amt));
+    const g = Math.min(255, Math.max(0, (num & 0xff) + amt));
+
+    return `${usePound ? "#" : ""}${(g | (b << 8) | (r << 16)).toString(16).padStart(6, "0")}`;
+  }
+
+
+  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;
+    brightness = (red * 299) + (green * 587) + (blue * 114);
+    brightness = brightness / 255000;
+    if (brightness >= 0.5) {
+      return "light";
+    } else {
+      return "dark";
+    }
+  }
+
+  function initThemeColor() {
+    const currentTop = window.scrollY || document.documentElement.scrollTop;
+    let themeColor;
+    if (currentTop > 0) {
+      themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-card-bg');
+    } else if (PAGECONFIG.is_post) {
+      themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-main');
+    } else {
+      themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-background');
+    }
+    changeThemeColor(themeColor);
+  }
+
+  function changeThemeColor(color) {
+    const meta = document.querySelector('meta[name="theme-color"]');
+    if (meta) {
+      meta.setAttribute('content', color);
+    }
+  }

package/source/js/extend/covercolor/web.js

@@ -0,0 +1,137 @@
+function coverColor() {
+    var path = document.getElementById("post-cover")?.src;
+    if (path !== undefined) {
+      var httpRequest = new XMLHttpRequest();
+      httpRequest.open('GET', path + '?imageAve', true); 
+      httpRequest.send(); 
+      httpRequest.onreadystatechange = function () {
+        if (httpRequest.readyState == 4 && httpRequest.status == 200) {
+          var json = httpRequest.responseText; 
+          var obj = eval('(' + json + ')');
+          var value = obj.RGB;
+          value = "#" + value.slice(2)
+          if (getContrastYIQ(value) == "light") {
+            value = LightenDarkenColor(colorHex(value), -50)
+          }
+  
+          document.documentElement.style.setProperty('--sco-main', value);
+          document.documentElement.style.setProperty('--sco-main-op', value + '23');
+          document.documentElement.style.setProperty('--sco-main-op-deep', value + 'dd');
+          document.documentElement.style.setProperty('--sco-main-none', value + '00');
+          initThemeColor()
+          document.getElementById("coverdiv").classList.add("loaded");
+        }
+      };
+    } 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()
+    }
+  }
+  
+
+
+function colorHex(colorString) {
+    const hexRegex = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+    let color = colorString;
+  
+    if (/^(rgb|RGB)/.test(color)) {
+      const colorArr = color.replace(/(?:\(|\)|rgb|RGB)*/g, "").split(",");
+      const hexArr = colorArr.map(c => {
+        const hex = Number(c).toString(16);
+        return hex.length === 1 ? "0" + hex : hex;
+      });
+      return "#" + hexArr.join("");
+    } else if (hexRegex.test(color)) {
+      const hexDigits = color.replace(/#/, "").split("");
+      if (hexDigits.length === 6) {
+        return color;
+      } else if (hexDigits.length === 3) {
+        const hexArr = hexDigits.map(c => c + c);
+        return "#" + hexArr.join("");
+      }
+    }
+    return color;
+  }
+  
+  
+
+function colorRgb(str) {
+    const HEX_SHORT_REGEX = /^#([0-9a-fA-f]{3})$/;
+    const HEX_LONG_REGEX = /^#([0-9a-fA-f]{6})$/;
+    const HEX_SHORT_LENGTH = 4;
+  
+    const sColor = str.toLowerCase();
+    let hexValue = "";
+  
+    if (sColor && (HEX_SHORT_REGEX.test(sColor) || HEX_LONG_REGEX.test(sColor))) {
+      hexValue = sColor.length === HEX_SHORT_LENGTH ?
+        sColor.replace(/^#(.)/g, "#$1$1") :
+        sColor;
+  
+      const rgbValue = hexValue.slice(1)
+        .match(/.{2}/g)
+        .map(val => parseInt(val, 16))
+        .join(",");
+  
+      return `rgb(${rgbValue})`;
+    } else {
+      return sColor;
+    }
+  }
+  
+
+function LightenDarkenColor(col, amt) {
+    let usePound = false;
+  
+    if (col[0] === "#") {
+      col = col.slice(1);
+      usePound = true;
+    }
+  
+    const num = parseInt(col, 16);
+    const r = Math.min(255, Math.max(0, (num >> 16) + amt));
+    const b = Math.min(255, Math.max(0, ((num >> 8) & 0xff) + amt));
+    const g = Math.min(255, Math.max(0, (num & 0xff) + amt));
+  
+    return `${usePound ? "#" : ""}${(g | (b << 8) | (r << 16)).toString(16).padStart(6, "0")}`;
+  }
+  
+
+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;
+    brightness = (red * 299) + (green * 587) + (blue * 114);
+    brightness = brightness / 255000;
+    if (brightness >= 0.5) {
+      return "light";
+    } else {
+      return "dark";
+    }
+  }
+
+  function initThemeColor() {
+    const currentTop = window.scrollY || document.documentElement.scrollTop;
+    let themeColor;
+    if (currentTop > 0) {
+      themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-card-bg');
+    } else if (PAGECONFIG.is_post) {
+      themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-main');
+    } else {
+      themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-background');
+    }
+    changeThemeColor(themeColor);
+  }
+  
+  function changeThemeColor(color) {
+    const meta = document.querySelector('meta[name="theme-color"]');
+    if (meta) {
+      meta.setAttribute('content', color);
+    }
+  }

package/source/js/extend/search/algolia-search.js

@@ -0,0 +1,136 @@
+const $searchMask = document.getElementById('search-mask'),
+    $searchDialog = document.querySelector('#algolia-search .search-dialog')
+
+class search {
+    static openSearch() {
+        utils.fadeIn($searchMask, '0.5')
+        utils.fadeIn($searchDialog, '0.5')
+        document.addEventListener('keydown', function f(event) {
+            if (event.code === 'Escape') {
+                closeSearch()
+                document.removeEventListener('keydown', f)
+            }
+        })
+    }
+
+    static closeSearch() {
+        utils.fadeOut($searchDialog, '0.5')
+        utils.fadeOut($searchMask, '0.5')
+    }
+
+    static cutContent(content) {
+        if (content === '') return ''
+
+        const firstOccur = content.indexOf('<mark>')
+
+        let start = firstOccur - 30
+        let end = firstOccur + 120
+        let pre = ''
+        let post = ''
+
+        if (start <= 0) {
+            start = 0
+            end = 140
+        } else {
+            pre = '...'
+        }
+
+        if (end > content.length) {
+            end = content.length
+        } else {
+            post = '...'
+        }
+
+        const matchContent = pre + content.substring(start, end) + post
+        return matchContent
+    }
+
+    static search() {
+        const algolia = GLOBALCONFIG.algolia, that = this
+        const isAlgoliaValid = algolia.appId && algolia.apiKey && algolia.indexName
+        if (!isAlgoliaValid) {
+            return console.error('Algolia setting is invalid!')
+        }
+
+        const init = instantsearch({
+            indexName: algolia.indexName,
+            searchClient: algoliasearch(algolia.appId, algolia.apiKey),
+            searchFunction(helper) {
+                helper.state.query && helper.search()
+            }
+        })
+
+        const searchBox = instantsearch.widgets.searchBox({
+            container: '#search-input',
+            showReset: false,
+            showSubmit: false,
+            autofocus: true,
+            placeholder: GLOBALCONFIG.lang.search.placeholder,
+            showLoadingIndicator: false
+        })
+
+        const hits = instantsearch.widgets.hits({
+            container: '#algolia-hits',
+            templates: {
+                item(data) {
+                    const link = '/posts/' + data.permalink.split('/')[4]
+                    const result = data._highlightResult
+                    const content = result.contentStripTruncate
+                        ? that.cutContent(result.contentStripTruncate.value)
+                        : result.contentStrip
+                            ? that.cutContent(result.contentStrip.value)
+                            : result.content
+                                ? that.cutContent(result.content.value)
+                                : ''
+                    return `
+                <a href="${link}" class="algolia-hit-item-link">
+                ${result.title.value}
+                </a>
+                <p class="algolia-hit-item-content">${content}</p>`
+                },
+                empty: function (data) {
+                    return (
+                        `<div id="algolia-hits-empty">${GLOBALCONFIG.lang.search.empty}</div>`
+                    )
+                }
+            }
+        })
+
+        const stats = instantsearch.widgets.stats({
+            container: '.algolia-stats',
+            templates: {
+                text: function (data) {
+                    const stats = GLOBALCONFIG.lang.search.hit.replace('${query}', `<mark>${data.nbHits}</mark>`)
+                    return (
+                        stats
+                    )
+                }
+            }
+        })
+
+        init.addWidgets([searchBox, hits, stats]) // add the widgets to the instantsearch instance
+        init.start()
+        init.on('render', () => {
+            pjax.refresh(document.getElementById('algolia-hits'))
+        })
+    }
+}
+
+const searchClickFn = () => {
+    document.querySelector('#search-button > .search').addEventListener('click', search.openSearch)
+}
+
+const searchClickFnOnce = () => {
+    document.querySelector('#algolia-search .search-close-button').addEventListener('click', search.closeSearch)
+    $searchMask.addEventListener('click', search.closeSearch)
+}
+
+window.addEventListener('load', () => {
+    searchClickFn()
+    searchClickFnOnce()
+    search.search()
+})
+
+window.addEventListener('pjax:complete', () => {
+    searchClickFn()
+})