hexo-theme-stellar 1.18.0 → 1.18.2

package/source/css/_plugins/swiper.styl

@@ -1,10 +1,10 @@
 :root
   --swiper-theme-color: $color-theme !important
-.swiper-container
+.swiper
   width: 100%
   border-radius: 4px
   --gap-p: 2rem
-.swiper-container:not(.swiper-container-initialized)
+.swiper:not(.swiper-initialized)
   display: none
 div.swiper-slide
   text-align: center
@@ -25,22 +25,32 @@ div.swiper-slide
   img
     border-radius: 4px
 
-.swiper-container[width='max'] div.swiper-slide
+.swiper[width='max'] .swiper-slide
   width: 100%
 
-.swiper-container[width='min'] div.swiper-slide
+.swiper[width='min'] .swiper-slide
   width: 25%
 
+.swiper[effect='cards'] .swiper-slide
+  max-width: 75%
+
 .swiper-button-prev,.swiper-button-next
-  padding: 1rem 0.5rem
+  padding: 1rem 0.25rem
   margin-top: -2rem !important
-  border-radius: 4px
+  border-radius: 40px
   background: alpha(white, 0.25)
   trans1 background
-  --swiper-theme-color: black !important
+  --swiper-theme-color: var(--text-p0) !important
   &:after
     font-size: 1.2rem !important
     font-weight: 700 !important
+    color: var(--swiper-theme-color)
   &:hover
     background: white !important
     --swiper-theme-color: $color-hover !important
+
+.swiper-button-prev:after
+  transform: translateX(-1px)
+
+.swiper-button-next:after
+  transform: translateX(1px)

package/source/js/main.js

@@ -95,6 +95,13 @@ const init = {
       $("article.md-text :header").each(function (idx, node) {
         segs.push(node)
       });
+      // 定位到激活的目录树（不如pjax体验好）
+      // const widgets = document.querySelector('.widgets')
+      // const e1 = document.querySelector('.doc-tree-link.active')
+      // const offsetTop = e1.getBoundingClientRect().top - widgets.getBoundingClientRect().top - 100
+      // if (offsetTop > 0) {
+      //   widgets.scrollBy({top: offsetTop, behavior: 'smooth'})
+      // }
       // 滚动
       $(document, window).scroll(function (e) {
         var scrollTop = $(this).scrollTop();
@@ -111,12 +118,24 @@ const init = {
           }
         }
         if (topSeg) {
-          $(".toc#toc a.toc-link").removeClass("active")
+          $("#data-toc a.toc-link").removeClass("active")
           var link = "#" + topSeg.attr("id")
           if (link != '#undefined') {
-            $('.toc#toc a.toc-link[href="' + encodeURI(link) + '"]').addClass("active")
+            const highlightItem = $('#data-toc a.toc-link[href="' + encodeURI(link) + '"]')
+            if (highlightItem.length > 0) {
+              highlightItem.addClass("active")
+              const e0 = document.querySelector('.widgets')
+              const e1 = document.querySelector('#data-toc a.toc-link[href="' + encodeURI(link) + '"]')
+              const offsetBottom = e1.getBoundingClientRect().bottom - e0.getBoundingClientRect().bottom + 100
+              const offsetTop = e1.getBoundingClientRect().top - e0.getBoundingClientRect().top - 80
+              if (offsetTop < 0) {
+                e0.scrollBy(0, offsetTop)
+              } else if (offsetBottom > 0) {
+                e0.scrollBy(0, offsetBottom)
+              }
+            }
           } else {
-            $('.toc#toc a.toc-link:first').addClass("active")
+            $('#data-toc a.toc-link:first').addClass("active")
           }
         }
       })
