hexo-theme-stellar 1.30.4 → 1.32.0

package/source/css/_plugins/comments/artalk.styl

@@ -1,4 +1,116 @@
 .cmt-body.artalk .artalk
-  --at-color-main: $color-theme
+  margin-top: 1rem
+  .atk-editor-plug-preview
+    scrollbar(0, 0)
   .atk-main-editor
-    border-radius: $border-card
+    border-radius: $border-card
+    .atk-header,.atk-editor-user-wrap
+      border-bottom: 1px dashed var(--block-border)
+      padding: 0.5rem 1rem
+    .atk-editor-user-wrap:empty
+      visibility: hidden
+      padding: 0
+    >.atk-bottom 
+      padding: 8px
+      .atk-plug-btn
+        border-radius: 32px
+        height: 2rem
+        width 2rem
+      .atk-send-btn
+        height: 2rem
+        border-radius: 100px
+        min-width: 5em
+        trans1 all
+        &:hover
+          --at-color-main: $color-hover
+        &:empty
+          display: none
+  .atk-list-comments-wrap>.atk-comment-wrap
+    border-radius: $border-card
+    background: var(--card)
+    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.02)
+    >.atk-comment
+      padding: 1rem
+    &+.atk-comment-wrap
+      margin-top: .5rem
+  .atk-comment-children
+    border-top: 1px dashed var(--block-border)
+    margin-top: .5rem
+  .atk-avatar
+    padding: 0
+  .atk-avatar img
+    border-radius: 50%
+    width: 36px
+    height: 36px
+  .atk-comment-wrap>.atk-comment>.atk-main
+    margin-left: calc(36px + .5rem)
+  .atk-comment>.atk-main>.atk-header .atk-item.atk-nick
+    color: var(--text-p3)
+    font-weight: 500
+
+  .atk-badge-wrap span
+    border-radius: 100px
+  .atk-height-limit-btn
+    padding: 0.5rem 2rem
+  .atk-list-read-more 
+    margin-top: 2.5rem
+    padding-bottom: 1.5rem
+    .atk-list-read-more-inner
+      padding: 1rem 2rem
+      border-radius: $border-button
+      height: 3rem
+      width: 12rem
+      margin: -1.5rem auto 0
+  .atk-error-layer
+    background: none
+
+.cmt-body
+  .artalk, .atk-layer-wrap, .artalk.atk-dark-mode, .atk-layer-wrap.atk-dark-mode
+    --at-color-font: var(--text-p1)
+    --at-color-deep: var(--text-p2)
+    --at-color-sub: var(--text-p3)
+    --at-color-grey: var(--text-p4)
+    --at-color-meta: var(--text-p4)
+    --at-color-border: var(--block-border)
+    --at-color-light: var(--theme-link)
+    --at-color-bg: var(--card)
+    --at-color-bg-transl: var(--block-border)
+    --at-color-bg-grey: var(--block)
+    --at-color-bg-grey-transl: orange
+    --at-color-bg-light: rgba(29, 161, 242, 1)
+    --at-color-main: $color-theme
+    --at-color-red: $c-red
+    --at-color-green: $c-green
+    --at-color-gradient: linear-gradient(180deg, transparent, var(--card), 50%, var(--card))
+
+.md-text .atk-comment>.atk-main>.atk-body
+  overflow: visible
+
+
+// override
+.md-text .cmt-body.artalk .artalk
+  --gap-p: 1rem
+  p
+    line-height: 1.5
+    font-size: $fs-15
+    >img
+      margin: var(--gap-p) auto
+      border-radius: $border-image-s
+  a>img
+    display: inline
+  p>img[atk-emoticon]
+    max-height: 1.5em
+    transform: scale(1.2)
+    margin: 0 4px
+    vertical-align: bottom
+  ul li, ol li
+    font-size: $fs-14
+  blockquote
+    position: relative
+    border-left: none
+    background: none
+    padding: 0.25rem 1rem
+    p
+      color: var(--text-p3)
+  .atk-content a
+    --at-color-main: var(--theme-link)

