hexo-theme-stellar 1.19.0 → 1.21.0

package/README.md

@@ -10,10 +10,10 @@ Stellar 是一个内置文档系统的简约商务风 Hexo 主题，支持丰富
 Check your environment:
 
 ```yaml
-Hexo: 5.4.0 ~ 6.3.0
+Hexo: 6.3.0 ~ 7.0.0
 hexo-cli: 4.3.0 ~ latest
-node.js: 14.17.3 ~ 18.12.0
-npm: 6.14.13 ~ 8.19.2
+node: 14.17.3 ～ 20.10.0 # 建议选择 LTS 版本，过高的版本 hexo 还没有进行兼容。
+npm: 6.14.13 ~ 10.2.3
 ```
 
 Edit your `_config.yml`:

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.19.0'
+  version: '1.21.0'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   cdn_css: # Use cdn links instead of /css/main.css
@@ -38,7 +38,7 @@ sidebar:
     # 文章内页
     post: search_blog, toc, ghrepo, ghissues # for pages using 'layout:post'
     # 文档内页
-    wiki: search, ghrepo, toc, ghissues, related # for pages using 'layout:wiki'
+    wiki: search, toc, ghissues, related # for pages using 'layout:wiki'
     # 其它 layout:page 的页面
     page: toc, search # for custom pages using 'layout:page'
 
@@ -182,16 +182,16 @@ comments:
 footer:
   social:
     # github:
-    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/social/08a41b181ce68.svg"/>'
+    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/08a41b181ce68.svg"/>'
     #   url: /
     # music:
-    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/social/3845874.svg"/>'
+    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/3845874.svg"/>'
     #   url: /
     # unsplash:
-    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/social/3616429.svg"/>'
+    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/3616429.svg"/>'
     #   url: /
     # comments:
-    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/social/942ebbf1a4b91.svg"/>'
+    #   icon: '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/942ebbf1a4b91.svg"/>'
     #   url: /about/#comments
   sitemap:
     # '博客':
@@ -215,7 +215,7 @@ footer:
 
 ######## Tag Plugins ########
 tag_plugins:
-  # {% ablock %} / {% note %}
+  # {% box %} / {% note %}
   note:
     default_color: '' # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
     border: true # true / false
@@ -248,9 +248,31 @@ tag_plugins:
   # {% mark %}
   mark:
     default_color: dark # light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error
-  # {% tag %}
-  tag:
-    default_color: yellow # red, orange, yellow, green, cyan, blue, purple
+  # {% hashtag %}
+  hashtag:
+    default_color: # red, orange, yellow, green, cyan, blue, purple
+  # {% okr o1 percent:0.5 status:normal %}
+  okr:
+    border: true # 是否显示边框
+    status: # 可以自行增加
+      # 进行中状态
+      in_track:
+        color: blue # red, orange, yellow, green, cyan, blue, purple
+        label: 正常
+      at_risk: 
+        color: yellow
+        label: 风险
+      off_track:
+        color: orange
+        label: 延期
+      # 结果状态
+      finished:
+        color: green
+        label: 已完成
+      unfinished:
+        color: red
+        label: 未完成
+      
 
 
 ######## JS Plugins ########
@@ -268,6 +290,7 @@ plugins:
     linkcard: /js/plugins/linkcard.js
     fcircle: /js/plugins/fcircle.js
     weibo: /js/plugins/weibo.js
+    memos: /js/plugins/memos.js
 
   marked: https://cdn.bootcdn.net/ajax/libs/marked/4.0.18/marked.min.js
 
@@ -304,13 +327,13 @@ plugins:
     # 可以处理评论区的图片（不支持 iframe 类评论系统）例如：
     # 使用twikoo评论可以写: .tk-content img:not([class*="emo"])
     # 使用waline评论可以写: #waline_container .vcontent img
-    selector: .swiper-slide img # 多个选择器用英文逗号隔开
+    selector: .swiper-slide img, .gallery img # 多个选择器用英文逗号隔开
 
   # swiper
   swiper:
     enable: true
