hexo-theme-stellar 1.18.0 → 1.18.1

package/scripts/tags/{quot.js → lib/quot.js}

@@ -7,49 +7,49 @@
  *
  */
 
-'use strict';
+'use strict'
 
-hexo.extend.tag.register('quot', function(args) {
-  var el = '';
-  args = hexo.args.map(args, ['el', 'icon'], ['text']);
+module.exports = ctx => function(args) {
+  var el = ''
+  args = ctx.args.map(args, ['el', 'icon'], ['text'])
   if (!args.el) {
-    args.el = 'p';
+    args.el = 'p'
   }
 
-  var type = '';
+  var type = ''
   if (args.icon && args.icon != 'square' && args.icon != 'quotes') {
-    type = ' type="icon"';
+    type = ' type="icon"'
   } else {
-    type = ' type="text"';
+    type = ' type="text"'
   }
   function content() {
     if (!args.icon) {
-      return args.text;
+      return args.text
     }
-    var el = '';
-    const cfg = hexo.theme.config.tag_plugins.quot[args.icon];
+    var el = ''
+    const cfg = ctx.theme.config.tag_plugins.quot[args.icon]
     if (cfg && cfg.prefix) {
-      el += '<img class="icon prefix" src="' + cfg.prefix + '" />';
+      el += '<img class="icon prefix" src="' + cfg.prefix + '" />'
     }
-    el += args.text;
+    el += args.text
     if (cfg && cfg.suffix) {
-      el += '<img class="icon suffix" src="' + cfg.suffix + '" />';
+      el += '<img class="icon suffix" src="' + cfg.suffix + '" />'
     }
-    return el;
+    return el
   }
   if (args.el.includes('h')) {
     el += '<div' + ' class="tag-plugin quot">'
-    el += '<' + args.el + ' class="content" id="' + args.text + '"' + type + '>';
-    el += '<a href="#' + args.text + '" class="headerlink" title="' + args.text + '"></a>';
-    el += content();
-    el += '</' + args.el + '>';
+    el += '<' + args.el + ' class="content" id="' + args.text + '"' + type + '>'
+    el += '<a href="#' + args.text + '" class="headerlink" title="' + args.text + '"></a>'
+    el += content()
+    el += '</' + args.el + '>'
     el += '</div>'
   } else {
     el += '<div' + ' class="tag-plugin quot">'
-    el += '<' + args.el + ' class="content"' + type + '>';
-    el += content();
-    el += '</' + args.el + '>';
+    el += '<' + args.el + ' class="content"' + type + '>'
+    el += content()
+    el += '</' + args.el + '>'
     el += '</div>'
   }
-  return el;
-});
+  return el
+}

package/scripts/tags/lib/sites.js