package/source/css/_plugins/comments/twikoo.styl

@@ -5,7 +5,7 @@
   .tk-content
     .vemoji, .tk-owo-emotion
       width: unset
-      border-radius: $border-image
+      border-radius: $border-image-s
       max-height: 24px
       max-width: 100px
       display: inline
@@ -13,7 +13,7 @@
     img
       max-width: 400px
       max-height: 400px
-      border-radius: $border-image
+      border-radius: $border-image-s
 
 .OwO
   .OwO-body
@@ -111,7 +111,7 @@
     border: none
     padding: 6px 2rem
     border-radius: $border-card
-    background: var(--block-hover)
+    background: var(--block-border)
     color: var(--text-p1)
     line-height: 2
     font-size: 14px

package/source/css/_plugins/index.styl

@@ -20,13 +20,13 @@ if hexo-config('plugins.katex.enable')
   @import 'katex'
 
 // 评论
-if hexo-config('comments.service') == 'beaudar'
+if hexo-config('comments.service') == 'beaudar' or index(hexo-config('comments.custom_css'), 'beaudar') >= 0
   @import 'comments/beaudar'
-if hexo-config('comments.service') == 'twikoo'
+if hexo-config('comments.service') == 'twikoo' or index(hexo-config('comments.custom_css'), 'twikoo') >= 0
   @import 'comments/twikoo'
-if hexo-config('comments.service') == 'utterances'
+if hexo-config('comments.service') == 'utterances' or index(hexo-config('comments.custom_css'), 'utterances') >= 0
   @import 'comments/utterances'
-if hexo-config('comments.service') == 'waline'
+if hexo-config('comments.service') == 'waline' or index(hexo-config('comments.custom_css'), 'waline') >= 0
   @import 'comments/waline'
-if hexo-config('comments.service') == 'artalk'
+if hexo-config('comments.service') == 'artalk' or index(hexo-config('comments.custom_css'), 'artalk') >= 0
   @import 'comments/artalk'

package/source/css/_plugins/lazyload.styl

@@ -1,9 +1,13 @@
+$lazyTransitionType = hexo-config('plugins.lazyload.transition')
+$loadingImage = hexo-config('plugins.lazyload.loading_image.src')
+$loadingImageSize = convert(hexo-config('plugins.lazyload.loading_image.size'))
+
 img.lazy
   &:not(.loaded)
     opacity: 0
   &.loaded,&.error
     opacity: 1
-  if hexo-config('plugins.lazyload.transition') == 'blur'
+  if $lazyTransitionType == 'blur'
     trans1 all 0.75s
     &:not(.loaded)
       filter blur(50px)
@@ -13,4 +17,47 @@ img.lazy
       -webkit-filter none
   else
     trans1 all 0.38s
-    
+
+
+@keyframes fadeIn
+  from { opacity: 0; }
+  to { opacity: 1; }
+
+@keyframes blurIn
+  from
+    opacity: 0
+    filter: blur(50px)
+    -webkit-filter: blur(50px)
+  to
+    opacity: 1
+    filter: blur(0px)
+    -webkit-filter: blur(0px)
+
+article img.lazy
+  &:not(.loaded)
+    opacity: 1
+    border-radius: 4px
+    filter none
+    transition: none
+  if $loadingImage
+    &.loading
+      background: url($loadingImage) center center / $loadingImageSize no-repeat
+  else
+    &.loading
+      background: url($loadingIcon) center center / $loadingImageSize no-repeat
+      min-width: $loadingImageSize
+      min-height: $loadingImageSize
+
+  &.loaded
+    animation: fadeIn 0.38s ease-out
+    if $loadingImage
+      background: none
+  if $lazyTransitionType == 'blur'
+    &.loaded
+      animation: blurIn .75s ease-out
+
+  &.error
+    background: none
+    min-width: $loadingImageSize
+    min-height: $loadingImageSize
+

