hexo-theme-stellar 1.44.0 → 2.0.0-rc.2

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

@@ -0,0 +1,55 @@
+<%
+function actionLabel(action) {
+  return action.label ? `${__('meta.share')}: ${action.label}` : __('meta.share')
+}
+
+function actionClasses(action) {
+  return ui_classes(`social share-item ${action.service}`, 'interactive', 'is-icon-only')
+}
+
+function renderAction(service) {
+  var action = share_action(service, share)
+  if (!action) return ''
+  var label = actionLabel(action)
+  var classes = actionClasses(action)
+  var iconHtml = `<span class="share-item__icon ui-icon">${icon(`share:${action.service}`, '', true)}</span>`
+  if (action.kind === 'external') {
+    return `<a class="${classes}" href="${escape_html(action.href)}" target="_blank" rel="external nofollow noopener noreferrer" aria-label="${escape_html(label)}" title="${escape_html(label)}">${iconHtml}</a>`
+  }
+  if (action.kind === 'link') {
+    return `<a class="${classes}" href="${escape_html(action.href)}" aria-label="${escape_html(label)}" title="${escape_html(label)}">${iconHtml}</a>`
+  }
+  if (action.kind === 'toggle') {
+    return `<a class="${classes}" onclick="util.toggle(&quot;${escape_html(action.target)}&quot;)" aria-label="${escape_html(label)}" title="${escape_html(label)}">${iconHtml}</a>`
+  }
+  if (action.kind === 'copy') {
+    return `<a class="${classes}" data-copy-message="${escape_html(__('message.copied'))}" onclick="util.copy(&quot;${escape_html(action.target)}&quot;, this.dataset.copyMessage)" aria-label="${escape_html(label)}" title="${escape_html(label)}">${iconHtml}</a>`
+  }
+  if (action.kind === 'native') {
+    return `<button type="button" class="${classes}" data-share-title="${escape_html(action.data.title)}" data-share-text="${escape_html(action.data.text)}" data-share-url="${escape_html(action.data.url)}" data-copy-target="${escape_html(action.target)}" data-copy-message="${escape_html(__('message.copied'))}" onclick="util.share(this)" aria-label="${escape_html(label)}" title="${escape_html(label)}">${iconHtml}</button>`
+  }
+  return ''
+}
+
+function urlenc(value) {
+  return encodeURIComponent(value == null ? '' : String(value))
+}
+
+function layoutDiv() {
+  if (!share || !Array.isArray(share.services) || share.services.length === 0) return ''
+  var buttons = share.services.map(renderAction).join('')
+  if (buttons.length === 0) return ''
+  var qrcode = share.services.includes('wechat')
+    ? `<div class="qrcode" id="qrcode-wechat" style="opacity:0;height:0"><img src="https://api.qrserver.com/v1/create-qr-code/?size=256x256&amp;data=${urlenc(share.permalink)}"/></div>`
+    : ''
+  return `
+  <div class="article-share${scrollreveal(' ')}" id="share">
+    <div class="body">
+      <div class="link"><input class="copy-area" readonly="true" id="copy-link" value="${escape_html(share.permalink)}" /></div>
+      <div class="social-wrap dis-select">${buttons}</div>
+      ${qrcode}
+    </div>
+  </div>`
+}
+%>
+<%- layoutDiv() %>

package/layout/_partial/main/footer.ejs

@@ -1,32 +1,33 @@
 <%