@@ -0,0 +1,57 @@
+/**
+ * sites.js v2 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% sites [group] [repo:owner/repo] [api:http] %}
+ */
+
+'use strict'
+
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['repo', 'api'], ['group'])
+  var links = ctx.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 sites-wrap">'
+  if (api) {
+    el += '<div class="stellar-sites-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="site-card">'
+        cell += '<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="' + item.url + '">'
+        cell += '<img src="' + (item.screenshot || ('https://screenshot-api.xaoxuu.com/api?url=' + item.url + '&width=1280&height=720')) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + ctx.theme.config.default.cover + '&quot;;"/>'
+        cell += '<div class="info">'
+        cell += '<img src="' + (item.avatar || ctx.theme.config.default.link) + '" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;' + ctx.theme.config.default.link + '&quot;;"/>'
+        cell += '<span class="title">' + item.title + '</span>'
+        cell += '<span class="desc">' + (item.description || item.url) + '</span>'
+        cell += '</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/swiper.js

@@ -0,0 +1,36 @@
+/**
+ * swiper.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% swiper [width:max] [effect:cards] %}
+ * ![img](src)
+ * {% endswiper %}
+ */
+
+'use strict'
+
+module.exports = ctx => function(args, content) {
+  args = ctx.args.map(args, ['width', 'effect'])
+  var el = ''
+  function slide() {
+    let imgs = ctx.render.renderSync({text: content, engine: 'markdown'})
+    imgs = imgs.match(/<img(.*?)src="(.*?)"(.*?)>/gi)
+    if (imgs && imgs.length > 0) {
+      imgs.forEach((img, i) => {
+        img = img.replace('<img src', '<img no-lazy src')
+        el += '<div class="swiper-slide">' + img + '</div>'
+      })
+    }
+  }
+  el += '<div class="tag-plugin gallery swiper" id="swiper-api"'
+  el += ' ' + ctx.args.joinTags(args, ['width', 'effect']).join(' ')
+  el += '>'
+  el += '<div class="swiper-wrapper">'
+  slide()
+  el += '</div>'
+  el += '<div class="swiper-pagination"></div>'
+  el += '<div class="swiper-button-prev blur"></div>'
+  el += '<div class="swiper-button-next blur"></div>'
+  el += '</div>'
+  return el
+}

package/scripts/tags/lib/tabs.js

@@ -2,58 +2,58 @@
  * tabs.js v2 | 基于NexT修改： https://theme-next.js.org/docs/tag-plugins/tabs
  */
 
-'use strict';
+'use strict'
 
-var tab_index = 0;
+var tab_index = 0 
 
 module.exports = ctx => function(args, content = '') {
-  var el = '';
   var arr = content.split(/<!--\s*tab (.*?)\s*-->/g).filter(item => item.trim().length > 0)
   if (arr.length < 1) {
-    return el;
+    return ''
   }
-  var tabs = [];
+  var tabs = []
   arr.forEach((item, i) => {
     if (i % 2 == 0) {
       tabs.push({
         header: item
-      });
+      })
     } else if (tabs.length > 0) {
-      var tab = tabs[tabs.length-1];
+      var tab = tabs[tabs.length-1]
       if (tab.body == undefined) {
-        tab.body = item;
+        tab.body = item
       } else {
-        tab.body += '\n' + item;
+        tab.body += '\n' + item
       }
     }
-  });
+  })
 
-  args = ctx.args.map(args, ['active', 'align']);
-  const tabName = 'tab_' + ++tab_index;
-  const tabActive = Number(args.active) || 0;
+  args = ctx.args.map(args, ['active', 'align'])
+  const tabName = 'tab_' + ++tab_index
+  const tabActive = Number(args.active) || 0
 
-  let tabId = 0;
-  let tabNav = '';
-  let tabContent = '';
+  let tabId = 0
+  let tabNav = ''
+  let tabContent = ''
   tabs.forEach((tab, i) => {
-    let content = ctx.render.renderSync({ text: (tab.body || ''), engine: 'markdown' }).trim();
-    const abbr = tabName + ' ' + ++tabId;
-    const href = abbr.toLowerCase().split(' ').join('-');
-    const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : '';
-    tabNav += `<li class="tab${isActive}"><a href="#${href}">${tab.header || abbr}</a></li>`;
-    tabContent += `<div class="tab-pane${isActive}" id="${href}">${content}</div>`;
-  });
+    let content = ctx.render.renderSync({ text: (tab.body || ''), engine: 'markdown' }).trim()
+    const abbr = tabName + ' ' + ++tabId
+    const href = abbr.toLowerCase().split(' ').join('-')
+    const isActive = (tabActive > 0 && tabActive === tabId) || (tabActive === 0 && tabId === 1) ? ' active' : ''
+    tabNav += `<li class="tab${isActive}"><a href="#${href}">${tab.header || abbr}</a></li>`
+    tabContent += `<div class="tab-pane${isActive}" id="${href}">${content}</div>`
+  })
 
-  tabNav = `<ul class="nav-tabs">${tabNav}</ul>`;
-  tabContent = `<div class="tab-content">${tabContent}</div>`;
+  tabNav = `<ul class="nav-tabs">${tabNav}</ul>`
+  tabContent = `<div class="tab-content">${tabContent}</div>`
 
