hexo-theme-stellar 1.17.2 → 1.18.1

package/source/css/_layout/tag-plugins/quot.styl

@@ -1,62 +1,64 @@
 .md-text .tag-plugin.quot
   text-align: center
-  position: relative
   align-items: center
-  max-width 400px
-.md-text .tag-plugin.quot:not(span)
-  display: inline-flex
-  align-self: center
-  border-bottom: none
-  font-weight: 700
-  &:first-child
-    margin-top: 1.5rem
-  a.headerlink:before
-    content: ''
-  padding: 16px 24px 8px 24px
-  @media screen and (max-width: $device-mobile)
-    padding: 16px 20px 8px
-  line-height: 1.2
+  display: flex
+  flex-direction: column
+  
+  .content
+    display: flex
+    align-items: center
+    border-bottom: none
+    font-weight: 700
+    padding: 16px 24px
+    a.headerlink:before
+      content: ''
+    @media screen and (max-width: $device-mobile)
+      padding: 12px 20px
+    line-height: 1.2
 
+.md-text .tag-plugin.quot .content
+  max-width 400px
+  position: relative
 // override
-.md-text.content
-  .quot:not(span)
-    color: var(--text-p0)
-  h1.quot
+.tag-plugin.quot
+  h1
     font-size: $fs-h1
     font-weight: 900
     padding: 20px 32px 12px 32px
     @media screen and (max-width: $device-mobile)
       padding: 20px 24px 12px
-  h2.quot,h3.quot,h4.quot,h5.quot,h6.quot
+  h2,h3,h4,h5,h6
     font-size: $fs-h3
-  p.quot
+  p
     font-size: $fs-h4
+    color: var(--text-p0)
 
 // type=text
-.md-text .tag-plugin.quot[type=text]:not(span)
-  &:before,&:after
-    content: ""
-    position: absolute
-    width: 8px
-    height: 14px
-  &:before
-    top: 8px
-    left: 0
-    border-top: 6px solid $color-accent
-    border-left: 6px solid $color-accent
-  &:after
-    right: 0
-    bottom: 0
-    border-right: 6px solid $color-accent
-    border-bottom: 6px solid $color-accent
-.md-text.content h1.quot[type=text]
-  &:before,&:after
-    width: 12px
-    height: 20px
-    border-width: 8px
+.md-text .tag-plugin.quot
+  .content[type=text]
+    &:before,&:after
+      content: ""
+      position: absolute
+      width: 8px
+      height: 14px
+    &:before
+      top: 8px
+      left: 0
+      border-top: 6px solid $color-accent
+      border-left: 6px solid $color-accent
+    &:after
+      right: 0
+      bottom: 8px
+      border-right: 6px solid $color-accent
+      border-bottom: 6px solid $color-accent
+  h1.content[type=text]
+    &:before,&:after
+      width: 12px
+      height: 20px
+      border-width: 8px
 
 // type=icon
-.md-text .tag-plugin.quot[type=icon]:not(span)
+.md-text .tag-plugin.quot .content[type=icon]
   .icon
     height: 1.5em
     display: inline-block
@@ -67,18 +69,3 @@
       margin-right: .5rem
     &.suffix
       margin-left: .5rem
-
-// inline quot
-.md-text span.tag-plugin.quot
-  font-weight: 500
-  &:before,&:after
-    color: $color-accent
-    font-weight: 900
-  &:before
-    content: "「"
-    margin-left: -0.125em
-    margin-right: 0.125em
-  &:after
-    content: "」"
-    margin-left: 0.125em
-    margin-right: -0.125em

package/source/css/_layout/tag-plugins/tag.styl

@@ -0,0 +1,13 @@
+.md-text .tag-plugin.tag
+  padding: 0px 4px
+  border-radius: 2px
+  background: var(--theme-bg1)
+  color: var(--text-p2)
+  margin: 2px 0
+  display: inline-block
+  font-size: $fs-14
+  trans2 background color
+  &:hover
+    background: var(--text-p2)
+    color: var(--theme-bg1)
+  