-const content = theme.footer.content?.replace('{author.name}', (config.author || 'Anonymity'))?.replace('{theme.name}', stellar_info('name'))?.replace('{theme.version}', stellar_info('version'))?.replace('{theme.tree}', stellar_info('tree'))
+var siteFooter = stellar_config('footer')
+var content = siteFooter.content?.replace('{author.name}', (config.author || 'Anonymity'))?.replace('{theme.name}', stellar_info('name'))?.replace('{theme.version}', stellar_info('version'))?.replace('{theme.tree}', stellar_info('tree'))
 function layoutDiv() {
   var el = ''
   el += `<footer class="page-footer${scrollreveal(' ')} footnote">`
   el += '<hr>'
   // sitemap
-  const sitemap = theme.footer.sitemap
-  if (sitemap?.length > 0) {
-    var count = sitemap.length
+  var sections = siteFooter.sections
+  if (sections.length > 0) {
+    var count = sections.length
     if ([6].includes(count)) {
       count = 3
     } else if ([7,8].includes(count)) {
       count = 4
     } else {
-      count = Math.min(sitemap.length, 5)
+      count = Math.min(sections.length, 5)
     }
     el += `<div class="sitemap" style="column-count:${count};">`
-    for (let group of sitemap) {
-      let title = group.title
-      let items = group.items
+    for (var group of sections) {
+      var title = escape_html(group.title)
+      var items = group.items
       if (items == undefined || items.length == 0) {
         continue
       }
       el += '<div class="sitemap-group">'
       el += '<span class="fs15">' + title + '</span>'
       items.forEach((item, i) => {
-        el += '<a href="' + url_for(md_link(item)) + '">'
-        el += __(md_text(item))
+        el += '<a href="' + escape_html(url_for(item.url)) + '">'
+        el += escape_html(__(item.title))
         el += '</a>'
       });
       el += '</div>'

package/layout/_partial/main/{navbar/nav_tabs_blog.ejs → listing_nav/blog.ejs}

@@ -2,12 +2,18 @@
 function layoutDiv() {
   var el = '';
   // 置顶文章样式为平铺时不渲染轮播，置顶文章改由首页文章列表靠前展示
-  if (theme.article?.pin_style !== 'flat') {
+  if (stellar_config('article.listing.pinnedLayout') !== 'flat') {
     el += partial('_partial/main/pin_slider', {type: 'post'});
   }
-  el += '<div class="navbar top">';
-  el += '<div class="navbar-blur">';
-  el += '<div class="navbar-container">';
+
+  const listingNav = stellar_config('profiles.blogIndex.listingNav');
+  if (!listingNav.enabled) {
+    return el;
+  }
+
+  el += '<div class="listing-nav">';
+  el += '<div class="listing-nav__surface">';
+  el += '<div class="listing-nav__viewport">';
   el += '<nav class="post">';
   if (is_home()) {
     el += '<a class="active" href="' + pretty_url(config.index_generator.path) + '">' + __("btn.recent_publish") + '</a>';
@@ -34,15 +40,15 @@ function layoutDiv() {
       el += '<a href="' + pretty_url(config.tag_dir) + '">' + __("btn.tags") + '</a>';
     }
   }
-  
-  if (theme.topic?.publish_list?.length > 0) {
+
+  if (stellar_data('topic')?.publish_list?.length > 0) {
     if (page.layout == 'index_topic') {
-      el += '<a class="active" href="' + pretty_url(theme.site_tree.index_topic.base_dir) + '">' + __("btn.topic") + '</a>';
+      el += '<a class="active" href="' + pretty_url(stellar_config('profiles.topic.path')) + '">' + __("btn.topic") + '</a>';
     } else {
-      el += '<a href="' + pretty_url(theme.site_tree.index_topic.base_dir) + '">' + __("btn.topic") + '</a>';
+      el += '<a href="' + pretty_url(stellar_config('profiles.topic.path')) + '">' + __("btn.topic") + '</a>';
     }
   }
-  
+
   if (site.posts && site.posts.length > 0) {
     if (is_archive()) {
       el += '<a class="active" href="' + pretty_url(config.archive_dir) + '">' + __("btn.archives") + '</a>';
@@ -50,16 +56,13 @@ function layoutDiv() {
       el += '<a href="' + pretty_url(config.archive_dir) + '">' + __("btn.archives") + '</a>';
     }
   }
-  
-  const { nav_tabs } = theme.site_tree.index_blog
-  if (nav_tabs) {
-    for (let key of Object.keys(nav_tabs)) {
-      // 当 page 的末尾为 index.html 或者处于该 page 的某个子页面时也应该匹配
-      // if (full_url_for(page.path) == full_url_for(nav_tabs[key])) {
-      if (full_url_for(page.path).startsWith(full_url_for(nav_tabs[key]))){
-        el += '<a class="active" href="' + url_for(nav_tabs[key]) + '">' + key + '</a>';
+
+  if (Array.isArray(listingNav.tabs)) {
+    for (const item of listingNav.tabs) {
+      if (full_url_for(page.path).startsWith(full_url_for(item.url))){
+        el += '<a class="active" href="' + escape_html(url_for(item.url)) + '">' + escape_html(item.title) + '</a>';
       } else {
-        el += '<a href="' + url_for(nav_tabs[key]) + '">' + key + '</a>';
+        el += '<a href="' + escape_html(url_for(item.url)) + '">' + escape_html(item.title) + '</a>';
       }
     }
   }

package/layout/_partial/main/listing_nav/wiki.ejs

@@ -0,0 +1,56 @@
+<%
+function layoutDiv() {
+  if (!wikiIndex || !Array.isArray(wikiIndex.items) || !Array.isArray(wikiIndex.allItems) || !Array.isArray(wikiIndex.tags)) {
+    throw new Error('Stellar v2: Wiki Listing Nav 缺少显式索引投影')
+  }
+  var el = '';
+  el += partial('_partial/main/pin_slider', {type: 'wiki', wikiItems: wikiIndex.allItems});
+
+  const listingNav = stellar_config('profiles.wikiIndex.listingNav');
+  if (!listingNav.enabled) {
+    return el;
+  }
+
+  el += '<div class="listing-nav">';
+  el += '<div class="listing-nav__surface">';
+  el += '<div class="listing-nav__viewport">';
+  el += '<nav class="wiki">';
+  // 所有项目
+  el += '<a';
+  if (wikiIndex.filter === false) {
+    el += ' class="active"';
+  }
+  el += ' href="' + pretty_url(wikiIndex.path) + '">' + __("btn.all_wiki") + '</a>';
+  el += '</a>';
+  // 项目分类
+  for (var tag of wikiIndex.tags) {
+    var projects = tag.itemIds.filter(id => wikiIndex.allItems.some(item => item.id === id))
+    if (projects.length > 0) {
+      el += '<a';
+      if (tag.name && tag.name.length > 0 && wikiIndex.tagName === tag.name) {
+        el += ' class="active"';
+      }
+      el += ' href="' + escape_html(pretty_url(tag.path)) + '">' + escape_html(tag.name) + '</a>';
+      el += '</a>';
+    }
+  }
+
+  if (Array.isArray(listingNav.tabs)) {
+    for (const item of listingNav.tabs) {
+      if (full_url_for(page.path).startsWith(full_url_for(item.url))){
+        el += '<a class="active" href="' + escape_html(url_for(item.url)) + '">' + escape_html(item.title) + '</a>';
+      } else {
+        el += '<a href="' + escape_html(url_for(item.url)) + '">' + escape_html(item.title) + '</a>';
+      }
+    }
+  }
+
+  el += '</nav>';
+  el += '</div>';
+  el += '</div>';
+  el += '</div>';
+  return el;
+}
+%>
+
+<%- layoutDiv() %>

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

@@ -1,27 +1,28 @@
 <%
 
-var banner = {}
+var renderViewModel = typeof viewModel !== 'undefined' && ['post', 'wiki', 'topic', 'notebook'].includes(viewModel?.collection?.profile)
+  ? viewModel
+  : null
+var postViewModel = ['post', 'topic'].includes(renderViewModel?.collection?.profile) ? renderViewModel : null
+var wikiViewModel = renderViewModel?.collection?.profile === 'wiki' ? renderViewModel : null
+var notebookViewModel = renderViewModel?.collection?.profile === 'notebook' ? renderViewModel : null
+var pageConfig = content_config(page)
+var banner = Object.assign({}, wikiViewModel
+  ? wikiViewModel.render.article.banner
+  : notebookViewModel
+    ? notebookViewModel.render.article.banner
+  : postViewModel?.collection?.profile === 'topic'
+    ? postViewModel.render.article.banner
+    : postViewModel ? postViewModel.item.presentation.banner : pageConfig.banner || {})
 
-if (page.banner) {
-  banner.url = page.banner
-} else if (theme.topic.tree[page.topic]?.banner != null) {
-  banner.url = theme.topic.tree[page.topic]?.banner
-} else if (theme.wiki.tree[page.wiki]?.banner != null) {
-  banner.url = theme.wiki.tree[page.wiki]?.banner
-}
-banner = Object.assign(banner, page.banner_info)
 // 标题
-if (banner.title == null) {
-  banner.title = page.h1 != null ? page.h1 : page.title
-}
-// 副标题
-if (banner.subtitle == null) {
-  banner.subtitle = page.subtitle
+if (banner.headline == null) {
+  banner.headline = renderViewModel ? renderViewModel.item.title : page.title
 }
 
 // 上块：第一行（左侧面包屑 + 右侧阅读时长 / AI 标签）+ 第二行（日期信息，靠左）
 function layoutTop() {
-  if (page.breadcrumb === false) {
+  if ((renderViewModel ? renderViewModel.item.navigation.breadcrumb : pageConfig.breadcrumb) === false) {
     return ''
   }
   var el = ''
@@ -33,12 +34,12 @@ function layoutTop() {
   el += `<div class="left" id="breadcrumb">`
     // 首页
     el += `<a class="cap breadcrumb" href="${pretty_url(config.root)}">${__("btn.home")}</a>`
-    if (theme.wiki.tree[page.wiki]) {
-      el += partial('breadcrumb/wiki')
-    } else if (page.notebook) {
-      el += partial('breadcrumb/note')
+    if (wikiViewModel) {
+      el += partial('breadcrumb/wiki', {viewModel: wikiViewModel})
+    } else if (notebookViewModel) {
+      el += partial('breadcrumb/note', {viewModel: notebookViewModel})
     } else if (page.layout == 'post') {
-      el += partial('breadcrumb/blog')
+      el += partial('breadcrumb/blog', {viewModel: postViewModel})
     } else {
       el += partial('breadcrumb/page')
     }
@@ -46,7 +47,7 @@ function layoutTop() {
   // 2.2 右：字数和预计阅读时长 + AI 成分标签（仅在有内容时渲染）
   var rightHtml = ''
   // 字数和预计阅读时长，置于第一行右侧（#302）
-  if (page.layout == 'post' && theme.article.reading_time) {
+  if ((renderViewModel ? renderViewModel.item.layout : page.layout) == 'post' && stellar_config('article.showReadingTime')) {
     var _wc = word_count(page)
     if (_wc > 0) {
       rightHtml += `<span class="cap reading">${__("meta.word_count", _wc)} · ${__("meta.reading_time", reading_time(page))}</span>`
@@ -54,8 +55,8 @@ function layoutTop() {
   }
   // AI 成分标签：置于第一行最右（阅读时长右侧）；
   // banner 含图片时不用配置色，继承默认文字色（--text-banner）
-  const bannerHasImage = banner.url && banner.url.length > 0
-  rightHtml += ai_label(page.ai_label, 'cap', bannerHasImage)
+  const bannerHasImage = banner.image && banner.image.length > 0
+  rightHtml += ai_label(renderViewModel ? renderViewModel.item.presentation.article?.aiLabel : pageConfig.article?.aiLabel, 'cap', bannerHasImage)
   if (rightHtml.length > 0) {
     el += `<div class="right">${rightHtml}</div>`
   }
@@ -63,7 +64,7 @@ function layoutTop() {
   el += `</div>`
   // 3.第二行：日期信息，靠左
   el += `<div class="meta-row">`
-  el += partial('dateinfo')
+  el += partial('dateinfo', {viewModel: renderViewModel})
   el += `</div>`
   // end 1.上块
   el += `</div>`
@@ -71,24 +72,24 @@ function layoutTop() {
 }
 
 function layoutTitle() {
-  if (banner.title?.length > 0) {
-    return `<h1 class="text title"><span>${banner.title}</span></h1>`
+  if (banner.headline?.length > 0) {
+    return `<h1 class="text title"><span>${banner.headline}</span></h1>`
   } else {
     return ''
   }
 }
 
 function layoutSubtitle() {
-  if (banner.subtitle?.length > 0) {
-    return `<div class="text subtitle">${banner.subtitle}</div>`
+  if (banner.tagline?.length > 0) {
+    return `<div class="text subtitle">${banner.tagline}</div>`
   } else {
     return ''
   }
 }
 
 function layoutIcon() {
-  if (banner.avatar?.length > 0 || banner.icon?.length > 0) {
-    return `<img class="lazy avatar" data-src="${banner.avatar || banner.icon}">`
+  if (banner.avatar?.length > 0) {
+    return `<img class="lazy avatar" data-src="${banner.avatar}">`
   } else {
     return ''
   }
@@ -118,6 +119,9 @@ function layoutBottom() {
 }
 
 function layoutDiv() {
+  if (banner.enabled === false) {
+    return ``
+  }
   const bottom = layoutBottom()
   const top = layoutTop()
   if (top.length == 0 && bottom.length == 0) {
@@ -127,15 +131,15 @@ function layoutDiv() {
   var adaptiveAttr = ``
   var maskHtml = ``
   var el = ``
-  if (banner.url?.length > 0) {
-    bannerStyle += ` style="--bg-url:url('${banner.url.replace(/'/g, '%27')}')"`
+  if (banner.image?.length > 0) {
+    bannerStyle += ` style="--bg-url:url('${banner.image.replace(/'/g, '%27')}')"`
     // 背景图上方文字颜色自适应
     adaptiveAttr = ` data-text-adaptive="split"`
   }
   el += `<div class="article-banner-wrap${scrollreveal(' ')}">`
   el += `<div class="article banner top"${bannerStyle}>`
-  if (banner.url?.length > 0) {
-    el += `<img class="lazy bg" data-src="${banner.url}">`
+  if (banner.image?.length > 0) {
+    el += `<img class="lazy bg" data-src="${banner.image}">`
     maskHtml = `<div class="banner-mask banner-mask-top" aria-hidden="true"></div><div class="banner-mask banner-mask-bottom" aria-hidden="true"></div>`
   }
   el += `

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

@@ -1,34 +1,21 @@
 <%
 function layoutDiv() {
-  const topicObject = theme.topic.tree[page.topic]
-  var el = ''
-  if (topicObject) { // 专栏文章
-    // 专栏列表页
-    const topicIndexPageURL = pretty_url(theme.site_tree.index_topic.base_dir)
-    el += `<span class="sep"></span>`
-    el += `<a class="cap breadcrumb" id="menu" href="${topicIndexPageURL}">${__("btn.topic")}</a>`
-    // 专栏项目名
-    const topicHomePageURL = pretty_url(topicObject.homepage?.path);
-    if (topicHomePageURL != topicIndexPageURL) {
-      el += `<span class="sep"></span>`
-      el += `<a class="cap breadcrumb" id="proj" href="${topicHomePageURL}">${topicObject.name || topicObject.title}</a>`
-    }
-  } else { // 普通文章
-    // 文章列表页
-    el += `<span class="sep"></span>`
-    el += `<a class="cap breadcrumb" href="${pretty_url(config.index_generator.path)}">${__("btn.blog")}</a>`
-    // 分类列表页
-    if (page.categories?.length > 0) {
-      el += `<span class="sep"></span>`
-      el += list_categories(page.categories, {
-          class: "cap breadcrumb",
-          show_count: false,
-          separator: ' <span class="sep"></span> ',
-          style: "none"
-        })
-    }
+  var postViewModel = typeof viewModel !== 'undefined' && ['post', 'topic'].includes(viewModel?.collection?.profile)
+    ? viewModel
+    : null
+  if (!postViewModel) {
+    throw new Error('Stellar v2: Blog 面包屑必须接收 Post/Topic ViewModel')
   }
-  return el
+  var postHtml = ''
+  postHtml += `<span class="sep"></span>`
+  var isTopic = postViewModel.collection.profile === 'topic'
+  postHtml += `<a class="cap breadcrumb"${isTopic ? ' id="menu"' : ''} href="${pretty_url(postViewModel.render.layout.blogPath)}">${__(isTopic ? "btn.topic" : "btn.blog")}</a>`
+  for (var breadcrumb of postViewModel.render.layout.breadcrumbs) {
+    if (isTopic && pretty_url(breadcrumb.path) == pretty_url(postViewModel.render.layout.blogPath)) continue
+    postHtml += `<span class="sep"></span>`
+    postHtml += `<a class="cap ${isTopic ? 'breadcrumb' : 'breadcrumb-link'}"${isTopic ? ' id="proj"' : ''} href="${pretty_url(breadcrumb.path)}">${escape_html(breadcrumb.name)}</a>`
+  }
+  return postHtml
 }
 %>
 <%- layoutDiv() %>

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

@@ -1,8 +1,15 @@
 <%# 笔记页面的面包屑 %>
-<span class="sep"></span>
-<a class="cap breadcrumb" href="<%= pretty_url(theme.site_tree.notebooks.base_dir) %>"><%= __('btn.notebook') %></a>
-<% const notebook = theme.notebooks.tree[page.notebook] %>
-<% if (notebook) { %>
+<%
+var notebookViewModel = typeof viewModel !== 'undefined' && viewModel?.collection?.profile === 'notebook'
+  ? viewModel
+  : null
+var render = notebookViewModel.render.layout
+%>
+<% if (render.notebookIndexPath) { %>
   <span class="sep"></span>
-  <a class="cap breadcrumb" href="<%= pretty_url(notebook.base_dir) %>"><%= notebook.name || notebook.title %></a>
+  <a class="cap breadcrumb" href="<%= pretty_url(render.notebookIndexPath) %>"><%= __('btn.notebook') %></a>
+<% } %>
+<% for (var breadcrumb of render.breadcrumbs) { %>
+<span class="sep"></span>
+<a class="cap breadcrumb" href="<%= pretty_url(breadcrumb.path) %>"><%= escape_html(breadcrumb.name) %></a>
 <% } %>

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

@@ -1,20 +1,24 @@
 <%
 function layoutDiv() {
-  const wikiObject = theme.wiki.tree[page.wiki]
+  var wikiViewModel = typeof viewModel !== 'undefined' && viewModel?.collection?.profile === 'wiki'
+    ? viewModel
+    : null
+  if (!wikiViewModel) {
+    throw new Error('Stellar v2: Wiki 面包屑必须接收 Wiki ViewModel')
+  }
+  var render = wikiViewModel.render.layout
   var el = ''
-  // 文档列表页
-  el += `<span class="sep"></span>`
-  const wikiIndexPageURL = pretty_url(theme.site_tree.index_wiki.base_dir)
-  el += `<a class="cap breadcrumb" id="menu" href="${wikiIndexPageURL}">${__("btn.wiki")}</a>`
-  if (wikiObject) {
-    // 文档项目名
-    const wikiHomePageURL = pretty_url(wikiObject.homepage?.path);
-    if (wikiHomePageURL != wikiIndexPageURL) {
+  if (render.wikiIndexPath) {
+    el += `<span class="sep"></span>`
+    el += `<a class="cap breadcrumb" id="menu" href="${pretty_url(render.wikiIndexPath)}">${__("btn.wiki")}</a>`
+  }
+  for (var breadcrumb of render.breadcrumbs) {
+    if (pretty_url(breadcrumb.path) != pretty_url(render.wikiIndexPath)) {
       el += `<span class="sep"></span>`
-      el += `<a class="cap breadcrumb" id="proj" href="${wikiHomePageURL}">${wikiObject.name || wikiObject.title}</a>`
+      el += `<a class="cap breadcrumb" id="proj" href="${pretty_url(breadcrumb.path)}">${escape_html(breadcrumb.name)}</a>`
     }
   }
   return el
 }
 %>
-<%- layoutDiv() %>
+<%- layoutDiv() %>

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

@@ -1,25 +1,39 @@
 <%
 function layoutDiv() {
+  var wikiViewModel = typeof viewModel !== 'undefined' && viewModel?.collection?.profile === 'wiki'
+    ? viewModel
+    : null
+  var postViewModel = typeof viewModel !== 'undefined' && ['post', 'topic'].includes(viewModel?.collection?.profile)
+    ? viewModel
+    : null
+  var notebookViewModel = typeof viewModel !== 'undefined' && viewModel?.collection?.profile === 'notebook'
+    ? viewModel
+    : null
   // 作者
   var el = ''
   el += `<div class="flex-row" id="post-meta">`
-  if (page.wiki) {
-    el += `<span class="text created">${__("meta.updated") + __("symbol.colon")}`
-    el += `<time datetime="${date_xml(page.updated)}">${date(page.updated, config.date_format)}</time>`
-    el += `</span>`
-  } else if (page.notebook) {
-    // 更新日期
+  if (wikiViewModel) {
+    var updated = wikiViewModel.render.article.updated
+    if (updated) {
+      el += `<span class="text created">${__("meta.updated") + __("symbol.colon")}`
+      el += `<time datetime="${date_xml(updated)}">${date(updated, config.date_format)}</time>`
+      el += `</span>`
+    }
+  } else if (notebookViewModel) {
+    var notebookArticle = notebookViewModel.render.article
     el += `<span class="text created">${__("meta.updated") + __("symbol.colon")}`
-    el += `<time datetime="${date_xml(page.updated)}">${date(page.updated, config.date_format)}</time>`
+    el += `<time datetime="${date_xml(notebookArticle.updated)}">${date(notebookArticle.updated, config.date_format)}</time>`
     el += `</span>`
-    // 发布日期
     el += `<span class="sep updated"></span>`
     el += `<span class="text updated">`
     el += `${__("meta.created") + __("symbol.colon")}`
-    el += `<time datetime="${date_xml(page.date)}">${date(page.date, config.date_format)}</time>`
+    el += `<time datetime="${date_xml(notebookArticle.created)}">${date(notebookArticle.created, config.date_format)}</time>`
     el += `</span>`
   } else {
-    const author = theme.authors ? (theme.authors[page.author] || theme.default_author) : null
+    var authorId = postViewModel
+      ? postViewModel.render.listing.authorId
+      : content_config(page).article?.author
+    var author = stellar_data('authors') ? (stellar_data('authors')[authorId] || stellar_data('defaultAuthor')) : null
     if (author) {
       el += `<a class="author" href="${pretty_url(author.path)}">${author.name}</a>`
       el += `<span class="sep"></span>`
@@ -29,13 +43,15 @@ function layoutDiv() {
     if (!author) {
       el += `${__("meta.created") + __("symbol.colon")}`
     }
-    el += `<time datetime="${date_xml(page.date)}">${date(page.date, config.date_format)}</time>`
+    var created = postViewModel ? postViewModel.item.date : page.date
+    var updated = postViewModel ? postViewModel.item.updated : page.updated
+    el += `<time datetime="${date_xml(created)}">${date(created, config.date_format)}</time>`
     el += `</span>`
     // 更新日期
     el += `<span class="sep updated"></span>`
     el += `<span class="text updated">`
     el += `${__("meta.updated") + __("symbol.colon")}`
-    el += `<time datetime="${date_xml(page.updated)}">${date(page.updated, config.date_format)}</time>`
+    el += `<time datetime="${date_xml(updated)}">${date(updated, config.date_format)}</time>`
     el += `</span>`
   }
   el += `</div>`

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

@@ -1,11 +1,13 @@
 <%
 function layoutDiv() {
-  const repo = page.repo || theme.wiki.tree[page.wiki]?.repo
+  var pageConfig = content_config(page);
+  var wikiViewModel = typeof viewModel !== 'undefined' && viewModel?.collection?.profile === 'wiki' ? viewModel : null
+  var repo = wikiViewModel?.render?.listing?.repository || pageConfig.source?.repository
   if (repo == null) {
     return ''
   }
   return `
-  <div class="right ghrepo data-service data-service ds-ghinfo" data-api="https://${theme.api_host.ghapi}/repos/${repo}">
+  <div class="right ghrepo data-service data-service ds-ghinfo" data-api="${stellar_config('services.github.apiUrl')}/repos/${repo}">
     <a class="repo-link bold" href="https://github.com/${repo}">
       ${icon('github:repo')}
       <span type="text">${repo}</span>
@@ -22,4 +24,4 @@ function layoutDiv() {
   `
 }
 %>
-<%- layoutDiv() %>
+<%- layoutDiv() %>

package/layout/_partial/main/notebook/note_card.ejs

@@ -1,36 +1,31 @@
 <%# 笔记卡片 %>
+<% var listing = render.listing %>
 <article class="md-text">
-  <% if (note.cover) { %>
+  <% if (listing.cover) { %>
     <div class="post-cover">
-      <img src="<%= note.cover %>" alt="cover" />
+      <img src="<%= listing.cover %>" alt="cover" />
     </div>
   <% } %>
-  <h2 class="post-title"><%= note.title %></h2>
-  <div class="excerpt<% if (theme.plugins.heti?.enable) { %> heti<% } %>">
+  <h2 class="post-title"><%= listing.title %></h2>
+  <div class="excerpt<% if (stellar_config('features.heti.enabled')) { %> heti<% } %>">
     <p>
-      <% if (note.excerpt) { %>
-        <%= strip_html(note.excerpt) %>
-      <% } else if (note.description) { %>
-        <%= note.description %>
-      <% } else if (note.content && theme.notebook.auto_excerpt > 0) { %>
-        <%= truncate(strip_html(note.content), { length: theme.notebook.auto_excerpt }) %>
-      <% } %>
+      <%= listing.excerpt %>
     </p>
   </div>
   <div class="meta cap">
-    <% if (note.pin) { %>
-      <span class="pin"><%- icon('default:pin') %></span>
-    <% } %>
     <span class="cap" id="post-meta">
       <%- icon('default:calendar') %>
-      <time datetime="<%= date_xml(note.updated || note.date) %>"><%= date(note.updated || note.date, config.date_format) %></time>
+      <time datetime="<%= date_xml(listing.updated || listing.date) %>"><%= date(listing.updated || listing.date, config.date_format) %></time>
     </span>
-    <% if (note.tags) { %>
-      <% note.tags.forEach((tag, i) => { %>
+    <% if (listing.tags) { %>
+      <% listing.tags.forEach((tag, i) => { %>
         <span class="cap breadcrumb" %>>
           <span class="tag"><%= tag %></span>
         </span>
       <% }) %>
     <% } %>
+    <% if (listing.priority > 0) { %>
+      <span class="pin"><%- icon('default:pin') %></span>
+    <% } %>
   </div>
 </article>

package/layout/_partial/main/notebook/note_tags.ejs

@@ -1,8 +1,7 @@
-<%# 笔记的所属标签（容器与胶囊样式复用 article/article_tags.ejs 的 article-tags） %>
-<% if (page.tags) { %>
+<%# 笔记的所属标签（容器与胶囊样式复用 post_tags.ejs 的 article-tags） %>
+<% if (typeof tags !== 'undefined' && tags.length > 0) { %>
   <div class="article-tags<%= scrollreveal(' ') %>">
-    <% for (const t of page.tags) { %>
-      <% const tag = notebook.tagTree.get(t.toLowerCase()) %>
+    <% for (var tag of tags) { %>
       <a class="tag" href="<%= pretty_url(tag.path) %>"><%- icon('default:hashtag') %><%- escape_html(tag.name) %></a>
     <% } %>
   </div>