-  el += '<div class="tag-plugin tabs"';
+  var el = ''
+  el += '<div class="tag-plugin tabs"'
   if (args.align != undefined) {
-    el += ' align="' + args.align + '"';
+    el += ' align="' + args.align + '"'
   }
-  el += 'id="' + tabName.toLowerCase().split(' ').join('-') + '"';
-  el += '">';
-  el += tabNav + tabContent;
-  el += '</div>';
-  return el;
-};
+  el += 'id="' + tabName.toLowerCase().split(' ').join('-') + '"'
+  el += '>'
+  el += tabNav + tabContent
+  el += '</div>'
+  return el
+}

package/scripts/tags/{tag.js → lib/tag.js}

@@ -6,15 +6,15 @@
  *
  */
 
-'use strict';
+'use strict'
 
 const tag_colors = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'purple']
-var tag_index = 0;
+var tag_index = 0
 
-hexo.extend.tag.register('tag', function(args) {
-  args = hexo.args.map(args, ['color'], ['text', 'href']);
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['color'], ['text', 'href'])
   if (args.color == null) {
-    const default_color = hexo.theme.config.tag_plugins.tag?.default_color
+    const default_color = ctx.theme.config.tag_plugins.tag?.default_color
     if (default_color) {
       args.color = default_color
     } else {
@@ -25,11 +25,11 @@ hexo.extend.tag.register('tag', function(args) {
       }
     }
   }
-  var el = '';
-  el += '<a class="tag-plugin tag"';
-  el += ' ' + hexo.args.joinTags(args, ['color', 'href']).join(' ');
-  el += '>';
-  el += args.text;
-  el += '</a>';
-  return el;
-});
+  var el = ''
+  el += '<a class="tag-plugin tag"'
+  el += ' ' + ctx.args.joinTags(args, ['color', 'href']).join(' ')
+  el += '>'
+  el += args.text
+  el += '</a>'
+  return el
+}

package/scripts/tags/lib/timeline.js

@@ -0,0 +1,78 @@
+/**
+ * timeline.js v2 | https://github.com/xaoxuu/hexo-theme-stellar/
+ *
+ * {% timeline %}
+ *
+ * <!-- node header1 -->
+ * what happened 1
+ *
+ * <!-- node header2 -->
+ * what happened 2
+ *
+ * {% endtimeline %}
+ */
+
+'use strict'
+
+function layoutNodeTitle(ctx, content) {
+  var el = ''
+  el += '<div class="header">'
+  if (content && content.length > 0) {
+    el += ctx.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')
+  }
+  el += '</div>'
+  return el
+}
+
+function layoutNodeContent(ctx, content) {
+  var el = ''
+  el += '<div class="body fs14">'
+  if (content && content.length > 0) {
+    el += ctx.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')
+  }
+  el += '</div>'
+  return el
+}
+
+module.exports = ctx => function(args, content = '') {
+  args = ctx.args.map(args, ['api', 'user', 'type', 'limit', 'hide'])
+  var el = ''
+  if (!args.type) {
+    args.type = 'timeline'
+  }
+  if (args.api && args.api.length > 0) {
+    el += '<div class="tag-plugin timeline stellar-' + args.type + '-api"'
+    el += ' ' + ctx.args.joinTags(args, ['api', 'user', 'limit', 'hide']).join(' ')
+    el += '>'
+  } else {
+    el += '<div class="tag-plugin timeline">'
+  }
+
+  var arr = content.split(/<!--\s*node (.*?)\s*-->/g).filter(item => item.trim().length > 0)
+  if (arr.length > 0) {
+    var nodes = []
+    arr.forEach((item, i) => {
+      if (i % 2 == 0) {
+        nodes.push({
+          header: item
+        })
+      } else if (nodes.length > 0) {
+        var node = nodes[nodes.length-1]
+        if (node.body == undefined) {
+          node.body = item
+        } else {
+          node.body += '\n' + item
+        }
+      }
+    })
+    nodes.forEach((node, i) => {
+      el += '<div class="timenode" index="' + (i) + '">'
+      el += layoutNodeTitle(ctx, node.header)
+      el += layoutNodeContent(ctx, node.body)
+      el += '</div>'
+    })  
+  }
+
+  el += '</div>'
+  return el
+}