-    css: https://unpkg.com/swiper@8.4.5/swiper-bundle.min.css
-    js: https://unpkg.com/swiper@8.4.5/swiper-bundle.min.js
+    css: https://unpkg.com/swiper@10.3/swiper-bundle.min.css
+    js: https://unpkg.com/swiper@10.3/swiper-bundle.min.js
 
 
   # 赫蹏 (Heti) - 专为中文网页内容设计的排版样式增强
@@ -351,8 +374,7 @@ plugins:
     # js: https://unpkg.com/mermaid@9.0.0/dist/mermaid.min.js
     js: https://cdn.jsdelivr.net/npm/mermaid@v9/dist/mermaid.min.js
     # Available themes: default | dark | forest | neutral
-    # 推荐使用 dark 主题 在夜间模式下显示效果更好
-    theme: dark
+    theme: neutral
 
   # 代码块复制按钮
   copycode:
@@ -366,11 +388,12 @@ plugins:
   tianli_gpt:
     enable: false
     field: post # all, post, wiki
-    api: 5Q5mpqRK5DkwT1X9Gi5e
+    api: 5Q5mpqRK5DkwT1X9Gi5e # tianli_gpt key
+    typingAnimate: true # 打字机动画 
 
 style:
   darkmode: auto # auto / always / false
-  smooth_scroll: true # true / false
+  smooth_scroll: false # true / false 开启时如果目录过长可能无法准确定位
   font-size:
     root: 16px
     body: .9375rem # 15px
@@ -399,9 +422,11 @@ style:
     link: 'hsl(207 90% 54%)' # 超链接颜色
     button: 'hsl(192 98% 55%)' # 按钮颜色
     hover: 'hsl(14 100% 57%)' # 按钮高亮颜色
+  link:
+    underline: true # true / false
   animated_avatar:
     animate: auto # auto, always
-    background: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/avatar/round/rainbow64@3x.webp
+    background: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/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
@@ -413,10 +438,12 @@ style:
     search: 'linear-gradient(to right, #04F3FF, #08FFC6, #DDF730, #FFBD19, #FF1FE0, #C418FF, #04F3FF)'
 
 default:
-  avatar: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/avatar/round/3442075.svg
-  link: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/link/8f277b4ee0ecd.svg
-  cover: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/cover/76b86c0226ffd.svg
-  image: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/image/2659360.svg
+  avatar: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg
+  link: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/link/8f277b4ee0ecd.svg
+  cover: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/cover/76b86c0226ffd.svg
+  image: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/image/2659360.svg
+  project: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/image/2779789.png
+  banner: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/banner/books.jpg
 
 api_host:
   ghapi: https://api.github.com

package/languages/zh-CN.yml

@@ -23,7 +23,7 @@ meta:
   related_posts: 您可能感兴趣的文章
   comment_title: 快来参与讨论吧
   back_to_top: 回到顶部
-  more: '更多%s'
+  more: '更多「%s」'
   created: 发布于
   updated: 更新于
   license: 许可协议

package/languages/zh-TW.yml

@@ -23,7 +23,7 @@ meta:
   related_posts: 您可能感興趣的文章
   comment_title: 參與討論
   back_to_top: 回到頁首
-  more: '更多%s'
+  more: '更多「%s」'
   created: 發布於
   updated: 更新於
   license: 授權條款

package/layout/404.ejs

@@ -6,7 +6,7 @@ page.header = 'auto';
 page.robots = 'none';
 %>
 <article class='md-text error-page'>
-  <h1><img id='error' src='https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/404/1c830bfcd517d.svg' alt='404'></h1>
+  <h1><img id='error' src='https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/404/1c830bfcd517d.svg' alt='404'></h1>
   <p class='what'>
     <strong>
       <%- __('page.error.what') %>

package/layout/_partial/cover/wiki_cover.ejs

