hexo-theme-stellar 1.26.0 → 1.26.2

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.26.0'
+  version: '1.26.2'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   cdn_css: # Use cdn links instead of /css/main.css
@@ -351,7 +351,7 @@ tag_plugins:
 plugins:
   ## required plugins ##
   # jquery
-  jquery: https://gcore.jsdelivr.net/npm/jquery@3.6.2/dist/jquery.min.js
+  jquery: https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js
 
   # stellar api
   stellar:
@@ -371,16 +371,15 @@ plugins:
   # preload
   preload:
     enable: true
-    service: flying_pages # instant_page, flying_pages
-    instant_page: https://gcore.jsdelivr.net/gh/volantis-x/cdn-volantis@4.1.2/js/instant_page.js
-    flying_pages: https://gcore.jsdelivr.net/gh/gijo-varghese/flying-pages@2.1.2/flying-pages.min.js
+    service: flying_pages # flying_pages
+    flying_pages: https://cdn.bootcdn.net/ajax/libs/flying-pages/2.1.2/flying-pages.min.js
 
   # image lazyload
   # https://www.npmjs.com/package/vanilla-lazyload
   lazyload:
     enable: true # [hexo clean && hexo s] is required after changing this value.
-    js: https://gcore.jsdelivr.net/npm/vanilla-lazyload@17.8.3/dist/lazyload.min.js
-    transition: blur # blur, fade
+    js: https://cdn.bootcdn.net/ajax/libs/vanilla-lazyload/17.8.4/lazyload.min.js
+    transition: fade # blur, fade
 
   # https://scrollrevealjs.org/api/reveal.html
   scrollreveal:
@@ -395,12 +394,12 @@ plugins:
   # available for {% image xxx %}
   fancybox:
     enable: true
-    js: https://gcore.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js
-    css: https://gcore.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css
+    js: https://cdn.bootcdn.net/ajax/libs/fancyapps-ui/5.0.22/fancybox/fancybox.umd.min.js
+    css: https://cdn.bootcdn.net/ajax/libs/fancyapps-ui/5.0.22/fancybox/fancybox.min.css
     # 可以处理评论区的图片（不支持 iframe 类评论系统）例如：
     # 使用twikoo评论可以写: .tk-content img:not([class*="emo"])
     # 使用waline评论可以写: #waline_container .vcontent img
-    selector: .fancybox img # 多个选择器用英文逗号隔开
+    selector: # 多个选择器用英文逗号隔开
 
   # swiper
   swiper:
@@ -420,7 +419,7 @@ plugins:
   # 需在Markdown文件开头加入mathjax: true
   # 推荐使用Pandoc: npm uninstall hexo-renderer-marked --save & npm install hexo-renderer-pandoc --save
   mathjax:
-    # set <mathjax: true> to enable in page's front-matter
+    enable: # true # 可以在特定文章的 front-matter 中设置 mathjax: true 来开启，也可以在这里设置全局开启
     js: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.6/MathJax.js?config=TeX-AMS-MML_HTMLorMML
 
   # Katex - The fastest math typesetting library for the web
@@ -428,7 +427,7 @@ plugins:
   # https://github.com/KaTeX/KaTeX
   # 使用 hexo-renderer-markdown-it-plus 作为公式渲染器：npm uninstall hexo-renderer-marked --save npm install hexo-renderer-markdown-it-plus --save
   katex:
-    # set <katex: true> to enable in page's front-matter
+    enable: # true # 可以在特定文章的 front-matter 中设置 katex: true 来开启，也可以在这里设置全局开启
     min_css: <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous">
     min_js: <script defer src="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.js" integrity="sha384-PwRUT/YqbnEjkZO0zZxNqcxACrXe+j766U2amXcgMg5457rve2Y7I6ZJSm2A0mS4" crossorigin="anonymous"></script>
     auto_render_min_js: <script defer src="https://gcore.jsdelivr.net/npm/katex@0.16.4/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"onload="renderMathInElement(document.body);"></script>
@@ -443,7 +442,7 @@ plugins:
   #   B -->|option 2| C(Section C)
   # ```
   mermaid:
-    # set <mermaid: true> to enable in page's front-matter
+    enable: # true # 可以在特定文章的 front-matter 中设置 mermaid: true 来开启，也可以在这里设置全局开启
     style_optimization: false # use custom style in stellar
     # js: https://unpkg.com/mermaid@9.0.0/dist/mermaid.min.js
     js: https://cdn.jsdelivr.net/npm/mermaid@v9/dist/mermaid.min.js