package/source/css/_layout/widgets/ghuser.styl

@@ -52,21 +52,25 @@
   .menu 
     margin-bottom: 0
     background: none
-    a:hover 
-      box-shadow: none 
-      background: var(--block)
-    a.active 
-      box-shadow: none
-      position: relative
-      &:after
-        content: ''
-        position: absolute
-        height: 3px
-        bottom: 0
-        width: 32px
-        left: 'calc(50% - 0.5 * %s)' % @width
-        border-radius: 4px
-        background: $color-theme
+    border: 0
+    a
+      margin: 0
+      &.active 
+        box-shadow: none
+        position: relative
+        background: none
+        &:after
+          content: ''
+          position: absolute
+          height: 3px
+          bottom: 0
+          width: 32px
+          left: 'calc(50% - 0.5 * %s)' % @width
+          border-radius: 4px
+          background: $color-theme
+      &:hover 
+        box-shadow: none 
+        background: var(--block)
 
   .buttons
     margin: 1rem 0

package/source/css/_layout/widgets/search.styl

@@ -1,3 +1,104 @@
 .widgets .widget-wrapper.search
-  margin-top: 0
+  margin-top: 1rem
   margin-bottom: 0
+
+.search-wrapper
+  width: 100%
+  >.search-form
+    position: sticky
+    top: 1rem
+    display: flex
+    flex-direction: row
+    align-items: center
+  .search-input
+    width: 100%
+    padding: 0.5rem
+    line-height: 1
+    box-sizing: border-box
+    font-family: $ff-body
+    border-radius: $border-block
+    background-color: var(--card)
+    color: var(--text-p0)
+    border: 1px solid var(--block-border)
+    &:focus
+      trans1 border-color
+  
+  &.noresult 
+    .search-input
+      &:focus
+        border: 1px solid $c-red
+    .search-icon
+      color: $c-red
+
+  .search-no-result
+    display: none
+    margin: 1em auto
+    color: var(--text-p1)
+    text-align: center
+    font-size: $fs-14
+    padding: 2rem
+    background: var(--block)
+    border-radius: $border-block
+
+  #search-result
+    ul.search-result-list
+      padding: 0
+      margin: 0
+      list-style-type: none
+    li
+      margin: 1em auto
+      &:hover
+        .search-result-title
+          color: $color-hover
+    .search-result-title
+      color: var(--text-p1)
+      font-weight: 700
+      line-height: 1.2
+
+    .search-result-content
+      overflow: hidden
+      color: var(--text-p3)
+      margin: .4em auto
+      max-height: 13em
+      text-align: justify
+      font-size: $fs-12
+      line-height: 1.2
+      display: -webkit-box
+      -webkit-box-orient: vertical
+      overflow: hidden
+      -webkit-line-clamp: 3
+
+    .search-keyword
+      border-bottom: 1px dashed $color-hover
+      color: $color-hover
+      font-weight: bold
+
+
+
+.search-wrapper.noresult
+  .search-no-result
+    display: block
+
+.widget-wrapper
+  .search-form
+    top: 0
+    background: var(--site-bg)
+  .search-input
+    margin-top: 1rem
+    margin-bottom: -1rem
+    padding-left: 1.75rem
+  .search-icon 
+    margin-top: 1rem
+    margin-bottom: -1rem
+    position: absolute
+    margin-left: 0.5rem
+    left: 0
+    pointer-events: none
+    color: var(--text-p2)
+    
+  #search-result,.search-no-result
+    margin-top: 2rem
+
+.widget-wrapper:not(:first-child)
+  .search-wrapper
+    margin-top: -1rem

package/source/css/_layout/widgets/toc_common.styl

@@ -66,6 +66,6 @@
   &:hover
     background: var(--block-hover)
   &.active
-    color: var(--theme-highlight) !important
+    color: $color-theme !important
     &:before
       visibility: visible

package/source/css/_plugins/aplayer.styl