@@ -1,41 +1,35 @@
 <%
 function layoutWikiCover() {
   var el = '';
-  let proj = theme.wiki.projects[page.wiki];
+  let proj = theme.wiki.tree[page.wiki];
   if (proj == undefined) {
     return el;
   }
   if (proj.homepage.path !== page.path) {
     return;
   }
-  if (proj.cover == undefined || proj.cover === false || proj.cover === '[]') {
+  if (proj.coverpage == undefined || proj.coverpage === false || proj.coverpage === '[]') {
     return el;
   }
-  var cover = proj.cover;
-  let logo = proj.logo;
+  var coverpage = proj.coverpage;
+  let cover = proj.cover;
   let title = proj.title || page.title;
   let desc = proj.description || page.description;
-  if (cover === true) {
-    cover = ['logo', 'title', 'description'];
+  if (coverpage === true) {
+    coverpage = ['cover', 'title', 'description'];
   }
   el += '<div class="l_cover wiki' + scrollreveal() + '">';
   el += '<article class="cover-wrap md-text">';
 
-  if (logo && logo.src && cover.includes('logo')) {
-    el += '<div class="preview">';
-    if (logo.large) {
-      el += '<img src="' + logo.src + '" height="' + logo.large + '">';
-    } else {
-      el += '<img src="' + logo.src + '">';
-    }
-    el += '</div>';
+  if (cover?.length > 0 && coverpage.includes('cover')) {
+    el += `<div class="preview cover"><img src="${cover}"/></div>`
   }
-  if (title && cover.includes('title')) {
+  if (title && coverpage.includes('title')) {
     el += '<div class="cover-title">';
     el += '<span>' + title + '</span>';
     el += '</div>';
   }
-  if (desc && cover.includes('description')) {
+  if (desc && coverpage.includes('description')) {
     el += '<div class="description">' + desc + '</div>';
   }
   el += '<div class="start-wrap">';

package/layout/_partial/head.ejs

@@ -4,7 +4,7 @@ function generate_title() {
     return page.seo_title;
   }
   if (page.wiki) {
-    let proj = theme.wiki.projects[page.wiki];
+    let proj = theme.wiki.tree[page.wiki];
     let wiki = (proj && proj.name) || page.wiki;
     if (page.title) {
       return wiki + __('symbol.colon') + page.title + ' - ' + config.title;
@@ -27,7 +27,7 @@ function generate_description() {
     return '';
   }
   if (page.layout == 'wiki' && page.wiki) {
-    let proj = theme.wiki.projects[page.wiki];
+    let proj = theme.wiki.tree[page.wiki];
     if (proj && proj.description) {
       return '<meta name="description" content="' + proj.description + '">';
     }
@@ -65,7 +65,7 @@ function og_args() {
   if (page.layout == 'post' && page.cover) {
     args.twitter_card = 'summary_large_image';
   }
-  return args;
+  return Object.assign(args, page.open_graph);
 }
 %>
 <head>

package/layout/_partial/main/article/article_footer.ejs

@@ -2,63 +2,81 @@
 function layoutDiv() {
   var el = '';
   var item = [];
-  if (page.references && page.references.length > 0) {
+  if (page.references?.length > 0) {
     item.push('references');
   }
-  if (page.layout !== 'wiki') {
-    if (theme.article.license && theme.article.license.length > 0) {
-      item.push('license');
-    }
-    if (theme.article.share && theme.article.share.length > 0) {
-      item.push('share');
-    }
+  if (theme.article.license?.length > 0) {
+    item.push('license');
+  }
+  if (theme.article.share?.length > 0) {
+    item.push('share');
   }
   if (item.length === 0) {
     return el;
   }
   el += '<div class="article-footer reveal fs14">';
-  if (page.references && page.references.length > 0) {
-    el += '<section id="references">';
-    el += '<div class="header">';
-    el += '<span>' + __('meta.references') + '</span>';
-    el += '</div>';
-    el += '<div class="body"><ul>';
-    page.references.forEach((item, i) => {
-      el += '<li class="post-title">';
-      el += '<a href="' + item.url + '"';
-      if (item.url.includes('://')) {
-        el += ' target="_blank" rel="external nofollow noopener noreferrer">';
-      } else {
-        el += ' rel="noopener noreferrer">';
+  if (page.references?.length > 0) {
+    function refList() {
+      var el = '';
+      for (let ref of page.references) {
+        el += `
+        <li class="post-title">
+          ${markdown(ref)}
+        </li>
+        `
       }
-      el += item.title || item.url;
-      el += '</a>';
-      el += '</li>';
-    });
-    el += '</ul></div>';
-    el += '</section>';
+      return el;
+    }
+    el += `
+    <section id="references">
+      <div class="header"><span>${__('meta.references')}</span></div>
+      <div class="body">
+        <ul>${refList()}</ul>
+      </div>
+    </section>
+    `
   }
 
+  var license = ''
   if (page.layout == 'post') {
-    if (theme.article.license && page.license != false) {
-      el += '<section id="license">';
-      el += '<div class="header">';
-      el += '<span>' + __('meta.license') + '</span>';
-      el += '</div>';
-      el += '<div class="body">';
-      el += markdown(page.license || theme.article.license);
-      el += '</div>';
-      el += '</section>';
+    if (theme.article.license && (page.license != false)) {
+      license = markdown(page.license || theme.article.license)
+    }
+  } else if (page.layout == 'wiki' && page.wiki) {
+    let proj = theme.wiki.tree[page.wiki]
+    if (page.license != null) {
+      license = markdown(page.license || theme.article.license)
+    } else if (proj?.license != null) {
+      if (proj.license == true) {
+        license = markdown(theme.article.license)
+      } else {
+        license = markdown(proj.license)
+      }
     }
+  }
+  if (license.length > 0) {
+    el += `
+    <section id="license">
+      <div class="header"><span>${__('meta.license')}</span></div>
+      <div class="body">${license}</div>
+    </section>
+    `
+  }
 
-    if (theme.article.share && page.share != false) {
-      el += '<section id="share">';
-      el += '<div class="header">';
-      el += '<span>' + __('meta.share') + '</span>';
-      el += '</div>';
-      el += '<div class="body">';
-      el += '<div class="link"><input class="copy-area" readonly="true" id="copy-link" value="' + page.permalink + '" /></div>';
-      el += '<div class="social-wrap dis-select">';
+  var showSharePlugin = false
+  if (page.layout == 'post') {
+    showSharePlugin = page.share != false
+  } else if (page.layout == 'wiki' && page.wiki) {
+    let proj = theme.wiki.tree[page.wiki]
+    if (page.share != null) {
+      showSharePlugin = page.share == true
+    } else if (proj != null) {
+      showSharePlugin = proj.share == true
+    }
+  }
+  if (theme.article.share && showSharePlugin) {
+    function socialButtons() {
+      var el = ''
       theme.article.share.forEach((item, i) => {
         if (['wechat', 'weibo', 'email', 'link'].includes(item)) {
           el += '<a class="social share-item ' + item + '"';
@@ -85,26 +103,40 @@ function layoutDiv() {
           }
           el += '>';
           if (item == 'wechat') {
-            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/social/b32ef3da1162a.svg"/>';
+            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/b32ef3da1162a.svg"/>';
           } else if (item == 'weibo') {
-            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/social/80c07e4dbb303.svg"/>';
+            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/80c07e4dbb303.svg"/>';
           } else if (item == 'email') {
-            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/social/a1b00e20f425d.svg"/>';
+            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/a1b00e20f425d.svg"/>';
           } else if (item == 'link') {
-            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.4/social/8411ed322ced6.svg"/>';
+            el += '<img src="https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/social/8411ed322ced6.svg"/>';
           }
           el += '</a>';
         }
       });
-      el += '</div>';
+      return el;
+    }
+    function qrcode() {
       if (theme.article.share.includes('wechat')) {
-        el += '<div class="qrcode" id="qrcode-wechat" style="visibility:hidden;height:0">';
-        el += '<img src="https://api.qrserver.com/v1/create-qr-code/?size=256x256&data=' + page.permalink + '"/>';
-        el += '</div>';
+        return `
+        <div class="qrcode" id="qrcode-wechat" style="visibility:hidden;height:0">
+          <img src="https://api.qrserver.com/v1/create-qr-code/?size=256x256&data=${page.permalink}"/>
+        </div>
+        `
+      } else {
+        return ''
       }
-      el += '</div>';
-      el += '</section>';
     }
+    el += `
+    <section id="share">
+      <div class="header"><span>${__('meta.share')}</span></div>
+      <div class="body">
+        <div class="link"><input class="copy-area" readonly="true" id="copy-link" value="${page.permalink}" /></div>
+        <div class="social-wrap dis-select">${socialButtons()}</div>
+        ${qrcode()}
+      </div>
+    </section>
+    `
   }
 
   el += '</div>';

package/layout/_partial/main/article/read_next.ejs

@@ -10,20 +10,25 @@ function layoutDiv() {
     title_prev = __('meta.newer');
     title_next = __('meta.older');
   } else if (page.layout === 'wiki' && page.wiki && page.wiki.length > 0) {
-    let proj = theme.wiki.projects[page.wiki];
+    let proj = theme.wiki.tree[page.wiki];
     if (proj) {
-      const current = page.order || 0;
-      proj.pages.forEach((p, i) => {
-        if (p.order < current) {
-          if (prev == undefined || p.order > prev.order) {
-            prev = p;
+      let ps = proj.pages?.filter(p => p.path == page.path)
+      if (ps?.length > 0) {
+        const current_page_number = ps[0].page_number || 0;
+        proj.pages.forEach((p, i) => {
+          if (p.page_number < current_page_number) {
+            if (prev == undefined || p.page_number > prev.page_number) {
+              prev = p;
+            }
+          } else if (p.page_number > current_page_number) {
+            if (next == undefined || p.page_number < next.page_number) {
+              next = p;
+            }
           }
-        } else if (p.order > current) {
-          if (next == undefined || p.order < next.order) {
-            next = p;
-          }
-        }
-      });
+        });
+      } else {
+        console.error('未找到当前页');
+      }
     }
   }
   let el = '';

package/layout/_partial/main/navbar/breadcrumb.ejs

@@ -20,10 +20,11 @@ function layoutDiv() {
       firstCat = page.categories.data[0].name;
     }
     el += '<div class="bread-nav fs12">';
+    el += '<div class="left">';
     el += '<div id="breadcrumb">';
-    el += '<a class="cap breadcrumb" href="' + config.root + '">' + home_title + '</a>';
+    el += '<a class="cap breadcrumb" href="' + url_for(config.root) + '">' + home_title + '</a>';
     el += '<span class="sep"></span>';
-    el += '<a class="cap breadcrumb" href="' + config.root + '">' + __("btn.blog") + '</a>';
+    el += '<a class="cap breadcrumb" href="' + url_for(config.index_generator.path) + '">' + __("btn.blog") + '</a>';
     if (page.layout == "post" && page.categories && page.categories.length > 0) {
       el += '<span class="sep"></span>';
       el += list_categories(page.categories, {
@@ -36,15 +37,23 @@ function layoutDiv() {
     el += '</div>';
     // 发布日期
     el += '<div id="post-meta">';
-    el += __("meta.created") + '&nbsp;<time datetime="' + date_xml(page.date) + '">' + date(page.date, config.date_format) + '</time>';
+    el += `
+    <span>${__("meta.created")}&nbsp;<time datetime="${date_xml(page.date)}">${date(page.date, config.date_format)}</time></span>
+    `;
+    el += `
+    <span>${__("meta.updated")}&nbsp;<time datetime="${date_xml(page.updated)}">${date(page.updated, config.date_format)}</time></span>
+    `;
+    el += '</div>';
+    
     el += '</div>';
     el += '</div>';
   } else if (page.layout === "wiki" && page.wiki && page.wiki.length > 0) {
     el += '<div class="bread-nav fs12">';
+    el += '<div class="left">';
     el += '<div id="breadcrumb">';
     var nodes = [];
     // home
-    el += '<a class="cap breadcrumb" id="home" href="' + config.root + '">' + home_title + '</a>';
+    el += '<a class="cap breadcrumb" id="home" href="' + url_for(config.root) + '">' + home_title + '</a>';
     nodes.push('/');
     // menu_id
     el += '<span class="sep"></span>';
@@ -58,26 +67,55 @@ function layoutDiv() {
       el += '<a class="cap breadcrumb" id="menu" href="' + url + '">' + __("btn.wiki") + '</a>';
     }
     // 项目名
-    let proj = theme.wiki.projects[page.wiki];
-    let url_proj = url_for(proj.homepage.path);
-    if (nodes.includes(url_proj) === false) {
-      el += '<span class="sep"></span>';
-      el += '<a class="cap breadcrumb" id="proj" href="' + url_proj + '">' + (proj.name || proj.title) + '</a>';
+    let proj = theme.wiki.tree[page.wiki];
+    if (proj != null) {
+      let url_proj = url_for(proj.homepage?.path);
+      if (nodes.includes(url_proj) === false) {
+        el += '<span class="sep"></span>';
+        el += '<a class="cap breadcrumb" id="proj" href="' + url_proj + '">' + (proj.name || proj.title) + '</a>';
+      }
     }
     el += '</div>';
     // 更新日期
     el += '<div id="post-meta">';
-    el += __("meta.updated") + '&nbsp;<time datetime="' + date_xml(page.updated) + '">' + date(page.updated, config.date_format) + '</time>';
+    el += `
+    <span>${__("meta.updated")}&nbsp;<time datetime="${date_xml(page.updated)}">${date(page.updated, config.date_format)}</time></span>
+    `;
     el += '</div>';
     el += '</div>';
-  } else if (page.title || page.seo_title) {
-    el += '<div class="bread-nav fs12">';
-    el += '<div id="breadcrumb">';
-    el += '<a class="cap breadcrumb" href="' + config.root + '">' + home_title + '</a>';
-    el += '<span class="sep"></span>';
-    el += '<a class="cap breadcrumb" href="' + url_for(page.path) + '">' + (page.title || page.seo_title) + '</a>';
-    el += '</div>';
+
+    let repo = page.repo || proj.repo
+    if (repo) {
+      el += `
+      <div class="right ghrepo stellar-ghinfo-api" api="${theme.api_host.ghapi}/repos/${repo}">
+        <a class="repo-link bold" href="https://github.com/${repo}">
+          <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>
+          <span type="text">${repo}</span>
+        </a>
+        <a class="repo-link" href="https://github.com/${repo}/stargazers">
+          <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg>
+          <span type="text" id="stargazers_count">0</span><span>stars</span>
+        </a>
+        <a class="repo-link" href="https://github.com/${repo}/forks">
+          <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
+          <span type="text" id="forks_count">0</span><span>forks</span>
+        </a>
+      </div>
+      `;
+    }
     el += '</div>';
+  } else if (page.title || page.seo_title) {
+    el += `
+    <div class="bread-nav fs12">
+      <div class="left">
+        <div id="breadcrumb">
+          <a class="cap breadcrumb" href="${url_for(config.root)}">${home_title}</a>
+          <span class="sep"></span>
+          <a class="cap breadcrumb" href="${url_for(page.path)}">${page.title || page.seo_title}</a>
+        </div>
+      </div>
+    </div>
+    `;
   }
   return el;
 }

package/layout/_partial/main/navbar/list_post.ejs

@@ -4,9 +4,9 @@ function layoutDiv() {
   el += '<div class="nav-wrap">';
   el += '<nav class="sub post cap">';
   if (is_home()) {
-    el += '<a class="active" href="' + url_for("/") + '">' + __("btn.recent_publish") + '</a>';
+    el += '<a class="active" href="' + url_for(config.index_generator.path) + '">' + __("btn.recent_publish") + '</a>';
   } else {
-    el += '<a href="' + url_for("/") + '">' + __("btn.recent_publish") + '</a>';
+    el += '<a href="' + url_for(config.index_generator.path) + '">' + __("btn.recent_publish") + '</a>';
   }
 
   if (site.categories && site.categories.length > 0) {
@@ -40,7 +40,9 @@ function layoutDiv() {
   if (theme['post-index']) {
     const obj = theme['post-index'];
     for (let key of Object.keys(obj)) {
-      if (full_url_for(page.path) == full_url_for(obj[key])) {
+      // 当 page 的末尾为 index.html 或者处于该 page 的某个子页面时也应该匹配
+      // if (full_url_for(page.path) == full_url_for(obj[key])) {
+      if (full_url_for(page.path).startsWith(full_url_for(obj[key]))){
         el += '<a class="active" href="' + url_for(obj[key]) + '">' + key + '</a>';
       } else {
         el += '<a href="' + url_for(obj[key]) + '">' + key + '</a>';
@@ -54,4 +56,4 @@ function layoutDiv() {
 }
 %>
 
-<%- layoutDiv() %>
+<%- layoutDiv() %>