hexo-theme-stellar 1.17.2 → 1.18.1

package/scripts/tags/lib/navbar.js

@@ -0,0 +1,57 @@
+/**
+ * navbar.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% navbar [markdown link] ... %}
+ *
+ * example:
+ * {% navbar active:1 [Home](/) [About](/about/) [Comments](#comments) %}
+ */
+
+'use strict'
+
+module.exports = ctx => function(args) {
+  if (args.length == 0) {
+    return
+  }
+  args = ctx.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/lib/note.js

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

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/lib/quot.js

@@ -0,0 +1,55 @@
+/**
+ * quot.js v1.2 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * quot:
+ * {% quot [el:h2] [icon:default] text %}
+ *
+ */
+
+'use strict'
+
+module.exports = ctx => function(args) {
+  var el = ''
+  args = ctx.args.map(args, ['el', 'icon'], ['text'])
+  if (!args.el) {
+    args.el = 'p'
+  }
+
+  var type = ''
+  if (args.icon && args.icon != 'square' && args.icon != 'quotes') {
+    type = ' type="icon"'
+  } else {
+    type = ' type="text"'
+  }
+  function content() {
+    if (!args.icon) {
+      return args.text
+    }
+    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 += args.text
+    if (cfg && cfg.suffix) {
+      el += '<img class="icon suffix" src="' + cfg.suffix + '" />'
+    }
+    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 += '</div>'
+  } else {
+    el += '<div' + ' class="tag-plugin quot">'
+    el += '<' + args.el + ' class="content"' + type + '>'
+    el += content()
+    el += '</' + args.el + '>'
+    el += '</div>'
+  }
+  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/lib/tag.js

@@ -0,0 +1,35 @@
+/**
+ * tag.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% tag text href [color:color] %}
+ *
+ */
+
+'use strict'
+
+const tag_colors = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'purple']
+var tag_index = 0
+
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['color'], ['text', 'href'])
+  if (args.color == null) {
+    const default_color = ctx.theme.config.tag_plugins.tag?.default_color
+    if (default_color) {
+      args.color = default_color
+    } else {
+      args.color = tag_colors[tag_index]
+      tag_index += 1
+      if (tag_index >= tag_colors.length) {
+        tag_index = 0
+      }
+    }
+  }
+  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/highlight.styl

@@ -15,7 +15,6 @@ p>code:not([class]),li>code:not([class])
   border-radius: $border-block
   overflow: hidden
   background: var(--block)
-  border: 1px solid var(--block-border)
   line-height: 1.5
   font-family: $ff-code
   box-sizing: border-box
@@ -35,7 +34,6 @@ p>code:not([class]),li>code:not([class])
     background: var(--block-hover)
     border-top-left-radius: "calc(%s - 1px)" % $border-block
     border-top-right-radius: "calc(%s - 1px)" % $border-block
-    border-bottom: 1px solid var(--block-border)
     span
       margin-right: 4px
   >table
@@ -102,7 +100,6 @@ table:not([class])
   >.hljs
     padding: 1rem
     border-radius: $border-block
-    border: 1px solid var(--block-border)
     line-height: 1.5
     box-sizing: border-box
 

package/source/css/_custom.styl

@@ -1,31 +1,17 @@
 @require('_defines/const')
 
 // 通用主题色
-$color-theme = convert(hexo-config('style.color.common.theme'))
-$color-accent = convert(hexo-config('style.color.common.accent'))
-$color-link = convert(hexo-config('style.color.common.link'))
-$color-button = convert(hexo-config('style.color.common.button'))
-$color-hover = convert(hexo-config('style.color.common.hover'))
-
-// 浅色
-$light-background = convert(hexo-config('style.color.light.background'))
-$light-block = convert(hexo-config('style.color.light.block'))
-$light-card = convert(hexo-config('style.color.light.card'))
-$light-title = convert(hexo-config('style.color.light.title'))
-$light-text = convert(hexo-config('style.color.light.text'))
-$light-code = convert(hexo-config('style.color.light.code'))
-
-// 深色
-$dark-background = convert(hexo-config('style.color.dark.background'))
-$dark-block = convert(hexo-config('style.color.dark.block'))
-$dark-card = convert(hexo-config('style.color.dark.card'))
-$dark-title = convert(hexo-config('style.color.dark.title'))
-$dark-text = convert(hexo-config('style.color.dark.text'))
-$dark-code = convert(hexo-config('style.color.dark.code'))
-
-// 移动端深色背景（OLED调成纯黑可以省电）
-$dark-background-mobile = convert(hexo-config('style.color.dark.background-mobile'))
-
+$color-theme = convert(hexo-config('style.color.theme'))
+$color-accent = convert(hexo-config('style.color.accent'))
+$color-link = convert(hexo-config('style.color.link'))
+$color-button = convert(hexo-config('style.color.button'))
+$color-hover = convert(hexo-config('style.color.hover'))
+
+// 动态颜色
+$color-background = convert(hexo-config('style.color.background'))
+$color-block = convert(hexo-config('style.color.block'))
+$color-code = convert(hexo-config('style.color.code'))
+$color-text = convert(hexo-config('style.color.text'))
 
 // @font-face
 //   font-family: 'Dosis'
@@ -55,7 +41,7 @@ $fs-13 = .8125rem
 $fs-12 = .75rem
 
 $fs-h1   = 1.75rem   // 32px
-$fs-h2   = 1.5rem // 24px
+$fs-h2   = 1.5rem    // 24px
 $fs-h3   = 1.375rem  // 22px
 $fs-h4   = 1.125rem  // 18px
 $fs-h5   = $fs-15
@@ -64,7 +50,7 @@ $fs-p    = $fs-15
 $fs-code = $fs-13
 
 $border-card = 12px
-$border-block = 8px
+$border-block = 6px
 $border-image = 6px
 
 // 可以动态变化的属性