package/source/js/main.js

@@ -200,6 +200,55 @@ const init = {
     window.dispatchEvent(new Event('tabs:register'));
   },
 
+  canonicalCheck: () => {
+    const canonical = window.canonical;
+    function showTip(isOfficial = false) {
+      const meta = document.createElement('meta');
+      meta.name = 'robots';
+      meta.content = 'noindex, nofollow';
+      document.head.appendChild(meta);
+      const notice = document.createElement('div');
+      const originalURL = `https://${canonical.originalHost}`;
+      if (isOfficial) {
+        notice.className = 'canonical-tip official';
+        notice.innerHTML = `
+        <a href="${originalURL}" target="_self" rel="noopener noreferrer">
+        本站为官方备用站，仅供应急。主站：${originalURL}
+        </a>
+        `;
+      } else {
+        notice.className = 'canonical-tip unofficial';
+        notice.innerHTML = `
+        <a href="${originalURL}" target="_self" rel="noopener noreferrer">
+        <div class="headline icon">☠️</div>
+        本站为非法克隆站，请前往官方源站访问。<br>
+        源站：${originalURL}
+        </a>
+        `;
+      }
+      document.body.appendChild(notice);
+    }
+    if (!canonical.originalHost) return;
+    const canonicalTag = document.querySelector('link[rel="canonical"]');
+    if (!canonicalTag) {
+      showTip(false);
+      return;
+    }
+    const canonicalURL = new URL(canonicalTag.href);
+    const currentURL = new URL(window.location.href);
+    const canonicalHost = canonicalURL.hostname.replace(/^www\./, '');
+    const currentHost = currentURL.hostname.replace(/^www\./, '');
+    if (currentHost == 'localhost') return;
+    const encodedCanonicalHost = window.btoa(canonicalHost);
+    const encodedCurrentHost = window.btoa(currentHost);
+    const isCanonicalHostValid = canonical.encoded === encodedCanonicalHost;
+    const isCurrentHostValid = canonical.encoded === encodedCurrentHost;
+    if (isCanonicalHostValid && isCurrentHostValid) {
+      return;
+    }
+    showTip(canonical.officialHosts?.includes(currentHost));
+  }
+
 }
 
 
@@ -208,3 +257,4 @@ init.toc()
 init.sidebar()
 init.relativeDate(document.querySelectorAll('#post-meta time'))
 init.registerTabsTag()
+init.canonicalCheck()

package/source/js/plugins/download-file.js

