hexo-theme-stellar 1.26.8 → 1.28.0

package/layout/_partial/sidebar/index_rightbar.ejs

@@ -0,0 +1,84 @@
+<%
+
+const wiki = theme.wiki.tree[page.wiki]
+const topic = theme.topic.tree[page.topic]
+
+if (page.rightbar == null) {
+  const { site_tree } = theme
+  var sidebar
+  if (is_home()) {
+    sidebar = site_tree.home.rightbar
+  } else if (is_category() || is_tag() || is_archive() || ['categories', 'tags', 'archives'].includes(page.layout)) {
+    sidebar = site_tree.index_blog.rightbar
+  } else if (page.layout === 'index_topic') {
+    // 专栏列表页等同于博客列表页
+    sidebar = site_tree.index_blog.rightbar
+  } else if (page.topic?.length > 0) {
+    // 专栏文章内页等同于普通文章内页
+    sidebar = site_tree.post.rightbar
+  } else if (page.layout === 'index_wiki') {
+    sidebar = site_tree.index_wiki.rightbar
+  } else if (page.wiki?.length > 0) {
+    sidebar = site_tree.wiki.rightbar
+  } else if (page.layout === '404') {
+    sidebar = site_tree.error_page.rightbar
+  } else if (page.layout === 'page') {
+    sidebar = site_tree.page.rightbar
+  } else if (page.layout === 'post') {
+    sidebar = site_tree.post.rightbar
+  } else if (page.layout == null) {
+    sidebar = site_tree.page.rightbar
+  } else {
+    sidebar = []
+  }
+
+  if (topic?.rightbar) {
+    sidebar = topic.rightbar
+  }
+  if (wiki?.rightbar) {
+    sidebar = wiki.rightbar
+  }
+
+  page.rightbar = sidebar
+}
+
+
+// parse array string
+if (typeof page.rightbar == 'string') {
+  page.rightbar = page.rightbar.replace(/ /g, '').split(',');
+}
+
+function layoutWidgets() {
+  if (page.rightbar == null || page.rightbar.length == 0) {
+    return ''
+  }
+  var el = ''
+  if (page.rightbar) {
+    page.rightbar.forEach((w, i) => {
+      let name = ''
+      let widget = {}
+      if (typeof w == 'string') {
+        name = w
+      } else if (typeof w == 'object' && w.override) {
+        name = w.override
+      }
+      if (name in theme.widgets) {
+        Object.assign(widget, theme.widgets[name])
+      }
+      if (typeof w == 'object' && (w.override || w.layout)) {
+        Object.assign(widget, w)
+      }
+      if (widget && widget.layout) {
+        el += partial('../widgets/' + widget.layout, {item: widget})
+      }
+    });
+  }
+  if (el.trim().length > 0) {
+    return `<div class="widgets">${el}</div>`
+  } else {
+    return ''
+  }
+}
+
+%>
+<%- layoutWidgets() %>

package/layout/_partial/sidebar/logo.ejs

