hexo-theme-stellar 1.18.5 → 1.20.0

package/scripts/tags/inline-labels.js

@@ -29,7 +29,7 @@ hexo.extend.tag.register('psw', function(args) {
 hexo.extend.tag.register('sup', function(args) {
   args = hexo.args.map(args, ['color'], ['text'])
   var el = ''
-  el += '<sup class="tag-plugin sup"' + ' ' + hexo.args.joinTags(args, ['color']).join(' ') + '>'
+  el += '<sup class="tag-plugin colorful sup"' + ' ' + hexo.args.joinTags(args, ['color']).join(' ') + '>'
   el += args.text
   el += '</sup>'
   return el
@@ -37,7 +37,7 @@ hexo.extend.tag.register('sup', function(args) {
 hexo.extend.tag.register('sub', function(args) {
   args = hexo.args.map(args, ['color'], ['text'])
   var el = ''
-  el += '<sub class="tag-plugin sub"' + ' ' + hexo.args.joinTags(args, ['color']).join(' ') + '>'
+  el += '<sub class="tag-plugin colorful sub"' + ' ' + hexo.args.joinTags(args, ['color']).join(' ') + '>'
   el += args.text
   el += '</sub>'
   return el

package/scripts/tags/lib/ablock.js

@@ -17,7 +17,7 @@ module.exports = ctx => function(args, content) {
   }
   var el = ''
   // header
-  el += '<div class="tag-plugin note"'
+  el += '<div class="tag-plugin colorful note"'
   el += ' ' + ctx.args.joinTags(args, ['color', 'child']).join(' ')
   el += '>'
   // title

package/scripts/tags/lib/checkbox.js

@@ -13,7 +13,7 @@ module.exports = (ctx, type) => function(args) {
   args = ctx.args.map(args, ['color', 'checked', 'symbol'], ['text'])
   var el = ''
   // div
-  el += '<div class="tag-plugin checkbox"'
+  el += '<div class="tag-plugin colorful checkbox"'
   el += ' ' + ctx.args.joinTags(args, ['color', 'symbol']).join(' ')
   el += '>'
   // input

package/scripts/tags/lib/folders.js

@@ -15,7 +15,7 @@
 module.exports = ctx => function(args, content) {
   args = ctx.args.map(args, ['color'])
   var el = ''
-  el += '<div class="tag-plugin folders"'
+  el += '<div class="tag-plugin colorful folders"'
   el += ' ' + ctx.args.joinTags(args, ['color']).join(' ')
   el += '>'
   

package/scripts/tags/lib/folding.js

@@ -4,7 +4,7 @@
  *
  * {% folding [color:yellow] [child:codeblock] [open:false] title %}
  * body
- * {% endtable %}
+ * {% endfolding %}
  */
 
 'use strict'
@@ -13,7 +13,7 @@ module.exports = ctx => function(args, content) {
   args = ctx.args.map(args, ['color', 'child', 'open'], ['title'])
   var el = ''
   // header
-  el += '<details class="tag-plugin folding"'
+  el += '<details class="tag-plugin colorful folding"'
   el += ' ' + ctx.args.joinTags(args, ['color', 'child']).join(' ')
   if (args.open && args.open == 'true') {
     el += ' open'

package/scripts/tags/lib/hashtag.js

@@ -0,0 +1,36 @@
+/**
+ * hashtag.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% hashtag 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.hashtag?.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 colorful hashtag"'
+  el += ' ' + ctx.args.joinTags(args, ['color', 'href']).join(' ')
+  el += '>'
+  el += '<svg t="1701408144765" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4228" width="200" height="200"><path d="M426.6 64.8c34.8 5.8 58.4 38.8 52.6 73.6l-19.6 117.6h190.2l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6s58.4 38.8 52.6 73.6l-19.4 117.6H896c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-42.6 256H832c35.4 0 64 28.6 64 64s-28.6 64-64 64h-137.8l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.6-117.4h-190.4l-23 138.6c-5.8 34.8-38.8 58.4-73.6 52.6s-58.4-38.8-52.6-73.6l19.4-117.8H128c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l42.6-256H192c-35.4 0-64-28.6-64-64s28.6-64 64-64h137.8l23-138.6c5.8-34.8 38.8-58.4 73.6-52.6z m11.6 319.2l-42.6 256h190.2l42.6-256h-190.2z" p-id="4229"></path></svg>'
+  el += '<span>' + args.text + '</span>'
+  el += '</a>'
+  return el
+}

package/scripts/tags/lib/image.js

@@ -71,7 +71,11 @@ module.exports = ctx => function(args) {
     if (args.download == 'true') {
       href = args.src
     }
-    el += '<a class="image-download blur" style="opacity:0" href="' + href + '"><svg class="icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3734"><path d="M561.00682908 685.55838913a111.03077546 111.03077546 0 0 1-106.8895062 0L256.23182837 487.72885783a55.96309219 55.96309219 0 0 1 79.13181253-79.18777574L450.70357448 523.88101491V181.55477937a55.96309219 55.96309219 0 0 1 111.92618438 0v344.06109173l117.07478902-117.07478901a55.96309219 55.96309219 0 0 1 79.13181252 79.18777574zM282.81429711 797.1487951h447.70473912a55.96309219 55.96309219 0 0 1 0 111.92618438H282.81429711a55.96309219 55.96309219 0 0 1 0-111.92618438z" p-id="3735"></path></svg></a>'
+    let download = ''
+    if (args.alt) {
+      download = ' download="' + args.alt + '"'
+    }
+    el += '<a class="image-download blur" style="opacity:0" target="_blank"' + download + ' href="' + href + '"><svg class="icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3734"><path d="M561.00682908 685.55838913a111.03077546 111.03077546 0 0 1-106.8895062 0L256.23182837 487.72885783a55.96309219 55.96309219 0 0 1 79.13181253-79.18777574L450.70357448 523.88101491V181.55477937a55.96309219 55.96309219 0 0 1 111.92618438 0v344.06109173l117.07478902-117.07478901a55.96309219 55.96309219 0 0 1 79.13181252 79.18777574zM282.81429711 797.1487951h447.70473912a55.96309219 55.96309219 0 0 1 0 111.92618438H282.81429711a55.96309219 55.96309219 0 0 1 0-111.92618438z" p-id="3735"></path></svg></a>'
   }
   el += '</div>'
 

package/scripts/tags/lib/mark.js

@@ -14,7 +14,7 @@ module.exports = ctx => function(args) {
     args.color = ctx.theme.config.tag_plugins.mark.default_color
   }
   var el = ''
-  el += '<mark class="tag-plugin mark"'
+  el += '<mark class="tag-plugin colorful mark"'
   el += ' ' + ctx.args.joinTags(args, ['color']).join(' ')
   el += '>'
   el += args.text

package/scripts/tags/lib/note.js

@@ -19,7 +19,7 @@ module.exports = ctx => function(args) {
   }
   var el = ''
   // header
-  el += '<div class="tag-plugin note"'
+  el += '<div class="tag-plugin colorful note"'
   el += ' ' + ctx.args.joinTags(args, ['color', 'child']).join(' ')
   el += '>'
   // title

package/scripts/tags/lib/okr.js

@@ -0,0 +1,140 @@
+/**
+ * okr.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 
+ * {% okr o1 percent:0.5 status:delay %}
+ * title (only one line)
+ * note
+ * <!-- okr kr1 percent:1 -->
+ * title (only one line)
+ * note
+ * {% endokr %}
+ * 
+ */
+
+'use strict'
+
+function splitContentAndNote(input) {
+  var arr = input.trim().split('\n').filter(item => item.trim().length > 0)
+  if (arr.length == 0) {
+    return {title:'', note:''}
+  }
+  const title = arr.shift()
+  const note = arr.join('\n')
+  return {title:title, note:note}
+}
+
+function generateKRList(ctx, contentArray) {
+  if (contentArray.length < 3) {
+    console.error('invalid okr tag:', contentArray);
+    return []
+  }
+  var result = []
+  var krTagIndexes = []
+  for (let index = 0; index < contentArray.length; index++) {
+    const element = contentArray[index];
+    if (element.startsWith('kr')) {
+      krTagIndexes.push(index)
+    }
+  }
+  for (let index of krTagIndexes) {
+    if (index >= contentArray.length) {
+      break
+    }
+    const tagStr = contentArray[index]
+    const contentStr = contentArray[index+1]
+    if (contentStr.startsWith('kr')) {
+      continue
+    }
+    result.push({
+      krMeta: ctx.args.map(tagStr.split(/\s+/), ['percent', 'status'], 'krIndex'),
+      krBody: splitContentAndNote(contentStr)
+    })
+  }
+  return result
+}
+
+function layoutItem(ctx, type, index, title, note, color, label, percent) {
+  const percentStr = (percent * 100).toString().replace(/\.\d*/, '')
+  return `
+  <div class="okr-item ${type}">
+    <div class="okr-left">
+      <span class="title">${index.toUpperCase()}</span>
+    </div>
+    <div class="okr-center">
+      <span class="title">${title}</span>
+      <div class="note">${ctx.render.renderSync({text: note, engine: 'markdown'}).split('\n').join('')}</div>
+    </div>
+    <div class="okr-right colorful" color="${color}">
+      <div class="labels">
+        <span class="status label">${label}</span>
+        <span class="status percent">${percentStr}%</span>
+      </div>
+      <div class="progress">
+        <div class="fill" style="width:${percentStr}%;"></div>
+      </div>
+    </div>
+  </div>
+  `
+}
+
+module.exports = ctx => function(args, content = '') {
+  args = ctx.args.map(args, ['percent', 'status', 'color'], 'oIndex')
+  var contentArray = content.split(/<!--\s*okr (.*?)\s*-->/g).filter(item => item.trim().length > 0)
+  if (contentArray.length < 3) {
+    console.error('invalid okr tag:', contentArray);
+    return ''
+  }
+  const statusList = ctx.theme.config.tag_plugins.okr.status
+  const oMeta = args
+  const oBody = splitContentAndNote(contentArray.shift())
+  const krList = generateKRList(ctx, contentArray)
+  
+  var el_krs = ''
+  var krPercentList = []
+  for (let kr of krList) {
+    const { krMeta, krBody } = kr
+    const krPercent = Number(krMeta.percent) || 0
+    if (krMeta == null || krBody == null) {
+      continue
+    }
+    var status = null
+    if (krMeta.status && statusList[krMeta.status]) {
+      status = statusList[krMeta.status] 
+    }
+    if (status == null) {
+      if (krPercent >= 1) {
+        status = statusList['finished']
+      } else {
+        status = statusList['in_track']
+      }
+    }
+    krPercentList.push(krPercent)
+    el_krs += layoutItem(ctx, 'kr', krMeta.krIndex, krBody.title, krBody.note, status.color, status.label, krPercent)
+  }
+  const krPercentSum = krPercentList.reduce(
+    (accumulator, currentValue) => accumulator + currentValue,
+    0,
+  );
+  
+  const oPercent = Number(oMeta.percent) || (krPercentSum / krPercentList.length).toFixed(2)
+  var status = null
+  if (args.status != null && args.status && statusList[args.status]) {
+    status = statusList[args.status] 
+  }
+  if (status == null) {
+    if (oPercent >= 1) {
+      status = statusList['finished']
+    } else {
+      status = statusList['in_track']
+    }
+  } 
+  
+  var el = ''
+  el += '<div class="tag-plugin colorful okr"'
+  el += ' ' + ctx.args.joinTags(args, ['color']).join(' ')
+  el += '>'
+  el += layoutItem(ctx, 'o', oMeta.oIndex, oBody.title, oBody.note, status.color, status.label, oPercent)
+  el += el_krs
+  el += '</div>'
+  return el
+}

package/scripts/tags/lib/sites.js

@@ -32,7 +32,7 @@ module.exports = ctx => function(args) {
       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 += '<img src="' + (item.screenshot || ('https://api.vlts.cc/screenshot?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>'

package/scripts/tags/lib/toc.js

@@ -43,7 +43,7 @@ module.exports = ctx => function(args) {
   el += '</summary>'
 
   if (args.wiki) {
-    const proj = ctx.theme.config.wiki.projects[args.wiki]
+    const proj = ctx.theme.config.wiki.tree[args.wiki]
     if (proj == undefined) {
       return ''
     }

package/source/css/_common/button.styl

@@ -32,6 +32,7 @@ a.button.start.gradient
   background: convert(hexo-config('style.gradient.start'))
   background-size: 1000%
   color: white
+  text-shadow: 0 0 1px rgba(0,0,0,0.12)
   animation: glow 60s linear infinite
   @keyframes glow {
     from {

package/source/css/_common/highlight.styl

@@ -171,6 +171,8 @@ table:not([class])
     content: "Go"
   &.typescript .code:before,&.ts .code:before
     content: "TS"
+  &.matlab .code:before
+    content: "MATLAB"
 
 
 

package/source/css/_custom.styl

@@ -44,8 +44,8 @@ $fs-14 = .875rem
 $fs-13 = .8125rem
 $fs-12 = .75rem
 
-$fs-h1   = 1.75rem   // 32px
-$fs-h2   = 1.5rem    // 24px
+$fs-h1   = 2rem   // 32px
+$fs-h2   = 1.75rem    // 28px
 $fs-h3   = 1.375rem  // 22px
 $fs-h4   = 1.125rem  // 18px
 $fs-h5   = $fs-15

package/source/css/_defines/theme.styl

@@ -39,7 +39,6 @@ set_text_light()
   --block-border: hsl($color-block-h, $color-block-s, 90)
   --block-hover: hsl($color-block-h, $color-block-s, 92)
   set_text_dark()
-  --theme-bg2: $color-theme
   --theme-link: $color-link
 
 set_darkmode()

package/source/css/_layout/md.styl

@@ -47,6 +47,11 @@ h1.article-title
     &:hover
       a.headerlink:before
         opacity: 1
+  blockquote, .tag-plugin
+    h2,h3,h4,h5,h6
+      margin-top: 0.25em
+      margin-bottom: 0.25em
+      padding-top: 0
 
 .md-text.content:first-child
   padding-top: 0
@@ -82,7 +87,7 @@ h1.article-title
     opacity: 0
     content: '#'
     position: absolute
-    margin-left: -0.75em
+    margin-left: -0.6em
   h2
     margin-top: 2rem
     border-bottom: 1px solid var(--block-border)
@@ -139,7 +144,10 @@ h1.article-title
         left: 0
         right: 0
         height: 1px
-        opacity: 0.8
+        if hexo-config('style.link.underline') == true
+          opacity: 0.8
+        else
+          opacity: 0
         background: var(--theme-link)
         trans1: all
       &:hover

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

@@ -0,0 +1,155 @@
+:root
+  --heo-none: #00000000
+  --heo-theme = var(--theme-link)
+  --heo-main: var(--theme-link)
+  --heo-snackbar-time: 5s
+  --heo-theme-none: #4259ef01
+  --heo-background: var(--site-bg)
+  --heo-hovertext: var(--text-code)
+  --heo-secondtext: var(--text-p0)
+  --heo-scrollbar: rgba(60, 60, 67, 0.4)
+  --heo-secondbg: var(--block)
+  --heo-card-bg: var(--block)
+  --heo-card-bg-none: rgba(255, 255, 255, 0)
+  --heo-card-border: var(--block-border)
+  --heo-shadow-border: 0 8px 16px -4px #2c2d300c
+  --style-border: 1px solid var(--heo-card-border)
+  --style-border-always: 1px solid var(--heo-card-border)
+
+.post-TianliGPT
+  background: var(--block)
+  border-radius: 12px
+  padding: 12px
+  line-height: 1.3
+  border: var(--style-border-always)
+  margin: 16px 0
+
+  @media screen and (max-width: 768px)
+    .post-TianliGPT
+      margin-top: 22px
+
+.tianliGPT-title
+  display: flex
+  color: var(--theme-link)
+  border-radius: 8px
+  align-items: center
+  padding: 0 12px
+  cursor: default
+  user-select: none
+
+.tianliGPT-title-text
+  font-weight: bold
+  margin-left: 8px
+  line-height: 1
+  
+.tianliGPT-explanation
+  margin-top: 12px
+  padding: 8px 12px
+  background: var(--card)
+  border-radius: 8px
+  border: var(--style-border-always)
+  font-size: 15px
+  line-height: 1.4
+  display: flex
+
+.tianliGPT-suggestions
+  display: flex
+  flex-wrap: wrap
+
+.tianliGPT-suggestions .tianliGPT-suggestions-item
+  margin-top: 12px
+  padding: 8px 12px
+  background: var(--card)
+  border-radius: 8px 8px 8px 0
+  border: var(--style-border-always)
+  font-size: 15px
+  line-height: 1.4
+  display: flex
+  width: fit-content
+  margin-right: 12px
+  cursor: pointer
+  transition: 0.3s
+  
+.tianliGPT-suggestions .tianliGPT-suggestions-item:hover
+  background: var(--heo-main)
+  color: var(--text-p0)
+
+.blinking-cursor
+  background-color: var(--heo-main)
+  width: 10px
+  height: 16px
+  display: inline-block
+  vertical-align: middle
+  animation: blinking-cursor 0.5s infinite
+  -webkit-animation: blinking-cursor 0.5s infinite
+  margin-left: 4px
+
+@keyframes blinking-cursor
+  0%
+    opacity: 1
+
+  40%
+    opacity: 1
+
+  50%
+    opacity: 0
+
+  90%
+    opacity: 0
+
+  100%
+    opacity: 1
+    
+.tianliGPT-tag
+  font-size: 12px
+  background-color: var(--theme-link)
+  color: var(--card)
+  font-weight: bold
+  border-radius: 4px
+  margin-left: auto
+  line-height: 1
+  padding: 4px
+  display: flex
+  align-items: center
+  justify-content: center
+  cursor: pointer
+  transition: 0.3s
+
+.tianliGPT-tag:hover
+  background: var(--text-p2)
+  color: var(--card)
+
+ins.adsbygoogle
+  margin: 16px 0
+  background: var(--card)
+  border-radius: 12px
+  overflow: hidden
+  border: var(--style-border-always)
+
+#tianliGPT-Toggle
+  font-size: 12px
+  background: var(--theme-link)
+  color: var(--card)
+  padding: 4px
+  border-radius: 4px
+  margin-left: 6px
+  transform: scale(0.8)
+  cursor: pointer
+  transition: 0.3s
+  font-weight: bold
+
+#tianliGPT-Toggle:hover
+  background: var(--block-hover)
+  color: var(--card)
+
+.tianliGPT-title-icon
+  width: 20px
+  height: 20px
+
+.tianliGPT-title-icon svg
+  width: 20px
+  height: 20px
+  fill: var(--heo-main)
+
+.tianliGPT-title-icon svg path
+  fill: var(--heo-main)

package/source/css/_layout/partial/bread-nav.styl

@@ -3,6 +3,8 @@
   padding: 0.25rem 1rem 0
   color: var(--text-p3)
   font-weight: 500
+  display: flex
+  justify-content: space-between
   div#breadcrumb
     display: flex
     align-items: center
@@ -17,3 +19,33 @@
       color: $color-hover
   div#post-meta
     margin-top: 2px
+    span+span
+      margin-left: 8px
+      visibility: hidden
+  &:hover
+    div#post-meta
+      span+span
+        visibility: visible
+
+.bread-nav .ghrepo
+  font-size: $fs-13
+  display: flex
+  flex-direction: column
+  align-items: flex-start
+  border-left: 1px solid var(--text-meta)
+  padding-left: 8px
+  a  
+    display: flex
+    align-items: center
+    color: var(--text-p2)
+    svg
+      margin-right: 4px
+    &.bold 
+      font-weight: 600
+      color: var(--text-p1)
+    span 
+      margin-left: 4px
+    &:hover
+      color: var(--theme-link)
+  a+a   
+    margin-top: 8px

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

@@ -9,11 +9,16 @@
   border-radius: $border-card
   overflow: hidden
   box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.03)
+  color: var(--text-p3)
   .page-number
     padding: 4px 8px
     border-radius: 8px
-    background: var(--block)
     margin: 2px
+  a.page-number
+    color: var(--text-p3)
+    &:hover
+      color: var(--text-p1)
+      background: var(--block)
   .extend
     text-align: center
     background-size: contain
@@ -29,9 +34,8 @@
       background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/arrow/f049bbd4e88ec.svg')
   .current
     font-family: $ff-code
-    color: var(--text-p3)
+    background: var(--block)
   .extend
-    color: var(--text-p3)
     padding: 1rem
     line-height: 0
     filter: grayscale(100%)