@@ -167,7 +167,7 @@ function extToMimes(ext) {
   function downloadFileEvent(fileDoms) {
     for (let i = 0; i < fileDoms.length; ++i) {
       let fileDom = fileDoms[i];
-      const api = ctx.tag_plugins.chat.api + '?type=file&url=' || 'https://api.vlts.cc/site_info/v1?type=file&url=';
+      const api = ctx.tag_plugins.chat.api + '?type=file&url=';
       const obverser = new IntersectionObserver((entries, observer) => {
         utils.requestAnimationFrame(()=>{
           entries.filter((entry)=>{return entry.isIntersecting}).sort((a,b)=>a.intersectionRect.y !== b.intersectionRect.y ? a.intersectionRect.y - b.intersectionRect.y : a.intersectionRect.x - b.intersectionRect.x).forEach((entry, index) => {

package/source/js/search/local-search.js

@@ -1,170 +1,182 @@
-// A local search script with the help of
-// [hexo-generator-search](https://github.com/PaicHyperionDev/hexo-generator-search)
-// Copyright (C) 2015
-// Joseph Pan <http://github.com/wzpan>
-// Shuhao Mao <http://github.com/maoshuhao>
-// This library is free software; you can redistribute it and/or modify
-// it under the terms of the GNU Lesser General Public License as
-// published by the Free Software Foundation; either version 2.1 of the
-// License, or (at your option) any later version.
-//
-// This library is distributed in the hope that it will be useful, but
-// WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
-// Lesser General Public License for more details.
-//
-// You should have received a copy of the GNU Lesser General Public
-// License along with this library; if not, write to the Free Software
-// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
-// 02110-1301 USA
-//
-// Modified by:
-// Pieter Robberechts <http://github.com/probberechts>
-
-/*exported searchFunc*/
+var searchCache = null;
+var searchCacheKey = 'search_cache_v1';
+
 var searchFunc = function(path, filter, wrapperId, searchId, contentId) {
 
   function getAllCombinations(keywords) {
-    var i, j, result = [];
-
-    for (i = 0; i < keywords.length; i++) {
-        for (j = i + 1; j < keywords.length + 1; j++) {
-            result.push(keywords.slice(i, j).join(" "));
-        }
+    const result = [];
+    const maxLen = 3; // 组合最大长度
+    for (let i = 0; i < keywords.length; i++) {
+      for (let j = i + 1; j <= Math.min(i + maxLen, keywords.length); j++) {
+        result.push(keywords.slice(i, j).join(" "));
+      }
     }
     return result;
   }
 
-  $.ajax({
-    url: path,
-    dataType: "json",
-    success: function(jsonResponse) {
-      var datas = jsonResponse;
-      var $input = document.getElementById(searchId);
-      if (!$input) { return; }
-      var $resultContent = document.getElementById(contentId);
-      var $wrapper = document.getElementById(wrapperId);
-
-      $input.addEventListener("input", function(){
-        var resultList = [];
-        var keywords = getAllCombinations(this.value.trim().toLowerCase().split(" "))
-          .sort(function(a,b) { return b.split(" ").length - a.split(" ").length; });
-        $resultContent.innerHTML = "";
-        if (this.value.trim().length <= 0) {
-          $wrapper.setAttribute('searching', 'false');
-          return;
-        }
-        $wrapper.setAttribute('searching', 'true');
-        // perform local searching
-        datas.forEach(function(data) {
-          if (!data.content?.trim().length) { return }
-          var matches = 0;
-          if (filter && !data.path.includes(filter)) { return }
-          var dataTitle = data.title?.trim() || 'Untitled';
-          var dataTitleLowerCase = dataTitle.toLowerCase();
-          var dataContent = data.content;
-          var dataContentLowerCase = dataContent.toLowerCase();
-          var dataUrl = data.path.startsWith('//') ? data.path.slice(1) : data.path; // 避免文章设置永久链接导致点击打开失败
-          var indexTitle = -1;
-          var indexContent = -1;
-          var firstOccur = -1;
-          // only match artiles with not empty contents
-          if (dataContent !== "") {
-            keywords.forEach(function(keyword) {
-              indexTitle = dataTitleLowerCase.indexOf(keyword);
-              indexContent = dataContentLowerCase.indexOf(keyword);
-
-              if( indexTitle >= 0 || indexContent >= 0 ){
-                matches += 1;
-                if (indexContent < 0) {
-                  indexContent = 0;
-                }
-                if (firstOccur < 0) {
-                  firstOccur = indexContent;
-                }
-              }
-            });
-          }
-          // show search results
-          if (matches > 0) {
-            var searchResult = {};
-            searchResult.rank = matches;
-            searchResult.str = "<li><a href='"+ dataUrl +"'><span class='search-result-title'>"+ dataTitle +"</span>";
-            if (firstOccur >= 0) {
-              // cut out 100 characters
-              var start = firstOccur - 20;
-              var end = firstOccur + 80;
-
-              if(start < 0){
-                start = 0;
-              }
-
-              if(start == 0){
-                end = 100;
-              }
-
-              if(end > dataContent.length){
-                end = dataContent.length;
-              }
-
-              var matchContent = dataContent.substring(start, end);
-
-              // highlight all keywords
-              var regS = new RegExp(keywords.join("|"), "gi");
-              matchContent = matchContent.replace(regS, function(keyword) {
-                return "<span class=\"search-keyword\">"+keyword+"</span>";
-              });
-
-              searchResult.str += "<p class=\"search-result-content\">" + matchContent +"...</p>";
-            }
-            searchResult.str += "</a></li>";
-            resultList.push(searchResult);
+  function escapeRegExp(string) {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  }
+
+  function initSearch(datas) {
+    var $input = document.getElementById(searchId);
+    if (!$input) { return; }
+    if ($input._searchInitialized) return; // 防止重复绑定
+    $input._searchInitialized = true;
+
+    var $resultContent = document.getElementById(contentId);
+    var $wrapper = document.getElementById(wrapperId);
+
+    $input.addEventListener("input", function() {
+      var resultList = [];
+      var keywords = getAllCombinations(this.value.trim().toLowerCase().split(" "))
+        .sort(function(a,b) { return b.split(" ").length - a.split(" ").length; });
+      $resultContent.innerHTML = "";
+      if (this.value.trim().length <= 0) {
+        $wrapper.setAttribute('searching', 'false');
+        return;
+      }
+      $wrapper.setAttribute('searching', 'true');
+
+      datas.forEach(function(data) {
+        if (!data.content?.trim().length) return;
+        if (filter && !data.path.includes(filter)) return;
+
+        var matches = 0;
+        var dataTitle = data.title?.trim() || 'Untitled';
+        var dataTitleLowerCase = dataTitle.toLowerCase();
+        var dataContent = data.content;
+        var dataContentLowerCase = dataContent.toLowerCase();
+        var dataUrl = data.path.startsWith('//') ? data.path.slice(1) : data.path;
+
+        var indexTitle = -1;
+        var indexContent = -1;
+        var firstOccur = -1;
+
+        keywords.forEach(function(keyword) {
+          indexTitle = dataTitleLowerCase.indexOf(keyword);
+          indexContent = dataContentLowerCase.indexOf(keyword);
+          if (indexTitle >= 0 || indexContent >= 0) {
+            matches += 1;
+            if (indexContent < 0) indexContent = 0;
+            if (firstOccur < 0) firstOccur = indexContent;
           }
         });
-        if (resultList.length) {
-          resultList.sort(function(a, b) {
-              return b.rank - a.rank;
-          });
-          var result ="<ul class=\"search-result-list\">";
-          for (var i = 0; i < resultList.length; i++) {
-            result += resultList[i].str;
+
+        if (matches > 0) {
+          const li = document.createElement('li');
+          const a = document.createElement('a');
+          a.href = dataUrl;
+
+          const titleSpan = document.createElement('span');
+          titleSpan.className = 'search-result-title';
+          titleSpan.textContent = dataTitle;
+          a.appendChild(titleSpan);
+
+          if (firstOccur >= 0) {
+            var start = Math.max(0, firstOccur - 20);
+            var end = Math.min(dataContent.length, firstOccur + 80);
+            if (start === 0) end = 100;
+            var matchContent = dataContent.substring(start, end);
+
+            var regS = new RegExp(keywords.map(escapeRegExp).join("|"), "gi");
+            matchContent = matchContent.replace(regS, function(keyword) {
+              return "<span class=\"search-keyword\">" + keyword + "</span>";
+            });
+
+            const para = document.createElement('p');
+            para.className = 'search-result-content';
+            para.innerHTML = matchContent + '...';
+            a.appendChild(para);
           }
-          result += "</ul>";
-          $resultContent.innerHTML = result;
+
+          li.appendChild(a);
+          resultList.push({ rank: matches, element: li });
         }
       });
-    }
-  });
+
+      if (resultList.length) {
+        resultList.sort(function(a, b) {
+          return b.rank - a.rank;
+        });
+
+        const ul = document.createElement('ul');
+        ul.className = 'search-result-list';
+        resultList.forEach(function(item) {
+          ul.appendChild(item.element);
+        });
+
+        $resultContent.innerHTML = '';
+        $resultContent.appendChild(ul);
+      }
+    });
+  }
+
+  if (!searchCache) {
+    // 数据还没准备好，延迟初始化
+    const timer = setInterval(() => {
+      if (searchCache) {
+        clearInterval(timer);
+        initSearch(searchCache);
+      }
+    }, 100);
+  } else {
+    initSearch(searchCache);
+  }
 };
 
 utils.jq(() => {
-  var $inputArea = $("input#search-input");
-    if ($inputArea.length == 0) {
-      return;
+  (function preloadSearchData() {
+    var path = ctx.search.path;
+    if (path.startsWith('/')) {
+      path = path.substring(1);
     }
-    var $resultArea = document.querySelector("div#search-result");
-    $inputArea.focus(function() {
-      var path = ctx.search.path;
-      if (path.startsWith('/')) {
-        path = path.substring(1);
-      }
-      path = ctx.root + path;
-      const filter = $inputArea.attr('data-filter') || '';
-      searchFunc(path, filter, 'search-wrapper', 'search-input', 'search-result');
-    });
-    $inputArea.keydown(function(e) {
-      if (e.which == 13) {
-        e.preventDefault();
+    path = ctx.root + path;
+
+    try {
+      var cached = localStorage.getItem(searchCacheKey);
+      if (cached) {
+        searchCache = JSON.parse(cached);
       }
-    });
-    var observer = new MutationObserver(function(mutationsList, observer) {
-      if (mutationsList.length == 1) {
-        if (mutationsList[0].addedNodes.length) {
-          $('.search-wrapper').removeClass('noresult');
-        } else if (mutationsList[0].removedNodes.length) {
-          $('.search-wrapper').addClass('noresult');
+    } catch (e) {
+      console.warn('搜索缓存解析失败', e);
+    }
+
+    fetch(path)
+      .then(res => res.json())
+      .then(json => {
+        searchCache = json;
+        try {
+          localStorage.setItem(searchCacheKey, JSON.stringify(json));
+        } catch (e) {
+          console.warn('搜索缓存写入失败', e);
         }
-      }
-    });
-    observer.observe($resultArea, { childList: true });
+      });
+  })();
+
+  var $inputArea = $("input#search-input");
+  if ($inputArea.length == 0) return;
+  var $resultArea = document.querySelector("div#search-result");
+
+  $inputArea.focus(function() {
+    var path = ctx.search.path;
+    if (path.startsWith('/')) {
+      path = path.substring(1);
+    }
+    path = ctx.root + path;
+    const filter = $inputArea.attr('data-filter') || '';
+    searchFunc(path, filter, 'search-wrapper', 'search-input', 'search-result');
+  });
+
+  $inputArea.keydown(function(e) {
+    if (e.which == 13) {
+      e.preventDefault();
+    }
+  });
+
+  const observer = new MutationObserver(function(mutationsList) {
+    const hasResults = $resultArea.querySelector(".search-result-list li");
+    $('.search-wrapper').toggleClass('noresult', !hasResults);
   });
+  observer.observe($resultArea, { childList: true, subtree: true });
+});

package/source/js/services/artalk_latest_comment.js

@@ -10,7 +10,7 @@ utils.jq(() => {
           continue;
         }
         utils.request(el, api, async resp => {
-          const data = await resp.json();
+          var data = await resp.json();
           data = data.data || [];
           data.forEach((item, i) => {
             var cell = '<div class="timenode" index="' + i + '">';

package/source/js/services/mdrender.js

@@ -3,7 +3,6 @@ utils.jq(() => {
   for (var i = 0; i < els.length; i++) {
     const el = els[i];
     const src = `${el.getAttribute('src')}?t=${new Date().getTime()}`;
-    console.log('src', src);
     
     utils.request(el, src, async resp => {
       const data = await resp.text();