@@ -124,7 +143,7 @@ const init = {
   },
   sidebar: () => {
     stellar.jQuery(() => {
-      $(".toc#toc a.toc-link").click(function (e) {
+      $("#data-toc a.toc-link").click(function (e) {
         l_body.classList.remove("sidebar");
       });
     })
@@ -144,7 +163,7 @@ const init = {
    */
   registerTabsTag: function () {
     // Binding `nav-tabs` & `tab-content` by real time permalink changing.
-    document.querySelectorAll('.tabs ul.nav-tabs .tab').forEach(element => {
+    document.querySelectorAll('.tabs .nav-tabs .tab').forEach(element => {
       element.addEventListener('click', event => {
         event.preventDefault();
         // Prevent selected tab to select again.
@@ -241,10 +260,12 @@ if (stellar.plugins.swiper) {
   if (swiper_api != undefined) {
     stellar.loadCSS(stellar.plugins.swiper.css);
     stellar.loadScript(stellar.plugins.swiper.js, { defer: true }).then(function () {
-      var swiper = new Swiper('.swiper-container', {
+      const effect = swiper_api.getAttribute('effect') || '';
+      var swiper = new Swiper('.swiper#swiper-api', {
         slidesPerView: 'auto',
         spaceBetween: 8,
         centeredSlides: true,
+        effect: effect,
         loop: true,
         pagination: {
           el: '.swiper-pagination',
@@ -307,6 +328,9 @@ if (stellar.search.service) {
     stellar.jQuery(() => {
       stellar.loadScript('/js/search/local-search.js', { defer: true }).then(function () {
         var $inputArea = $("input#search-input");
+        if ($inputArea.length == 0) {
+          return;
+        }
         var $resultArea = document.querySelector("div#search-result");
         $inputArea.focus(function() {
           var path = stellar.search[stellar.search.service]?.path || '/search.json';

package/scripts/tags/ablock.js

@@ -1,33 +0,0 @@
-/**
- * ablock.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% ablock [color:color] [child:codeblock/tabs] title %}
- * body
- * {% endablock %}
- */
-
-'use strict';
-
-hexo.extend.tag.register('ablock', function(args, content) {
-  args = hexo.args.map(args, ['color', 'child'], ['title']);
-  const { title } = args;
-  if (args.color == null) {
-    args.color = hexo.theme.config.tag_plugins.note.default_color
-  }
-  var el = '';
-  // header
-  el += '<div class="tag-plugin note"';
-  el += ' ' + hexo.args.joinTags(args, ['color', 'child']).join(' ');
-  el += '>';
-  // title
-  if (title && title.length > 0) {
-    el += '<div class="title"><strong>' + title + '</strong></div>';
-  }
-  // content
-  el += '<div class="body">';
-  el += hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('');
-  el += '</div></div>';
-
-  return el;
-}, {ends: true});

package/scripts/tags/about.js

@@ -1,48 +0,0 @@
-/**
- * about.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% about [avatar:xxx] [height:80px] %}
- * title / body
- * {% endabout %}
- */
-
-'use strict';
-const url_for = require('hexo-util').url_for.bind(hexo);
-
-hexo.extend.tag.register('about', function(args, content) {
-  args = hexo.args.map(args, ['avatar', 'height', 'border', 'back']);
-  var rows = hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n');
-  var el = '';
-  // wrapper
-  el += '<div class="tag-plugin about">';
-  if (args.back) {
-    el += '<a class="nav-back cap" href="' + url_for(hexo.config.root) + '">';
-    el += '<svg aria-hidden="true" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"></path></svg>';
-    el += '</a>';
-  }
-  // avatar
-  var avatar_url = args.avatar;
-  if (avatar_url) {
-    el += '<div class="about-header">';
-    el += '<div class="avatar">';
-    el += '<img src="' + avatar_url + '"';
-    if (args.border && args.border.length > 0) {
-      el += ' style="border-radius:' + args.border + '"';
-    }
-    if (args.height && args.height.length > 0) {
-      el += ' height="' + args.height + '"';
-    }
-    el += '/>';
-    el += '</div>';
-    el += '</div>';
-  }
-
-  // content
-  el += '<div class="about-body fs14">';
-  el += rows.join('');
-  el += '</div>';
-
-  el += '</div>';
-  return el;
-}, {ends: true});

package/scripts/tags/checkbox.js

@@ -1,38 +0,0 @@
-/**
- * checkbox.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * radio.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% checkbox [checked:false] [color:cyan] [symbol:plus/minus/times] text %}
- * {% radio [checked:false] [color:cyan] text %}
- */
-
-'use strict';
-
-function layoutDiv(args, type) {
-  args = hexo.args.map(args, ['color', 'checked', 'symbol'], ['text']);
-  var el = '';
-  // div
-  el += '<div class="tag-plugin checkbox"';
-  el += ' ' + hexo.args.joinTags(args, ['color', 'symbol']).join(' ');
-  el += '>';
-  // input
-  el += '<input type="' + type + '"';
-  if (args.checked == 'true') {
-    el += ' checked="true"';
-  }
-  el += '/>';
-  // text
-  el += '<span>' + args.text + '</span>';
-  // div
-  el += '</div>';
-  return el;
-}
-
-hexo.extend.tag.register('checkbox', function(args) {
-  return layoutDiv(args, 'checkbox');
-});
-
-hexo.extend.tag.register('radio', function(args) {
-  return layoutDiv(args, 'radio');
-});

package/scripts/tags/emoji.js

@@ -1,40 +0,0 @@
-/**
- * emoji.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% emoji [source] name [height:1.75em] %}
- *
- */
-
-'use strict';
-
-hexo.extend.tag.register('emoji', function(args) {
-  const config = hexo.theme.config.tag_plugins.emoji;
-  args = hexo.args.map(args, ['height'], ['source', 'name']);
-  var el = '';
-  if (args.source == undefined) {
-    return el;
-  }
-  el += '<span class="tag-plugin emoji">';
-  if (args.name == undefined) {
-    // 省略了 source
-    for (let id in config) {
-      if (config[id]) {
-        args.name = args.source;
-        args.source = id;
-        break;
-      }
-    }
-  }
-  if (config[args.source] && args.name) {
-    let url = config[args.source].replace('%s', args.name);
-    el += '<img no-lazy="" class="inline"';
-    el += ' src="' + url + '"';
-    if (args.height) {
-      el += ' style="height:' + args.height + '"';
-    }
-    el += '/>';
-  }
-  el += '</span>';
-  return el;
-});

package/scripts/tags/folding.js

@@ -1,30 +0,0 @@
-/**
- * folding.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% folding [color:yellow] [child:codeblock] [open:false] title %}
- * body
- * {% endtable %}
- */
-
-'use strict';
-
-hexo.extend.tag.register('folding', function(args, content) {
-  args = hexo.args.map(args, ['color', 'child', 'open'], ['title']);
-  var el = '';
-  // header
-  el += '<details class="tag-plugin folding"';
-  el += ' ' + hexo.args.joinTags(args, ['color', 'child']).join(' ');
-  if (args.open && args.open == 'true') {
-    el += ' open';
-  }
-  el += '>';
-  // summary
-  el += '<summary><span>' + (args.title || '') + '</span></summary>';
-  // content
-  el += '<div class="body">';
-  el += hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('');
-  el += '</div></details>';
-
-  return el;
-}, {ends: true});

package/scripts/tags/frame.js

@@ -1,66 +0,0 @@
-/**
- * frame.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% frame iphone11 [img:src] [video:url] [focus:top/bottom] [alt] %}
- */
-
-'use strict';
-
-hexo.extend.tag.register('frame', function(args) {
-  args = hexo.args.map(args, ['focus', 'img', 'video'], ['device', 'alt']);
-  const img = args.img || '';
-  const video = args.video || '';
-  const device = args.device || '';
-  const focus = args.focus || '';
-  const alt = args.alt || '';
-  if ((img.length == 0 && video.length == 0) || device.length == 0) {
-    return;
-  }
-  var el = '';
-  function imgTag(url, alt) {
-    let i = '';
-    i += '<img class="img" src="' + url + '"';
-    if (alt.length > 0) {
-      i += ' alt="' + alt + '"';
-    }
-    i += '/>';
-    return i;
-  }
-  if (video.length > 0) {
-    el += '<div class="tag-plugin video-wrap">';
-    el += '<div class="frame-wrap" id="' + device + '"';
-    if (focus.length > 0) {
-      el += 'focus="' + focus + '">';
-    } else {
-      el += '>';
-    }
-    el += '<video';
-    if (img.length > 0) {
-      el += ' poster="' + img + '"';
-    }
-    el += ' playsinline="" muted="" loop="" autoplay="" preload="metadata">';
-    el += '<source src="' + video + '" type="video/mp4">';
-    el += '</video>';
-
-    el += '<div class="frame"></div>';
-    el += '</div>';
-    el += '</div>';
-  } else if (img.length > 0) {
-    el += '<div class="tag-plugin img-wrap">';
-    el += '<div class="frame-wrap" id="' + device + '"';
-    if (focus.length > 0) {
-      el += 'focus="' + focus + '">';
-    } else {
-      el += '>';
-    }
-    el += imgTag(img, alt);
-    el += '<div class="frame"></div>';
-    el += '</div>';
-    if (alt.length > 0) {
-      el += '<span class="image-caption">' + alt + '</span>';
-    }
-    el += '</div>';
-  }
-  return el;
-});

package/scripts/tags/friends.js

@@ -1,53 +0,0 @@
-/**
- * friends.js v2 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% friends [group] [repo:owner/repo] [api:http] %}
- */
-
-'use strict';
-
-hexo.extend.tag.register('friends', function(args) {
-  args = hexo.args.map(args, ['repo', 'api'], ['group']);
-  var links = hexo.locals.get('data').links;
-  if (links == undefined) {
-    links = {};
-  }
-  var api;
-  if (args.api) {
-    api = args.api;
-  } else if (args.repo) {
-    api = 'https://api.vlts.cc/output_data/v2/' + args.repo;
-  }
-  
-  var el = '<div class="tag-plugin users-wrap">';
-  if (api) {
-    el += '<div class="stellar-friends-api"';
-    el += ' api="' + api + '"';
-    el += '>';
-    el += '<div class="group-body"></div>';
-    el += '</div>';
-  } else if (args.group) {
-    function cell(item) {
-      if (item.url && item.title) {
-        var cell = '<div class="user-card">';
-        cell += '<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="' + item.url + '">';
-        cell += '<img src="' + (item.avatar || hexo.theme.config.default.avatar) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + hexo.theme.config.default.avatar + '&quot;;"/>';
-        cell += '<div class="name"><span>' + item.title + '</span></div>';
-        cell += '</a></div>'
-        return cell;
-      } else {
-        return '';
-      }
-    }
-    el += '<div class="group-body">';
-    const items = links[args.group] || [];
-    items.forEach((item, i) => {
-      el += cell(item);
-    });
-    el += '</div>';
-  }
-  
-  el += '</div>';
-  return el;
-});

package/scripts/tags/lib/users.js

@@ -1,22 +0,0 @@
-/**
- * users.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% users api:https://api.github.com/repos/xaoxuu/hexo-theme-stellar/contributors %}
- */
-
-'use strict';
-
-module.exports = ctx => function(args) {
-  args = ctx.args.map(args, ['api']);
-  var el = '<div class="tag-plugin users-wrap">';
-  
-  el += '<div class="stellar-friends-api"';
-  el += ' api="' + args.api + '"';
-  el += '>';
-  el += '<div class="group-body"></div>';
-  el += '</div>';
-
-  el += '</div>';
-  return el;
-};

package/scripts/tags/link.js

@@ -1,79 +0,0 @@
-/**
- * link.js v1.1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% link url [title] [desc:true/false] [icon:src] %}
- */
-
-'use strict';
-
-const full_url_for = require('hexo-util').full_url_for.bind(hexo);
-
-hexo.extend.tag.register('link', function(args) {
-  args = hexo.args.map(args, ['icon', 'desc'], ['url', 'title']);
-  var autofill = [];
-  if (!args.title) {
-    autofill.push('title');
-  }
-  if (!args.icon) {
-    autofill.push('icon');
-  }
-  if (args.desc) {
-    autofill.push('desc');
-  }
-  var el = '';
-  el += '<div class="tag-plugin link dis-select">';
-  el += '<a class="link-card' + (args.desc ? ' rich' : ' plain') + '" title="' + (args.title || '') + '" href="' + args.url + '"';
-  if (args.url.includes('://')) {
-    el += ' target="_blank" rel="external nofollow noopener noreferrer"';
-  }
-  el += ' cardlink';
-  el += ' autofill="';
-  el += autofill.join(',');
-  el += '"';
-  el += '>';
-
-  function loadIcon() {
-    var el = '';
-    if (hexo.theme.config.plugins.lazyload && hexo.theme.config.plugins.lazyload.enable) {
-      el += '<div class="lazy img" data-bg="' + (args.icon || hexo.theme.config.default.link) + '"></div>';
-    } else {
-      el += '<div class="lazy img" style="background-image:url(&quot;' + (args.icon || hexo.theme.config.default.link) + '&quot;)"></div>';
-    }
-    return el;
-  }
-  function loadTitle() {
-    return '<span class="title">' + (args.title || args.url) + '</span>';
-  }
-  function loadDesc() {
-    return '<span class="cap desc fs12"></span>';
-  }
-  function loadLink() {
-    return '<span class="cap link fs12">' + full_url_for(args.url) + '</span>';
-  }
-
-  if (args.desc) {
-    // top
-    el += '<div class="top">';
-    el += loadIcon() + loadLink();
-    el += '</div>';
-    // bottom
-    el += '<div class="bottom">';
-    el += loadTitle() + loadDesc();
-    el += '</div>';
-  } else {
-    // left
-    el += '<div class="left">';
-    el += loadTitle() + loadLink();
-    el += '</div>';
-    // right
-    el += '<div class="right">';
-    el += loadIcon();
-    el += '</div>';
-  }
-
-  // end
-  el += '</a></div>';
-
-  return el;
-});

package/scripts/tags/mark.js

@@ -1,23 +0,0 @@
-/**
- * mark.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% mark text [color:color] %}
- *
- */
-
-'use strict';
-
-hexo.extend.tag.register('mark', function(args) {
-  args = hexo.args.map(args, ['color'], ['text']);
-  if (args.color == null) {
-    args.color = hexo.theme.config.tag_plugins.mark.default_color
-  }
-  var el = '';
-  el += '<mark class="tag-plugin mark"';
-  el += ' ' + hexo.args.joinTags(args, ['color']).join(' ');
-  el += '>';
-  el += args.text;
-  el += '</mark>';
-  return el;
-});

package/scripts/tags/navbar.js

@@ -1,57 +0,0 @@
-/**
- * navbar.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% navbar [markdown link] ... %}
- *
- * example:
- * {% navbar active:1 [Home](/) [About](/about/) [Comments](#comments) %}
- */
-
-'use strict';
-
-hexo.extend.tag.register('navbar', function(args) {
-  if (args.length == 0) {
-    return;
-  }
-  args = hexo.args.map(args, ['active'], ['links']);
-  if (args.links) {
-    args.links = args.links.split(' ');
-  }
-  var el = '<div class="tag-plugin navbar"><nav class="cap">';
-  function layoutItem(a, i) {
-    var text = '';
-    var href = '';
-    var el = '<a';
-    if ((i+1).toString() === args.active) {
-      el += ' class="active"';
-    }
-    if (a.includes('](')) {
-      // markdown
-      let tmp = a.split('](');
-      if (tmp.length > 1) {
-        text = tmp[0];
-        if (text.length > 1) {
-          text = text.substring(1, text.length);
-        }
-        href = tmp[1];
-        if (href.length > 1) {
-          href = href.substring(0, href.length-1);
-        }
-        el += ' href="' + href + '"';
-      }
-    } else {
-      el += ' href="#' + a + '"';
-      text = a;
-    }
-    el += '>';
-    el += text;
-    el += '</a>';
-    return el;
-  }
-  (args.links || []).forEach((item, i) => {
-    el += layoutItem(item, i);
-  });
-  el += '</nav></div>';
-  return el;
-});

package/scripts/tags/note.js

@@ -1,35 +0,0 @@
-/**
- * note.js v1.1 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% note [color:color] [title] content %}
- */
-
-'use strict';
-
-hexo.extend.tag.register('note', function(args) {
-  args = hexo.args.map(args, ['color'], ['title', 'content']);
-  if (args.content == undefined || args.content.length <= 0) {
-    args.content = args.title;
-    args.title = '';
-  }
-  const { title } = args;
-  if (args.color == null) {
-    args.color = hexo.theme.config.tag_plugins.note.default_color
-  }
-  var el = '';
-  // header
-  el += '<div class="tag-plugin note"';
-  el += ' ' + hexo.args.joinTags(args, ['color', 'child']).join(' ');
-  el += '>';
-  // title
-  if (title && title.length > 0) {
-    el += '<div class="title">' + title + '</div>';
-  }
-  // content
-  el += '<div class="body">';
-  el += hexo.render.renderSync({text: args.content, engine: 'markdown'}).split('\n').join('');
-  el += '</div></div>';
-
-  return el;
-});