@@ -67,7 +67,7 @@ function layoutDiv() {
   const main = md_text(logo.title)
   if (main) {
     let url = md_link(logo.title)
-    el += layoutTitle(main, url, logo.subtitle)
+    el += layoutTitle(main, url, md_text(logo.subtitle))
   }
   el += `</div>`
   el += '</header>'

package/layout/_partial/widgets/author.ejs

@@ -0,0 +1,37 @@
+<%
+
+var author = null
+if (theme.authors) {
+  if (page.author?.length > 0 && theme.authors[page.author] != null) {
+    author = theme.authors[page.author]
+  } else {
+    author = theme.default_author
+  }
+}
+
+function layoutDiv() {
+  if (author == null) {
+    return ''
+  }
+  var el = ''
+  el += `<widget class="widget-wrapper${scrollreveal(' ')} user-card author">`
+  // body
+  el += `<div class="widget-body">`
+    if (item.avatar) {
+      el += `<div class="avatar"><img type="img" id="avatar_url" src="${author.avatar}"></div>`
+    }
+    // username
+    el += `<p class="username" ff="title" type="text" id="name">${author.name}</p>`
+    el += `<p class="bio" type="text" id="bio">${author.desc || author.description}</p>`
+
+    // homepage
+    el += `<a class="follow" href="${url_for(author.path)}">`
+    el += icon('solar:documents-bold-duotone')
+    el += __('btn.all_posts')
+    el += `</a>`
+  el += `</div>`
+  el += `</widget>`
+  return el
+}
+%>
+<%- layoutDiv() %>

package/layout/_partial/widgets/components/edit.ejs

@@ -0,0 +1,24 @@
+<%
+function parseURL() {
+  const source = page.source || ''
+  var url
+  for (let id of Object.keys(map)) {
+    if (source.startsWith(id) && map[id]) {
+      return source.replace(id, map[id])
+    }
+  }
+}
+function layoutDiv() {
+  const url = parseURL()
+  if (url == null) {
+    return ''
+  }
+  var el = ''
+  el += `<a class="edit" href="${url_for(url)}">`
+  el += icon('default:edit')
+  el += `<span>${__('btn.edit')}</span>`
+  el += `</a>`
+  return el
+}
+%>
+<%- layoutDiv() %>

package/layout/_partial/widgets/ghissues.ejs

@@ -26,7 +26,7 @@ function layoutDiv() {
       el += '</div>';
     }
     el += '<div class="widget-body fs14">';
-      el += '<div class="tag-plugin timeline stellar-timeline-api"';
+      el += '<div class="tag-plugin timeline ds-timeline"';
       ['api', 'user'].forEach(key => {
         if (item[key]) {
           el += ' ' + key + '="' + item[key] + '"';

package/layout/_partial/widgets/ghrepo.ejs

@@ -19,7 +19,7 @@ function layoutDiv() {
   el += `<widget class="widget-wrapper${scrollreveal(' ')} ghrepo">`
   // body
   el += '<div class="widget-body">';
-  el += '<div class="items stellar-ghinfo-api" api="' + theme.api_host.ghapi + '/repos/' + repo + '">';
+  el += '<div class="items ds-ghinfo" api="' + theme.api_host.ghapi + '/repos/' + repo + '">';
   el += '<a class="repo" href="https://github.com/' + repo + '" target="_blank" rel="external nofollow noopener noreferrer">';
     el += '<div class="repo-name flex-row">';
       el += icon('github:repo')
@@ -35,7 +35,7 @@ function layoutDiv() {
         el += icon('github:fork')
         el += '<span type="text" id="forks_count"></span>';
       el += '</div>';
-      el += '<div class="flex-row stellar-ghinfo-api" index="0" api="' + theme.api_host.ghapi + '/repos/' + repo + '/tags">';
+      el += '<div class="flex-row ds-ghinfo" index="0" api="' + theme.api_host.ghapi + '/repos/' + repo + '/tags">';
         el += icon('github:tag')
         el += '<span type="text" id="latest-tag-name">0</span>';
       el += '</div>';

package/layout/_partial/widgets/ghuser.ejs

@@ -22,9 +22,9 @@ function layoutDiv() {
     return el;
   }
 
-  el += `<widget class="widget-wrapper${scrollreveal(' ')} ghuser">`
+  el += `<widget class="widget-wrapper${scrollreveal(' ')} user-card ghuser">`
   // body
-  el += '<div class="widget-body stellar-ghinfo-api" api="' + theme.api_host.ghapi + '/users/' + item.username + '">';
+  el += '<div class="widget-body ds-ghinfo" api="' + theme.api_host.ghapi + '/users/' + item.username + '">';
     if (item.avatar) {
       el += '<div class="avatar" ><img no-lazy type="img" id="avatar_url" src="' + config.avatar + '"></div>';
     }

package/layout/_partial/widgets/markdown.ejs

@@ -13,7 +13,7 @@ function layoutDiv() {
     el += markdown(item.content);
   }
   if (item.src) {
-    el += `<div class="stellar-marked-api md-marked" src="${item.src}"></div>`
+    el += `<div class="ds-mdrender" src="${item.src}"></div>`
   }
   if (item.linklist) {
     el += partial('components/linklist', {item: item.linklist})

package/layout/_partial/widgets/recent.ejs

@@ -30,8 +30,7 @@ function layoutDiv() {
   arr.length = item.limit
   arr.forEach(post => {
     if (!post) { return }
-    const isActive = post.path == page.path
-    el += `<a class="item title${post.path == page.path ? ' active' : ''}" href="${url_for(post.link || post.path)}">`
+    el += `<a class="item title" href="${url_for(post.link || post.path)}">`
     el += '<span class="title">'
     if (post.wiki) {
       const proj = theme.wiki.tree[post.wiki];
@@ -41,9 +40,6 @@ function layoutDiv() {
       }
     }
     el += post.title + '</span>';
-    if (isActive) {
-      el += icon('default:bookmark.active')
-    }
     el += '</a>';
     el += '';
   });

package/layout/_partial/widgets/related.ejs

@@ -31,7 +31,7 @@ function relatedWiki() {
   if (thisItemObject == null) {
     return ''
   }
-  const relatedItems = thisItemObject.relatedItems
+  const relatedItems = thisItemObject.relatedItems || []
   var el = ''
   for (let relatedItem of relatedItems) {
     el += `<widget class="widget-wrapper${scrollreveal(' ')} post-card">`

package/layout/_partial/widgets/timeline.ejs

@@ -11,7 +11,7 @@ function layoutDiv() {
       el += '</div>';
     }
     el += '<div class="widget-body fs14">';
-      el += '<div class="tag-plugin timeline stellar-' + (item.type || "timeline") + '-api"';
+      el += `<div class="tag-plugin timeline ds-${(item.type || 'timeline')}"`;
       ['api', 'user', 'hide', 'limit'].forEach(key => {
         if (item[key]) {
           el += ' ' + key + '="' + item[key] + '"';

package/layout/_partial/widgets/toc.ejs

@@ -1,16 +1,13 @@
 <%
-const proj = theme.wiki.tree[page.wiki]
-var hasTOC = true
+
 function layoutTocBody() {
   if (toc(page.content).length > 0) {
-    hasTOC = true
     return toc(page.content, {
       list_number: item.list_number,
       min_depth: item.min_depth,
       max_depth: item.max_depth
-    });
+    })
   }
-  hasTOC = false
   return ''
 }
 
@@ -18,98 +15,54 @@ function layoutTocHeader(title) {
   var el = ''
   el += `<div class="widget-header dis-select">`
   el += `<span class="name">${title || __("meta.toc")}</span>`
+  el += `<a class="cap-action" onclick="sidebar.toggleTOC()" >${icon('default:rightbar')}</a>`
   el += `</div>`
   return el
 }
 
-function layoutDocTree(pages) {
-  var el = ''
-  for (let p of pages) {
-    if (p.title == null || p.title.length == 0) {
-      continue
-    }
-    let isActive = ''
-    if (p.path === page.path) {
-      isActive += ' active'
-    }
-    el += `<div class="doc-tree${isActive}">`
-    if (proj.pages.length > 1) {
-      let href = url_for(p.path);
-      if (p.is_homepage) {
-        href += '#start'
-      }
-      el += `<a class="doc-tree-link${isActive}" href="${href}">`
-      el += `<span class="toc-text">${p.title}</span>`
-      if (isActive.length > 0) {
-        el += icon('default:bookmark.active')
-      }
-      el += `</a>`
-    }
-    if (p.path === page.path) {
-      el += layoutTocBody()
-    }
-    el += `</div>`
+function layoutToc(fallback) {
+  const tocBody = layoutTocBody()
+  if (tocBody.length == 0) {
+    return ''
   }
+  var el = ''
+  el += `<widget class="widget-wrapper${scrollreveal(' ')} toc" id="data-toc" collapse="${item.collapse}">`
+  el += layoutTocHeader()
+  el += `<div class="widget-body">`
+  el += tocBody
+  el += `</div>`
+  el += `</widget>`
   return el
 }
 
-
 function layoutDiv(fallback) {
-  var type = ''
-  if (proj?.pages) {
-    type = proj.pages.length > 1 ? 'multi' : 'single'
-  } else {
-    let toc_content = toc(page.content)
-    if (toc_content && toc_content.length > 0) {
-      type = 'single'
-    }
+  const editBtn = partial('components/edit', {map: item.edit_this_page})
+  const tocBody = layoutTocBody()
+  if (tocBody.trim().length == 0 && editBtn.trim().length == 0) {
+    return ''
   }
-
   var el = ''
-  if (type.length > 0) {
-    el += `<widget class="widget-wrapper${scrollreveal(' ')} toc ${type}" id="data-toc" collapse="${item.collapse}">`
-    if (proj) {
-      // wiki 布局
-      if (proj.sections && proj.sections.length > 0 && proj.pages.length > 1) { // 多 pages
-        for (let sec of proj.sections) {
-          if (sec.pages.length == 0) {
-            continue
-          }
-          if (sec.title?.length > 0) {
-            el += layoutTocHeader(sec.title)
-          }
-          el += `<div class="widget-body fs14">`
-          el += layoutDocTree(sec.pages)
-          el += `</div>`
-        }
-      } else { // 单 page
-        if (proj.pages.length == 1) {
-          el += layoutTocHeader()
-        }
-        el += `<div class="widget-body fs14">`
-        el += layoutDocTree(proj.pages)
-        el += `</div>`
-        if (hasTOC == false) {
-          return ''
-        }
-      }
-    } else {
-      // post 布局
-      el += layoutTocHeader()
-      el += `<div class="widget-body fs14">`
-      el += `<div class="doc-tree active">`
-      el += layoutTocBody()
-      el += `</div>`
-      el += `</div>`
-      if (hasTOC == false) {
-        return ''
-      }
-    } 
-    el += `</widget>`
-  } else if (item.fallback) {
-    const fallback = theme.widgets[item.fallback]
-    el += partial(fallback.layout, {item: fallback})
+  el += `<widget class="widget-wrapper${scrollreveal(' ')} toc" id="data-toc" collapse="${item.collapse}">`
+  if (tocBody.length > 0) {
+    el += layoutTocHeader()
+    el += `<div class="widget-body">`
+    el += tocBody
+    el += `</div>`
   }
+  el += `<div class="widget-footer">`
+  el += editBtn
+  el += `<a class="top" onclick="util.scrollTop()">`
+  el += icon('default:upup')
+  el += `<span>${__('btn.top')}</span>`
+  el += `</a>`
+  if (page.comments) {
+    el += `<a class="buttom" onclick="util.scrollComment()">`
+    el += icon('default:tocomment')
+    el += `<span>${__('btn.comments')}</span>`
+    el += `</a>`
+  }
+  el += `</div>`
+  el += `</widget>`
   return el
 }
 

package/layout/_partial/widgets/tree.ejs

@@ -0,0 +1,71 @@
+<%
+const proj = theme.wiki.tree[page.wiki]
+
+function layoutTocHeader(title) {
+  var el = ''
+  el += `<div class="widget-header dis-select">`
+  el += `<span class="name">${title || __("meta.toc")}</span>`
+  el += `</div>`
+  return el
+}
+
+function layoutDocTree(pages) {
+  var el = ''
+  for (let p of pages) {
+    if (p.title == null || p.title.length == 0) {
+      continue
+    }
+    let isActive = ''
+    if (p.path === page.path) {
+      isActive += ' active'
+    }
+    if (proj.pages.length > 1) {
+      let href = url_for(p.path);
+      if (p.is_homepage) {
+        href += '#start'
+      }
+      el += `<a class="link${isActive}" href="${href}">`
+      el += `<span class="toc-text">${p.title}</span>`
+      if (isActive.length > 0) {
+        el += icon('default:bookmark.active')
+      }
+      el += `</a>`
+    }
+  }
+  return el
+}
+
+
+function layoutDiv(fallback) {
+  if (proj == null) {
+    return ''
+  }
+  if (proj.pages == null || proj.pages.length == 0) {
+    return ''
+  }
+  if (proj.sections == null || proj.sections.length == 0) {
+    return ''
+  }
+  var el = ''
+  for (let sec of proj.sections) {
+    if (sec.pages.length == 0) {
+      continue
+    }
+    if (sec.title?.length > 0) {
+      el += layoutTocHeader(sec.title)
+    }
+    const docTree = layoutDocTree(sec.pages)
+    if (docTree.trim().length > 0) {
+      el += `<div class="widget-body fs14">${docTree}</div>`
+    }
+  }
+  if (el.trim().length > 0) {
+    return `<widget class="widget-wrapper${scrollreveal(' ')} post-list">${el}</widget>`
+  } else {
+    return ''
+  }
+}
+
+%>
+
+<%- layoutDiv() %>

package/layout/_plugins/copycode.ejs

@@ -0,0 +1,13 @@
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    window.codeElements = document.querySelectorAll('.code');
+    if (window.codeElements.length > 0) {
+      ctx.copycode = {
+        default_text: `<%- conf.default_text %>`,
+        success_text: `<%- conf.success_text %>`,
+        toast: `<%- conf.toast %>`,
+      };
+      utils.js('/js/plugins/copycode.js');
+    }
+  });
+</script>

package/layout/_plugins/fancybox.ejs

@@ -0,0 +1,32 @@
+<script>
+  ctx.fancybox = {
+    selector: `<%- conf.selector %>`,
+    css: `<%- conf.css %>`,
+    js: `<%- conf.js %>`
+  };
+  var selector = '[data-fancybox]:not(.error)';
+  if (ctx.fancybox.selector) {
+    selector += `, ${ctx.fancybox.selector}`
+  }
+  var needFancybox = document.querySelectorAll(selector).length !== 0;
+  if (!needFancybox) {
+    const els = document.getElementsByClassName('ds-memos');
+    if (els != undefined && els.length > 0) {
+      needFancybox = true;
+    }
+  }
+  if (needFancybox) {
+    utils.css(ctx.fancybox.css);
+    utils.js(ctx.fancybox.js, { defer: true }).then(function () {
+      Fancybox.bind(selector, {
+        hideScrollbar: false,
+        Thumbs: {
+          autoStart: false,
+        },
+        caption: (fancybox, slide) => {
+          return slide.triggerEl.alt || null
+        }
+      });
+    })
+  }
+</script>

package/layout/_plugins/heti.ejs

@@ -0,0 +1,21 @@
+<script>
+  utils.css(`<%- conf.css %>`);
+  utils.js(`<%- conf.js %>`, { defer: true }).then(function () {
+    const heti = new Heti('.heti');
+    
+    // Copied from heti.autoSpacing() without DOMContentLoaded.
+    // https://github.com/sivan/heti/blob/eadee6a3b748b3b7924a9e7d5b395d4bce479c9a/js/heti-addon.js
+    //
+    // We managed to minimize the code modification to ensure .autoSpacing()
+    // is synced with upstream; therefore, we use `.bind()` to emulate the 
+    // behavior of .autoSpacing() so we can even modify almost no code.
+    void (function () {
+      const $$rootList = document.querySelectorAll(this.rootSelector)
+
+      for (let $$root of $$rootList) {
+        this.spacingElement($$root)
+      }
+    }).bind(heti)();
+    
+  });
+</script>

package/layout/_plugins/index.ejs

@@ -0,0 +1,24 @@
+<%
+function loadPlugins() {
+  var el = ''
+
+  // search
+  if (theme.search[theme.search.service]) {
+    el += partial(`search/${theme.search.service}`, {conf: theme.search[theme.search.service]});
+  }
+  
+  // others
+  for (let id of Object.keys(theme.plugins)) {
+    const conf = Object.assign({}, theme.plugins[id], page[id])
+    if (page[id] == true || conf.enable) {
+      if (conf.inject?.length > 0) {
+        el += conf.inject
+      } else {
+        el += partial(`${id}`, {conf: conf})
+      }
+    }
+  }
+  return el
+}
+%>
+<%- loadPlugins() %>

package/layout/_plugins/lazyload.ejs

@@ -0,0 +1,21 @@
+<script defer src="<%- conf.js %>"></script>
+<script>
+  // https://www.npmjs.com/package/vanilla-lazyload
+  // Set the options globally
+  // to make LazyLoad self-initialize
+  window.lazyLoadOptions = {
+    elements_selector: ".lazy",
+  };
+  // Listen to the initialization event
+  // and get the instance of LazyLoad
+  window.addEventListener(
+    "LazyLoad::Initialized",
+    function (event) {
+      window.lazyLoadInstance = event.detail.instance;
+    },
+    false
+  );
+  document.addEventListener('DOMContentLoaded', function () {
+    window.lazyLoadInstance?.update();
+  });
+</script>

package/layout/{_partial/plugins/parser/mathjax/script.ejs → _plugins/mathjax.ejs}

@@ -1,4 +1,4 @@
-<script type="text/javascript" src="<%- theme.plugins.mathjax.js %>"></script>
+<script type="text/javascript" src="<%- conf.js %>"></script>
 <script type="text/x-mathjax-config">
 MathJax.Hub.Config({
   tex2jax: {

package/layout/_plugins/mermaid.ejs

@@ -0,0 +1,29 @@
+<script defer type="text/javascript" src="<%- conf.js %>"></script>
+<script>
+  window.addEventListener('DOMContentLoaded', (event) => {
+    var mermaid_config = {
+      startOnLoad: true,
+      theme:
+        "<%- theme.style.darkmode %>" == "auto" &&
+          window.matchMedia("(prefers-color-scheme: dark)").matches
+          ? "dark"
+          : "<%- conf.theme %>",
+      logLevel: 3,
+      themeVariables: {
+        darkMode: true
+      },
+      flowchart: {
+        useMaxWidth: false,
+        htmlLabels: true,
+        curve: "linear"
+      },
+      gantt: {
+        axisFormat: "%Y/%m/%d"
+      },
+      sequence: {
+        actorMargin: 50
+      }
+    }
+    mermaid.initialize(mermaid_config);
+  });
+</script>

package/layout/_plugins/preload.ejs

@@ -0,0 +1,9 @@
+<script>
+  window.FPConfig = {
+    delay: 0,
+    ignoreKeywords: [],
+    maxRPS: 5,
+    hoverDelay: 25
+  };
+</script>
+<script defer src="<%- conf.flying_pages %>"></script>

package/layout/_plugins/scrollreveal.ejs

@@ -0,0 +1,15 @@
+<script defer src="<%- conf.js %>"></script>
+<script>
+  window.addEventListener('DOMContentLoaded', (event) => {
+    const slideUp = {
+      distance: `<%- conf.distance %>`,
+      duration: `<%- conf.duration %>`,
+      interval: `<%- conf.interval %>`,
+      scale: `<%- conf.scale %>`,
+      opacity: 0,
+      easing: "ease-out"
+    };
+    ScrollReveal().reveal('.l_left .slide-up', slideUp);
+    ScrollReveal().reveal('.l_main .slide-up', slideUp);
+  });
+</script>

package/layout/_plugins/search/algolia_search.ejs

@@ -0,0 +1,13 @@
+<script>
+    window.addEventListener('DOMContentLoaded', (event) => {
+      window.searchConfig = {
+        appId: '<%- conf.appId %>', 
+        apiKey: '<%- conf.apiKey %>', 
+        indexName: '<%- conf.indexName %>', 
+        hitsPerPage: 100, 
+      };
+      utils.js('https://gcore.jsdelivr.net/algoliasearch/3/algoliasearch.min.js', { defer: true });
+      utils.js('/js/search/algolia-search.js', { defer: true });
+    });
+  </script>
+