package/scripts/tags/lib/toc.js

@@ -0,0 +1,73 @@
+/**
+ * toc.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% toc wiki:xxx [title] [open:true] [display:mobile] %}
+ */
+
+'use strict'
+
+function layoutDocTree(ctx, pages) {
+  const url_for = require('hexo-util').url_for.bind(ctx)
+  var el = ''
+  el += '<ul class="toc">'
+  pages.forEach((p, i) => {
+    el += '<li>'
+    el += '<a class="list-link" href="' + url_for(p.path) + '">'
+    el += '<span>' + (p.title || p.seo_title) + '</span>'
+    el += '</a>'
+    el += '</li>'
+  })
+  el += '</ul>'
+  return el
+}
+
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['wiki', 'open', 'display'], ['title'])
+
+  var el = ''
+  el += '<div class="tag-plugin toc"'
+  el += ' ' + ctx.args.joinTags(args, ['display']).join(' ')
+  if (args.display === 'mobile') {
+    el += ' style="display:none"'
+  }
+  el += '>'
+
+  el += '<details class="toc"'
+  if (args.open != 'false') {
+    el += ' open'
+  }
+  el += '>'
+  el += '<summary>'
+  el += args.title || 'TOC'
+  el += '</summary>'
+
+  if (args.wiki) {
+    const proj = ctx.theme.config.wiki.projects[args.wiki]
+    if (proj == undefined) {
+      return ''
+    }
+    if (proj.sections && proj.sections.length > 1) {
+      el += '<div class="body fs14 multi">'
+      proj.sections.forEach((sec, i) => {
+        el += '<section>'
+        el += '<div class="header">'
+        el += sec.title
+        el += '</div>'
+        el += layoutDocTree(ctx, sec.pages)
+        el += '</section>'
+      })
+      el += '</div>'
+    } else {
+      el += '<div class="body fs14">'
+      el += '<div class="body">'
+      el += layoutDocTree(ctx, proj.pages)
+      el += '</div>'
+      el += '</div>'
+    }
+  }
+  el += '</details>'
+  // end
+  el += '</div>'
+  return el
+}

package/source/css/_defines/theme.styl

@@ -33,7 +33,7 @@ set_text_light()
   --text-code: hsl($color-code-h, $color-code-s, $color-code-l * 1.25)
 
 :root
-  --site-bg: hsl($color-background-h, $color-background-s, 98)
+  --site-bg: hsl($color-background-h, $color-background-s, $color-background-l)
   --card: hsl($color-block-h, $color-block-s, 100)
   --block: hsl($color-block-h, $color-block-s, 95)
   --block-border: hsl($color-block-h, $color-block-s, 90)
@@ -45,12 +45,12 @@ set_text_light()
 
 set_darkmode()
   :root
-    --site-bg: hsl($color-background-h, $color-background-s / 2, 16)
-    --card: hsl($color-block-h, $color-block-s * 1.5, 25)
-    --block: hsl($color-block-h, $color-block-s, 12)
+    --site-bg: hsl($color-background-h, $color-background-s * 0.5, (100 - $color-background-l) * 2 + 8)
+    --card: hsl($color-block-h, $color-block-s * 1.5, 24)
+    --block: hsl($color-block-h, $color-block-s, 16)
     --block-border: hsl($color-block-h, $color-block-s, 24)
-    --block-hover: hsl($color-block-h, $color-block-s, 9)
-    --block-lighten: hsl($color-block-h, $color-block-s, 30)
+    --block-hover: hsl($color-block-h, $color-block-s, 20)
+    --block-lighten: hsl($color-block-h, $color-block-s, 32)
     set_text_light()
     @media screen and (max-width: $device-mobile-max)
       --site-bg: black

