hexo-theme-stellar 1.18.0 → 1.18.2

package/scripts/tags/lib/poetry.js

@@ -0,0 +1,47 @@
+/**
+ * poetry.js v1.1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * poetry:
+ * {% poetry [title] [author:作者] [date:日期] [footer:footer] %}
+ * body
+ * {% endpoetry %}
+ *
+ */
+
+'use strict'
+
+module.exports = ctx => function(args, content) {
+  var el = ''
+  args = ctx.args.map(args, ['author', 'date', 'footer'], ['title'])
+
+  el += '<div class="tag-plugin poetry"'
+  el += '>'
+  el += '<div class="content">'
+  if (args.title) {
+    el += '<div class="title">'
+    el += args.title
+    el += '</div>'
+  }
+  if (args.author || args.date) {
+    el += '<div class="meta">'
+    if (args.author) {
+      el += '<span>' + args.author + '</span>'
+    }
+    if (args.date) {
+      el += '<span>' + args.date + '</span>'
+    }
+    el += '</div>'
+  }
+  el += '<div class="body">'
+  el += ctx.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')
+  el += '</div>'
+  if (args.footer) {
+    el += '<div class="footer">'
+    el += args.footer
+    el += '</div>'
+  }
+  el += '</div>'
+  el += '</div>'
+  return el
+}

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 += `<div class="tab${isActive}"><a href="#${href}">${tab.header || abbr}</a></div>`
+    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 = `<div class="nav-tabs">${tabNav}</div>`
+  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/_common/base.styl

@@ -1,6 +1,6 @@
 pre
-  font-family: $ff-code
-  font-size: $fs-code
+  font-family: $ff-codeblock
+  font-size: $fs-codeblock
   tab-size: 4
   -moz-tab-size: 4
   -o-tab-size: 4

package/source/css/_common/blockquote.styl

@@ -2,9 +2,9 @@ blockquote
   display: block
   margin-left: 0
   margin-right: 0
-  padding: 0.5rem 0.75rem
+  padding: 0.25rem 0.75rem
   background: var(--block)
   $bd-left = 4px
   border-left: $bd-left solid var(--text-meta)
-  border-radius: $bd-left $border-block $border-block $bd-left
+  border-radius: $bd-left $border-bar $border-bar $bd-left
   color: var(--text-p2)

package/source/css/_common/button.styl

@@ -9,14 +9,50 @@ a.button
   font-weight: 500
   line-height: 1
   padding: 0.75rem 2rem
-  border-radius: 3px
-  trans1: background
+  border-radius: $border-button
   font-size: $fs-15
+  user-select: none
   &.theme
     background: $color-theme
     color: var(--card)
     &:hover
       background: $color-hover
+  &.start
+    border-radius: 100px
+    background: var(--text-p1)
+    color: var(--card)
 
 a[onclick]:hover
   cursor: pointer
+
+a.button.start.gradient
+  transition: 0.38s ease-out
+  position relative
+  z-index: 0
+  background: convert(hexo-config('style.gradient.start'))
+  background-size: 1000%
+  color: white
+  animation: glow 60s linear infinite
+  @keyframes glow {
+    from {
+      background-position: 0%
+    }
+    to {
+      background-position: 1000%
+    }
+  }
+  &:after
+    content: ''
+    position absolute
+    left: 0
+    right: 0
+    top: 0
+    bottom: 0
+    border-radius: 100px
+    background: inherit
+    z-index -1
+    filter: blur(36px)
+    transition: 0.38s ease-out
+    opacity 0
+  &:hover:after
+    opacity 1

package/source/css/_common/highlight.styl

@@ -4,7 +4,7 @@ code
   font-family: $ff-code
 
 p>code:not([class]),li>code:not([class])
-  font-size: 85%
+  font-size: $fs-code
   background: var(--block)
   padding: .2em
   border-radius: 4px
@@ -16,7 +16,7 @@ p>code:not([class]),li>code:not([class])
   overflow: hidden
   background: var(--block)
   line-height: 1.5
-  font-family: $ff-code
+  font-family: $ff-codeblock
   box-sizing: border-box
   @media screen and (min-width: $device-mobile)
     min-width: 180px
@@ -27,15 +27,16 @@ p>code:not([class]),li>code:not([class])
   display: block
   figcaption
     color: var(--text-p2)
-    font-size: $fs-code
-    padding: 4px 0.5rem
-    position: sticky
-    left: 0
-    background: var(--block-hover)
-    border-top-left-radius: "calc(%s - 1px)" % $border-block
-    border-top-right-radius: "calc(%s - 1px)" % $border-block
+    font-size: $fs-codeblock
+    font-weight: 500
+    margin-left: 0.5rem
+    display: inline-block
     span
-      margin-right: 4px
+      padding: 4px 0.5rem
+      display: block
+      border-bottom-left-radius: $border-bar
+      border-bottom-right-radius: $border-bar
+      background: var(--block-hover)
   >table
     overflow: auto
     display: block