@@ -0,0 +1,3 @@
+.md-text
+  .aplayer
+    border-radius: $border-block

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

@@ -0,0 +1,4 @@
+.cmt-body.artalk .artalk
+  --at-color-main: $color-theme
+  .atk-main-editor
+    border-radius: $border-block

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

@@ -110,7 +110,6 @@ set_darkmode_comments()
   .cmt-body.twikoo
     --twikoo-lighttext: #f2b94b;
     --twikoo-secondtext: #a1a2b8;
-    --twikoo-emoji-background: darken($dark-block, 1);
     --twikoo-theme: #409eff;
 
 if hexo-config('style.darkmode') == 'auto'

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

@@ -2,5 +2,5 @@
   margin: 0 -4px
   width: 'calc(100% + %s)' % 8px
 
-.related-wrap#comments div.cmt-body svg.loading
+.related-wrap#comments .cmt-body svg.loading
   top: 62px

package/source/css/_plugins/index.styl

@@ -1,3 +1,5 @@
+@import 'aplayer'
+
 // 根据主题配置加载
 if hexo-config('plugins.lazyload.enable')
   @import 'lazyload'
@@ -8,9 +10,6 @@ if hexo-config('plugins.scrollreveal.enable')
 if hexo-config('plugins.fancybox.enable')
   @import 'fancybox'
 
-// 搜索
-if hexo-config('search.service') == 'local_search'
-  @import 'search/local-search'
 
 // 评论
 if hexo-config('comments.service') == 'beaudar'
@@ -21,3 +20,5 @@ if hexo-config('comments.service') == 'utterances'
   @import 'comments/utterances'
 if hexo-config('comments.service') == 'waline'
   @import 'comments/waline'
+if hexo-config('comments.service') == 'artalk'
+  @import 'comments/artalk'

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,12 +25,15 @@ 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
   margin-top: -2rem !important

package/source/js/main.js

@@ -111,12 +111,12 @@ 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")
+            $('#data-toc a.toc-link[href="' + encodeURI(link) + '"]').addClass("active")
           } else {
-            $('.toc#toc a.toc-link:first').addClass("active")
+            $('#data-toc a.toc-link:first').addClass("active")
           }
         }
       })
@@ -124,7 +124,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");
       });
     })
@@ -241,10 +241,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',

package/source/js/plugins/weibo.js