package/source/css/_layout/md.styl

@@ -1,7 +1,6 @@
 .md-text
   max-width: 100%
-  padding: 0 1rem
-  margin-top: 1rem
+  padding: 1rem
   &:first-child
     margin-top: 0
   color: var(--text-p1)
@@ -21,9 +20,8 @@ h1.article-title
 
 .md-text.content
   position: relative
-  margin-bottom: 2rem
-  // display: flex
-  // flex-direction: column
+  padding-bottom: 2rem
+  overflow: hidden
   &.indent
     >p:not([class])
       text-indent: 'calc(%s * 2)' % $fs-p
@@ -33,25 +31,27 @@ h1.article-title
     h1,h2,h3,h4,h5,h6
       text-align: center
     >h2:not([class])
-      align-self: center
-      border-bottom-style: dashed
-      border-bottom-color: $color-accent
+      border-bottom: none
   >:first-child:not(h1)
     margin-top: 0
   h1:not(:first-child)
     margin-top: 2em
   h2:first-child
     margin-top: 0
+  h2
+    margin-bottom: 1rem
+  h3,h4,h5,h6
+    margin-bottom: .5rem
   h2,h3,h4,h5,h6
     color: var(--text-p0)
     padding-top: 1rem
-    margin-bottom: .5rem
     line-height: 1.8
     &:hover
       a.headerlink:before
         opacity: 1
 
-
+.md-text.content:first-child
+  padding-top: 0
 
 .md-text
   ul:not(:last-child),

package/source/css/_layout/partial/related.styl

@@ -1,6 +1,6 @@
 .related-wrap
-  padding: 1rem
-  margin: 2rem 0
+  padding: 0 1rem
+  margin: 4rem 0
   &:empty
     display: none
   section.header
@@ -17,7 +17,8 @@
     border-radius: $border-block
     color: var(--text-p1)
 
-
+article.md-text.content+.related-wrap
+  margin-top: 0
 
 .related-posts
   max-width: 100%
@@ -82,7 +83,8 @@
 
 
 .related-wrap#comments
-  div.cmt-title
+  padding: 0 1rem
+  .cmt-title
     p
       margin: 0
       font-size: inherit
@@ -93,7 +95,7 @@
           color: $color-hover
         &:before
           display: none
-  div.cmt-body
+  .cmt-body
     min-height: 150px
     position: relative
     svg.loading

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

@@ -30,13 +30,13 @@
     &:hover
       color: var(--text-p0)
       background: var(--block-hover)
-      &:after
-        position: absolute
-        content: '+'
-        text-align: center
-        top: 50%
-        transform: translateY(-50%)
-        right: 1rem
+    &:after
+      position: absolute
+      content: '+'
+      text-align: center
+      top: 50%
+      transform: translateY(-50%)
+      right: 1rem
 
 
 .tag-plugin.folders details[open]
@@ -49,7 +49,7 @@
   >summary
     color: var(--text-p1)
     background: var(--block-hover)
-    &:hover:after
+    &:after
       content: '-'
       
   >div.body

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

@@ -9,13 +9,11 @@
     align-items: center
     border-bottom: none
     font-weight: 700
-    &:first-child
-      margin-top: 1.5rem
+    padding: 16px 24px
     a.headerlink:before
       content: ''
-    padding: 16px 24px 8px 24px
     @media screen and (max-width: $device-mobile)
-      padding: 16px 20px 8px
+      padding: 12px 20px
     line-height: 1.2
 
 .md-text .tag-plugin.quot .content
@@ -50,7 +48,7 @@
       border-left: 6px solid $color-accent
     &:after
       right: 0
-      bottom: 0
+      bottom: 8px
       border-right: 6px solid $color-accent
       border-bottom: 6px solid $color-accent
   h1.content[type=text]

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

@@ -15,6 +15,7 @@
     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)

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/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'
@@ -18,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'