@@ -505,7 +504,7 @@ style:
     background: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/rainbow64@3x.webp
   codeblock:
     scrollbar: 4px
-    highlightjs_theme: https://gcore.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/styles/atom-one-dark.min.css
+    highlightjs_theme: https://gcore.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/atom-one-dark.min.css
   loading:
     loading: 正在加载
     error: 加载失败，请稍后重试。
@@ -516,8 +515,8 @@ style:
     # 可以设置：纯色/渐变色/图片作为背景
     # background: 'linear-gradient(to bottom, #abc3, #abc3)'
     # background: 'linear-gradient(to bottom, #20E2D744, #F9FEA544)'
-    # 在图片上层增加高斯模糊效果（同时附带饱和度增强效果）
     background: 'url(https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.13/image/sidebar-bg1@small.jpg)'
+    # 在图片上层增加高斯模糊效果（同时附带饱和度增强效果）
     blur: true
   paginator:
     prev: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/f049bbd4e88ec.svg

package/layout/_partial/plugins/parser/head.ejs

@@ -1,3 +1,3 @@
-<% if (page.katex == true) { %>
+<% if (page.katex == true || theme.plugins.katex.enable == true) { %>
   <%- partial('katex/head') %>
 <% } %>

package/layout/_partial/plugins/parser/script.ejs

@@ -1,9 +1,9 @@
-<% if (page.katex == true) { %>
+<% if (page.katex == true || theme.plugins.katex.enable) { %>
   <%- partial('katex/script') %>
 <% } %>
-<% if (page.mathjax == true) { %>
+<% if (page.mathjax == true || theme.plugins.mathjax.enable) { %>
   <%- partial('mathjax/script') %>
 <% } %>
-<% if (page.mermaid == true) { %>
+<% if (page.mermaid == true || theme.plugins.mermaid.enable) { %>
   <%- partial('mermaid/script') %>
 <% } %>

package/layout/_partial/sidebar/logo.ejs

@@ -14,18 +14,6 @@ if (page.logo) {
       subtitle: proj.subtitle
     }
   }
-} else if (theme.topic.tree[page.topic]) {
-  const topic = theme.topic.tree[page.topic]
-  var l = topic.logo
-  if (l) {
-    logo = l
-  } else if (topic.name || topic.icon) {
-    logo = {
-      icon: topic.icon || theme.default.topic,
-      title: `[${topic.name || topic.title}](${url_for(topic.homepage?.path || '')})`,
-      subtitle: topic.subtitle
-    }
-  }
 }
 
 // logo.icon, logo.title, logo.subtitle, logo.url

package/layout/_partial/sidebar/menu.ejs

@@ -2,7 +2,7 @@
 function layoutDiv() {
   var el = ''
   el += `<nav class="menu dis-select${where == 'main' ? ' mobile-hidden' : ''}">`
-  for (let item of theme.menubar.items) {
+  for (let item of (theme.menubar.items || [])) {
     if (item == undefined || item.id == null || item.url == null) {
       continue
     }

package/layout/_partial/sidebar/search.ejs

@@ -2,6 +2,11 @@
 if (item.filter == null) {
   item.filter = 'auto'
 }
+if (item.placeholder == null && item.filter == 'auto') {
+  if (theme.wiki.tree[page.wiki]?.name) {
+    item.placeholder = __('search.search_in', theme.wiki.tree[page.wiki]?.name) 
+  }
+}
 function layoutDiv() {
   var el = ''
   el += `<div class="search-wrapper" id="search-wrapper">`

package/layout/_partial/widgets/recent.ejs

@@ -25,7 +25,8 @@ function layoutDiv() {
     arr = site.posts.filter( p => p.title && p.title.length > 0)
     arr = arr.sort("updated", -1)
   }
-  el += '<div class="widget-body fs14">';
+  el += '<div class="widget-body fs14">'
+  arr = arr.filter(p => p.title?.length > 0)
   arr.length = item.limit
   arr.forEach(post => {
     if (!post) { return }
@@ -39,7 +40,7 @@ function layoutDiv() {
         el += '<strong>' + name + '</strong>' + '<span class="dot"></span>';
       }
     }
-    el += (post.title || post.wiki) + '</span>';
+    el += post.title + '</span>';
     if (isActive) {
       el += icon('default:bookmark.active')
     }

package/layout/archive.ejs

@@ -17,7 +17,8 @@ function layoutArchiveList() {
   }
   el += `<div class="post-list archives">`
   var years = []
-  site.posts.sort('date', -1).each(function(post) {
+  const posts = page.author != null ? site.posts.filter(p => (p.author || theme.default_author.name) == page.author.name) : site.posts
+  posts.sort('date', -1).each(function(post) {
   	post.year = date(post.date, 'YYYY')
   	  if (post.year && (years.includes(post.year) == false) && (post.title || post.date)) {
   		  years.push(post.year)
@@ -26,7 +27,7 @@ function layoutArchiveList() {
   for (let year of years) {
     el += `<article class="${scrollreveal('')}" id="archive">`
   	el += `<div class='archive-header h4'>${year}</div>`
-    site.posts.sort('date', -1).filter(function (post) {
+    posts.sort('date', -1).filter(function (post) {
       post.year = date(post.date, 'YYYY')
       return post.year == year
     }).each(function(post) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-stellar",
-  "version": "1.26.0",
+  "version": "1.26.2",
   "description": "Elegant and powerful theme for Hexo.",
   "main": "package.json",
   "scripts": {

package/scripts/events/lib/doc_tree.js

@@ -21,6 +21,9 @@ function getWikiObject(ctx) {
   const data = ctx.locals.get('data')
   var list = []
   for (let key of Object.keys(data)) {
+    if (key.endsWith('.DS_Store')) {
+      continue
+    }
     if (key.includes('wiki/') && key.length > 5) {
       let newKey = key.replace('wiki/', '')
       let obj = data[key]

package/scripts/tags/lib/gallery.js

@@ -15,9 +15,11 @@
 
 'use strict'
 
+var index = 0
+
 function img(src, alt) {
   let img = ''
-  img += `<img src="${src}"`
+  img += `<img data-fancybox="gallery-${index}" src="${src}"`
   if (alt?.length > 0) {
     img += ` alt="${alt}"`
   }
@@ -44,7 +46,8 @@ module.exports = ctx => function(args, content) {
   if (args.layout == 'flow') {
     layoutType = 'flow'
   }
-  el += `<div class="tag-plugin gallery fancybox ${layoutType}-box" ${ctx.args.joinTags(args, ['size', 'ratio']).join(' ')}>`
+  index += 1
+  el += `<div class="tag-plugin gallery ${layoutType}-box" ${ctx.args.joinTags(args, ['size', 'ratio']).join(' ')}>`
   const img_mds = content.split('\n').filter(item => item.trim().length > 0)
   for (let md of img_mds) {
     const matches = md.match(/\!\[(.*?)\]\((.*?)\)/i)

package/scripts/tags/lib/image.js

@@ -25,10 +25,10 @@ module.exports = ctx => function(args) {
     }
     // 覆盖配置
     if (args.fancybox && args.fancybox.length > 0) {
-      if (args.fancybox == 'true') {
-        fancybox = true
-      } else if (args.fancybox == 'false') {
+      if (args.fancybox == 'false') {
         fancybox = false
+      } else {
+        fancybox = args.fancybox
       }
     }
   }
@@ -40,7 +40,7 @@ module.exports = ctx => function(args) {
       img += ' alt="' + alt + '"'
     }
     if (fancybox) {
-      img += ' fancybox="true"'
+      img += ` data-fancybox="${fancybox}"`
     }
     if (style.length > 0) {
       img += ' style="' + style + '"'

package/source/css/_common/svg.styl

@@ -6,4 +6,4 @@ svg.icon
   overflow: hidden
 
 svg.active-icon
-  color: $c-green
+  color: $color-theme

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

@@ -32,5 +32,9 @@
         background: none
         padding: 0
         margin: 0
+      .highlight, pre:not([class]):has(>code)
+        background: var(--alpha50)
+      
       
-      
+  .tag-plugin.timeline[api] .body .footer
+    background: none

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

@@ -55,7 +55,8 @@
     border-bottom-left-radius: $border-card
     border-bottom-right-radius: $border-card
     a.toc-link:before
-      left: -2px
+      left: -7px
       width: 4px
+      background: var(--text-p2)
     a.toc-link:hover
       background: var(--alpha100)

package/source/css/_plugins/fancybox.styl

@@ -1,6 +1,2 @@
-img[fancybox='true']
+img[data-fancybox]
   cursor: zoom-in
-
-.fancybox
-  img 
-    cursor: zoom-in

package/source/css/_plugins/lazyload.styl

@@ -1,31 +1,16 @@
-trans-cover($p, $t = 0.28s)
-  trans2pro: transform 0.5s $p $t
-trans-site($p)
-  trans2: box-shadow transform $p
-trans-user($p)
-  trans3: box-shadow transform $p
-
-if hexo-config('plugins.lazyload.transition') == 'blur'
-  img.lazy
-    trans-cover filter
+img.lazy
+  &:not(.loaded)
+    opacity: 0
+  &.loaded,&.error
+    opacity: 1
+  if hexo-config('plugins.lazyload.transition') == 'blur'
+    trans1 all 0.75s
     &:not(.loaded)
-      filter blur(8px)
-      -webkit-filter blur(8px)
+      filter blur(50px)
+      -webkit-filter blur(50px)
     &.loaded,&.error
       filter none
       -webkit-filter none
-  .site-card .card-link>img
-    trans-site filter
-  .user-card .card-link>img
-    trans-user filter
-else
-  img.lazy
-    trans-cover opacity 0.5s
-    &:not(.loaded)
-      opacity: 0
-    &.loaded,&.error
-      opacity: 1
-  .site-card .card-link>img
-    trans-site opacity
-  .user-card .card-link>img
-    trans-user opacity
+  else
+    trans1 all 0.38s
+    

package/source/js/main.js

@@ -286,13 +286,7 @@ if (stellar.plugins.swiper) {
 
 // preload
 if (stellar.plugins.preload) {
-  if (stellar.plugins.preload.service == 'instant_page') {
-    stellar.loadScript(stellar.plugins.preload.instant_page, {
-      defer: true,
-      type: 'module',
-      integrity: 'sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1'
-    })
-  } else if (stellar.plugins.preload.service == 'flying_pages') {
+  if (stellar.plugins.preload.service == 'flying_pages') {
     window.FPConfig = {
       delay: 0,
       ignoreKeywords: [],
@@ -303,24 +297,9 @@ if (stellar.plugins.preload) {
   }
 }
 
-function loadFancybox() {
-  stellar.loadCSS(stellar.plugins.fancybox.css);
-  stellar.loadScript(stellar.plugins.fancybox.js, { defer: true }).then(function () {
-    Fancybox.bind(selector, {
-      groupAll: true,
-      hideScrollbar: false,
-      Thumbs: {
-        autoStart: false,
-      },
-      caption: function (fancybox, carousel, slide) {
-        return slide.$trigger.alt || null
-      }
-    });
-  })
-}
 // fancybox
 if (stellar.plugins.fancybox) {
-  let selector = 'img[fancybox]:not(.error)';
+  let selector = '[data-fancybox]:not(.error)';
   if (stellar.plugins.fancybox.selector) {
     selector += `, ${stellar.plugins.fancybox.selector}`
   }
@@ -335,13 +314,12 @@ if (stellar.plugins.fancybox) {
     stellar.loadCSS(stellar.plugins.fancybox.css);
     stellar.loadScript(stellar.plugins.fancybox.js, { defer: true }).then(function () {
       Fancybox.bind(selector, {
-        groupAll: true,
         hideScrollbar: false,
         Thumbs: {
           autoStart: false,
         },
-        caption: function (fancybox, carousel, slide) {
-          return slide.$trigger.alt || null
+        caption: (fancybox, slide) => {
+          return slide.triggerEl.alt || null
         }
       });
     })

package/source/js/plugins/memos.js

@@ -91,11 +91,10 @@ const MemosJS = {
           cell += '<div class="tag-plugin image">';
           for (let img of imgs) {
             if (img.externalLink?.length > 0) {
-              cell += `<div class="image-bg"><img src="${img.externalLink}" fancybox="true"></div>`;
+              cell += `<div class="image-bg"><img src="${img.externalLink}" data-fancybox="memos"></div>`;
             } else {
-              cell += `<div class="image-bg"><img src="https://${cfg.host}/o/r/${img.id}" fancybox="true"></div>`;
+              cell += `<div class="image-bg"><img src="https://${cfg.host}/o/r/${img.id}" data-fancybox="memos"></div>`;
             }
-            
           }
           cell += '</div>';
         }