@@ -0,0 +1,116 @@
+const weibojs = {
+  requestAPI: (url, callback, timeout) => {
+    let retryTimes = 5;
+    function request() {
+      return new Promise((resolve, reject) => {
+        let status = 0; // 0 等待 1 完成 2 超时
+        let timer = setTimeout(() => {
+          if (status === 0) {
+            status = 2;
+            timer = null;
+            reject('请求超时');
+            if (retryTimes == 0) {
+              timeout();
+            }
+          }
+        }, 5000);
+        fetch(url).then(function(response) {
+          if (status !== 2) {
+            clearTimeout(timer);
+            resolve(response);
+            timer = null;
+            status = 1;
+          }
+          if (response.ok) {
+            return response.json();
+          }
+          throw new Error('Network response was not ok.');
+        }).then(function(data) {
+          retryTimes = 0;
+          callback(data);
+        }).catch(function(error) {
+          if (retryTimes > 0) {
+            retryTimes -= 1;
+            setTimeout(() => {
+              request();
+            }, 5000);
+          } else {
+            timeout();
+          }
+        });
+      });
+    }
+    request();
+  },
+  layoutDiv: (cfg) => {
+    const el = $(cfg.el)[0];
+    $(el).append('<div class="loading-wrap"><svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" stroke-opacity=".3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1.3s" values="60;0"/></path><path stroke-dasharray="15" stroke-dashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="15;0"/><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></g></svg></div>');
+    weibojs.requestAPI(cfg.api, function(data) {
+      $(el).find('.loading-wrap').remove();
+      const arr = data.tweets || [];
+      const limit = el.getAttribute('limit');
+      arr.forEach((item, i) => {
+        if (limit && i >= limit) {
+          return;
+        }
+        var cell = '<div class="timenode" index="' + i + '">';
+        cell += '<div class="header">';
+        cell += '<div class="user-info">';
+        cell += '<img src="' + (data.user.avatar_hd || cfg.avatar) + '" onerror="javascript:this.src=\'' + cfg.avatar + '\';">';
+        cell += '<span>' + data.user.nick_name + '</span>';
+        cell += '</div>';
+        cell += '<p>' + item.created_at + '</p>';
+        cell += '</div>';
+        cell += '<div class="body">';
+        cell += '<a class="body" href="' + item.url + '" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += item.content;
+        cell += '</a>';
+        // cell += '</div>';
+        // 每条微博的右下角 转发 评论 点赞
+        cell += '<div class="footer">';
+        cell += '<div class="flex left">';
+        cell += '</div>';
+        cell += '<div class="flex right">';
+        cell += '<div class="item reaction repost">';
+        cell += '<a class="item comments last" href="' + item.url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += '<span>' + '🔗' + ' ' + item.reposts_count + '</span>';
+        cell += '</a>';
+        cell += '</div>';
+        cell += '<a class="item comments last" href="' + item.url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += '<span><svg t="1666270368054" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2528" width="200" height="200"><path d="M952 64H72C32.3 64 0 96.3 0 136v508c0 39.7 32.3 72 72 72h261l128 128c14 14 32.5 21.1 50.9 21.1s36.9-7 50.9-21.1l128-128h261c39.7 0 72-32.3 72-72V136c0.2-39.7-32.1-72-71.8-72zM222 462c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72-32.2 72-72 72z m290-7.7c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z m290 8c-39.8 0-72-32.2-72-72s32.2-72 72-72 72 32.2 72 72c0 39.7-32.2 72-72 72z" p-id="2529"></path></svg> '
+         + (item.comments_count || 0) + '</span>';
+        cell += '</a>';
+        cell += '<div class="item reaction attitudes">';
+        cell += '<a class="item comments last" href="' + item.url + '#issuecomment-new" target="_blank" rel="external nofollow noopener noreferrer">';
+        cell += '<span>' + '👍' + ' ' + item.attitudes_count + '</span>';
+        cell += '</a>';
+        cell += '</div>';
+
+        cell += '</div>';
+        cell += '</div>';
+        // 右下角结束
+        $(el).append(cell);
+      });
+    }, function() {
+      $(el).find('.loading-wrap svg').remove();
+      $(el).find('.loading-wrap').append('<svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3L21 20H3L12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="6" stroke-dashoffset="6" d="M12 10V14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="6;0"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/></circle></svg>');
+      $(el).find('.loading-wrap').addClass('error');
+    });
+  },
+}
+
+$(function () {
+  const els = document.getElementsByClassName('stellar-weibo-api');
+  for (var i = 0; i < els.length; i++) {
+    const el = els[i];
+    const api = el.getAttribute('api');       // 这个API可以返回微博的json文件
+    if (api == null) {
+      continue;
+    }
+    var cfg = new Object();
+    cfg.el = el;
+    cfg.api = api;
+    cfg.avatar = 'https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/avatar/round/3442075.svg';
+    weibojs.layoutDiv(cfg);
+  }
+});

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/border.js

@@ -1,35 +0,0 @@
-/**
- * border.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
- * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
- *
- * {% border [color:color] [child:codeblock/tabs] title %}
- * body
- * {% endborder %}
- */
-
-'use strict';
-
-hexo.extend.tag.register('border', function(args, content) {
-  args = hexo.args.map(args, ['color', 'child'], ['title']);
-  const color = args.color;
-  const title = args.title;
-  var el = '';
-  const defaultColor = hexo.theme.config.tag_plugins.note.default_color;
-  if (!color && defaultColor) {
-    color = defaultColor;
-  }
-  // 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/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');
-});