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

package/layout/_partial/cover/wiki_cover.ejs

@@ -1,57 +1,65 @@
 <%
 function layoutWikiCover() {
   var el = '';
-  const proj = theme.wiki.tree[page.wiki];
-  if (proj == undefined || proj.homepage.path !== page.path) {
-    return el;
+  var wikiViewModel = typeof viewModel !== 'undefined' && viewModel?.collection?.profile === 'wiki'
+    ? viewModel
+    : null
+  if (!wikiViewModel?.render?.cover) {
+    throw new Error('Stellar v2: Wiki Hero 缺少显式 render.cover')
   }
-  if (proj.coverpage == undefined || proj.coverpage === false || proj.coverpage === '[]') {
+  var cover = wikiViewModel.render.cover
+  if (!cover.enabled) {
     return el;
   }
-
-  var background = typeof proj.background === 'string' && proj.background.length > 0 ? proj.background : '';
-  var animation = proj.animation && typeof proj.animation === 'object' ? proj.animation : {};
-  var preview = proj.preview || {};
+  var backgroundConfig = cover.background || {};
+  var background = typeof backgroundConfig.image === 'string' && backgroundConfig.image.length > 0 ? backgroundConfig.image : '';
+  var effect = backgroundConfig.effect || {};
+  var preview = cover.preview || {};
   var commands = Array.isArray(preview.commands) ? preview.commands.filter(function (item) {
     return item && item.codes;
   }) : [];
   var hasPreview = (preview.type === 'image' && preview.src) || commands.length > 0;
-  var title = proj.headline || proj.title || page.title;
-  var desc = proj.description || page.description;
-  var repo = proj.repo;
-  var actions = Array.isArray(proj.actions) ? proj.actions.filter(function (item) {
+  var title = cover.title;
+  var desc = cover.description;
+  var repo = cover.repository;
+  var actions = Array.isArray(cover.actions) ? cover.actions.filter(function (item) {
     return item && item.title && item.url;
   }) : [];
-  var isGalaxy = animation.type === 'galaxy';
+  var hasEffect = typeof effect.type === 'string' && effect.type.length > 0;
   var isImageBackground = background.length > 0;
-  var galaxyParams = animation.params && typeof animation.params === 'object' && !Array.isArray(animation.params) ? animation.params : {};
-  var galaxyParamsJson = escape_html(JSON.stringify(galaxyParams));
-  var projectName = proj.name || proj.title || page.wiki;
+  var effectOptions = effect.options && typeof effect.options === 'object' && !Array.isArray(effect.options) ? effect.options : {};
+  var effectRuntime = effect.runtime && typeof effect.runtime === 'object' && !Array.isArray(effect.runtime) ? effect.runtime : {};
+  var effectPresentation = effect.presentation && typeof effect.presentation === 'object' && !Array.isArray(effect.presentation) ? effect.presentation : {};
+  var effectBackground = typeof effectPresentation.background === 'string' ? effectPresentation.background : '#000000';
+  var respectsReducedMotion = effectRuntime.respectReducedMotion !== false;
+  var effectOptionsJson = escape_html(JSON.stringify(effectOptions));
+  var effectRuntimeJson = escape_html(JSON.stringify(effectRuntime));
+  var projectName = cover.projectName;
   var adaptiveTextAttr = '';
   if (isImageBackground) {
     adaptiveTextAttr = ' data-text-adaptive="split" style="--cover-url:url(\'' + escape_html(background.replace(/'/g, '%27')) + '\')"';
-  } else if (isGalaxy) {
-    adaptiveTextAttr = ' data-text-adaptive="split" style="--adaptive-background:#000000"';
+  } else if (hasEffect) {
+    adaptiveTextAttr = ' data-text-adaptive="split" style="--adaptive-background:' + escape_html(effectBackground) + '"';
   }
 
-  el += '<div class="l_cover wiki wiki-hero' + (hasPreview ? '' : ' without-preview') + '">';
-  el += '<div class="wiki-cover-background' + (isGalaxy ? ' galaxy' : '') + (isImageBackground ? ' image' : '') + '" aria-hidden="true">';
+  el += '<div class="cover-content wiki wiki-hero' + (hasPreview ? '' : ' without-preview') + '">';
+  el += '<div class="wiki-cover-background' + (hasEffect ? ' has-effect' : '') + (respectsReducedMotion ? ' respect-reduced-motion' : '') + (isImageBackground ? ' image' : '') + '"' + (hasEffect ? ' style="--hero-effect-background:' + escape_html(effectBackground) + '"' : '') + ' aria-hidden="true">';
   if (isImageBackground) {
     el += '<img class="wiki-cover-background-image" src="' + escape_html(background) + '" alt="" />';
     el += '<img class="wiki-cover-background-blur" src="' + escape_html(background) + '" alt="" />';
   }
-  if (isGalaxy) {
-    el += '<canvas data-galaxy-params="' + galaxyParamsJson + '"></canvas>';
+  if (hasEffect) {
+    el += '<canvas data-hero-effect="' + escape_html(effect.type) + '" data-effect-options="' + effectOptionsJson + '" data-effect-runtime="' + effectRuntimeJson + '"></canvas>';
   }
   el += '<div class="wiki-cover-background-overlay"></div></div>';
   el += '<div class="wiki-cover-layout"' + adaptiveTextAttr + '>';
-  el += '<nav class="wiki-navbar" aria-label="' + escape_html(config.title) + '">';
-  el += '<a class="wiki-navbar-home" href="' + escape_html(pretty_url('/')) + '">' + escape_html(config.title) + '</a>';
+  el += '<nav class="wiki-navbar" aria-label="' + escape_html(cover.siteName) + '">';
+  el += '<a class="wiki-navbar-home" href="' + escape_html(pretty_url('/')) + '">' + escape_html(cover.siteName) + '</a>';
   el += '</nav>';
   el += '<article class="cover-wrap wiki-cover-content">';
   el += '<section class="wiki-cover-intro">';
   if (repo) {
-    el += '<a class="wiki-cover-release ds-ghinfo is-loading" data-project-name="' + escape_html(projectName) + '" data-repo="' + escape_html(repo) + '" data-api="https://' + theme.api_host.ghapi + '/repos/' + escape_html(repo) + '/tags" index="0" target="_blank" rel="external nofollow noopener noreferrer">';
+    el += '<a class="wiki-cover-release ds-ghinfo is-loading" data-project-name="' + escape_html(projectName) + '" data-repo="' + escape_html(repo) + '" data-api="' + escape_html(cover.releaseApi) + '" index="0" target="_blank" rel="external nofollow noopener noreferrer">';
     el += '<span class="wiki-cover-release-value"><span type="text" id="latest-tag-name"></span></span></a>';
   }
   if (title) {
@@ -62,11 +70,14 @@ function layoutWikiCover() {
   }
   el += '<div class="wiki-cover-actions">';
   if (repo) {
-    el += '<a class="button wiki-cover-source card-hover card-hover--spotlight" href="https://github.com/' + escape_html(repo) + '" target="_blank" rel="external nofollow noopener noreferrer">' + icon('default:github') + '<span>' + escape_html(__('btn.source')) + '</span></a>';
+    el += '<a class="' + ui_classes('button wiki-cover-source', 'spotlight') + '" href="' + escape_html(cover.sourceUrl) + '" target="_blank" rel="external nofollow noopener noreferrer">' + icon('default:github') + '<span>' + escape_html(__('btn.source')) + '</span></a>';
   }
-  el += '<a class="button card-hover card-hover--spotlight" href="#start">' + icon('default:documents') + '<span>' + escape_html(__('btn.docs')) + '</span></a>';
+  el += '<a class="' + ui_classes('button', 'spotlight') + '" href="#start">' + icon('default:documents') + '<span>' + escape_html(__('btn.docs')) + '</span></a>';
   actions.forEach(function (item) {
-    el += '<a class="button card-hover card-hover--spotlight" href="' + escape_html(item.url) + '" target="_blank" rel="external nofollow noopener noreferrer">';
+    var linkAttrs = item.url.includes('://')
+      ? ' target="_blank" rel="external nofollow noopener noreferrer"'
+      : ' rel="noopener noreferrer"';
+    el += '<a class="' + ui_classes('button', 'spotlight') + '" href="' + escape_html(item.url) + '"' + linkAttrs + '>';
     if (item.icon) {
       el += icon(item.icon);
     }

package/layout/_partial/dropdown.ejs

@@ -1,16 +1,18 @@
 <%
 const dropdownItem = typeof item !== 'undefined' && item ? item : {}
-const items = Array.isArray(dropdownItem.items) ? dropdownItem.items.filter(child => child && child.title && child.url) : []
+const items = Array.isArray(dropdownItem.items) ? dropdownItem.items.filter(child => {
+  if (!child || !child.title) return false
+  if (child.type === 'link') return !!child.url
+  if (child.type === 'button') return !!child.onclick
+  return false
+}) : []
 const classes = ['dropdown']
 const dropdownRootClass = typeof rootClass === 'string' ? rootClass : ''
 if (dropdownRootClass) {
   classes.push(dropdownRootClass)
 }
-const triggerClasses = ['dropdown-trigger']
 const dropdownTriggerClass = typeof triggerClass === 'string' ? triggerClass : ''
-if (dropdownTriggerClass) {
-  triggerClasses.push(dropdownTriggerClass)
-}
+const triggerClasses = ui_classes('dropdown-trigger', 'interactive', dropdownTriggerClass)
 const dropdownDirection = typeof direction === 'string' ? direction : ''
 const dropdownShowTitle = typeof showTitle === 'undefined' || showTitle !== false
 
@@ -25,6 +27,15 @@ function linkAttrs(child) {
   return attrs
 }
 
+function itemContent(child) {
+  var body = ''
+  if (child.icon) {
+    body += '<span class="ui-icon">' + icon(child.icon, 'no-lazy', true) + '</span>'
+  }
+  body += '<span class="ui-collection__content"><span class="ui-collection__title">' + escape_html(child.title) + '</span></span>'
+  return body
+}
+
 function layoutDiv() {
   if (!dropdownItem.icon || items.length === 0) {
     return ''
@@ -35,25 +46,26 @@ function layoutDiv() {
     el += ' direction="' + escape_html(dropdownDirection) + '"'
   }
   el += '>'
-  el += '<summary class="' + triggerClasses.join(' ') + '"'
+  el += '<summary class="' + triggerClasses + '"'
   if (title) {
     el += ' title="' + title + '" aria-label="' + title + '"'
   }
   el += '>'
-  // dropdown 首次展开时需要立即显示图标，使用内联 SVG 避免 /js/icons.js 异步替换造成闪烁。
-  el += icon(dropdownItem.icon, 'no-lazy', true)
+  // dropdown 首次展开时需要立即显示图标，使用内联 SVG 避免异步替换造成闪烁。
+  el += '<span class="ui-icon">' + icon(dropdownItem.icon, 'no-lazy', true) + '</span>'
   if (dropdownShowTitle && dropdownItem.title) {
     el += '<span>' + title + '</span>'
   }
   el += '</summary>'
-  el += '<div class="dropdown-menu ui-collection" data-ui-surface="glass" data-layout="list" data-variant="nav" data-density="compact">'
+  el += '<div class="dropdown-menu ui-collection" data-layout="list" data-variant="nav" data-density="compact">'
   for (let child of items) {
-    el += '<a class="dropdown-item ui-collection__item card-hover card-hover--spotlight"' + linkAttrs(child) + '>'
-    if (child.icon) {
-      el += '<span class="ui-collection__leading">' + icon(child.icon, 'no-lazy', true) + '</span>'
+    if (child.type === 'button') {
+      el += '<button type="button" class="' + ui_classes('dropdown-item', 'collectionItem') + '" onclick="' + escape_html(child.onclick) + '">'
+      el += itemContent(child) + '</button>'
+    } else {
+      el += '<a class="' + ui_classes('dropdown-item', 'collectionItem') + '"' + linkAttrs(child) + '>'
+      el += itemContent(child) + '</a>'
     }
-    el += '<span class="ui-collection__content"><span class="ui-collection__title">' + escape_html(child.title) + '</span></span>'
-    el += '</a>'
   }
   el += '</div></details>'
   return el

package/layout/_partial/head.ejs

@@ -1,28 +1,22 @@
 <%
-function strip_wiki_title(title, wiki) {
-  if (!wiki) { return title; }
-  var t = String(title || '');
-  if (t.toLowerCase() === String(wiki).toLowerCase()) { return ''; }
-  // wiki 名中的空格/连字符在标题中可能写为另一种形态（如 cloud shell / cloud-shell）
-  var flex = String(wiki).replace(/[.*+?^${}()|[\]\\]/g, '\\$&').replace(/[\s-]+/g, '[\\s-]*');
-  var m = t.match(new RegExp('^' + flex + '[\\s-]*[：:\\-](.*)$', 'i'));
-  if (m && m[1]) {
-    return m[1].trim();
-  }
-  return t;
+var pageViewModel = typeof viewModel !== 'undefined' && ['post', 'wiki', 'topic', 'notebook'].includes(viewModel?.collection?.profile)
+  ? viewModel
+  : null
+var pageRender = pageViewModel?.render
+var pageConfig = content_config(page)
+var stellarSeo = {
+  canonical: stellar_config('canonical'),
+  openGraph: stellar_config('openGraph'),
+  structuredData: stellar_config('structuredData')
+}
+var stellarResources = {
+  preconnect: stellar_config('preconnect'),
+  fallbacks: stellar_config('fallbacks')
 }
 
 function generate_title() {
-  if (page.wiki) {
-    const proj = theme.wiki.tree[page.wiki]
-    const wiki = proj?.name || page.wiki
-    if (page.title) {
-      var stripped = strip_wiki_title(page.title, wiki)
-      if (stripped) {
-        return wiki + __('symbol.colon') + stripped + ' - ' + config.title;
-      }
-    }
-    return wiki + ' - ' + config.title;
+  if (pageRender) {
+    return pageRender.seo.title
   } else {
     if (page.title) {
       return page.title + ' - ' + config.title;
@@ -38,25 +32,27 @@ function generate_title() {
   return config.title;
 }
 function generate_description() {
-  if (theme.open_graph && theme.open_graph.enable) {
+  if (pageRender) {
+    if (pageRender.seo.openGraph) return ''
+    return '<meta name="description" content="' + escape_meta_content(pageRender.seo.description) + '">'
+  }
+  if (stellarSeo.openGraph.enabled) {
     return '';
   }
   if (page.description) {
     return '<meta name="description" content="' + truncate(strip_html(page.description), {length: 150}) + '">';
   }
-  if (page.wiki) {
-    const proj = theme.wiki.tree[page.wiki]
-    if (proj?.description) {
-      return '<meta name="description" content="' + proj.description + '">'
-    }
-  }
   if (page.excerpt || page.content) {
     return '<meta name="description" content="' + truncate(strip_html(page.excerpt || page.content), {length: 150}) + '">';
   }
   return '<meta name="description" content="' + config.description + '">';
 }
 function generate_keywords() {
-  if (page.keywords && page.keywords.length > 0) {
+  if (pageRender) {
+    return pageRender.seo.keywords.length > 0
+      ? '<meta name="keywords" content="' + escape_meta_content(pageRender.seo.keywords.join(',')) + '">'
+      : ''
+  } else if (page.keywords && page.keywords.length > 0) {
     return '<meta name="keywords" content="' + page.keywords + '">';
   } else if (page.tags && page.tags.length > 0) {
     return '<meta name="keywords" content="' + page.tags.map(tag => tag.name).join(',') + '">';
@@ -68,6 +64,11 @@ function generate_keywords() {
 }
 
 function generate_robots() {
+  if (pageRender) {
+    return pageRender.seo.robots
+      ? '<meta name="robots" content="' + escape_meta_content(pageRender.seo.robots) + '">'
+      : ''
+  }
   const IS_BACKUP = process.env.IS_BACKUP === 'true';
   if (IS_BACKUP) {
     return '<meta name="robots" content="noindex, nofollow">';
@@ -80,21 +81,18 @@ function generate_robots() {
   }
 }
 function og_args() {
+  if (pageRender) {
+    return Object.assign({}, pageRender.seo.openGraph?.args || {})
+  }
   var args = {};
-  if (theme.open_graph.twitter_id) {
-    args.twitter_id = theme.open_graph.twitter_id;
+  if (stellarSeo.openGraph.twitterId) {
+    args.twitter_id = stellarSeo.openGraph.twitterId;
   }
-  if (page.layout == 'post' && page.cover) {
+  if (page.layout == 'post' && pageConfig.cover) {
     args.twitter_card = 'summary_large_image';
   }
-  if (page.wiki && !page.description) {
-    const proj = theme.wiki.tree[page.wiki];
-    if (proj && proj.description) {
-      args.description = proj.description;
-    }
-  }
-  args.image = page.cover || page.banner || first_content_image(page.content) || config.avatar || (config.email ? gravatar(config.email) : null);
-  return Object.assign(args, page.open_graph);
+  args.image = pageConfig.cover || pageConfig.banner?.image || first_content_image(page.content) || config.avatar || (config.email ? gravatar(config.email) : null);
+  return Object.assign(args, pageConfig.seo?.openGraph || {});
 }
 
 function escape_meta_content(content) {
@@ -106,29 +104,47 @@ function escape_meta_content(content) {
 }
 
 function generate_og_title() {
-  return escape_meta_content(strip_html(page.title || config.title));
+  return escape_meta_content(strip_html(pageRender ? pageRender.seo.openGraph.title : page.title || config.title));
 }
 
 function generate_og_site_name() {
-  return escape_meta_content(strip_html(config.title));
+  return escape_meta_content(strip_html(pageRender ? pageRender.seo.openGraph.siteName : config.title));
+}
+
+function generate_twitter_title() {
+  return escape_meta_content(strip_html(pageRender ? pageRender.seo.openGraph.twitterTitle : page.title || config.title));
 }
 
 function render_open_graph() {
-  if (!(theme.open_graph && theme.open_graph.enable)) {
+  if (pageRender ? !pageRender.seo.openGraph : !stellarSeo.openGraph.enabled) {
     return '';
   }
   let meta = open_graph(og_args());
+  if (pageRender) {
+    meta = meta.replace(/<meta property="article:tag" content="[^"]*">\n?/g, '');
+    var articleMeta = ''
+    if (pageRender.seo.openGraph.publishedTime) {
+      articleMeta += `<meta property="article:published_time" content="${escape_meta_content(pageRender.seo.openGraph.publishedTime)}">\n`
+    }
+    if (pageRender.seo.openGraph.modifiedTime) {
+      articleMeta += `<meta property="article:modified_time" content="${escape_meta_content(pageRender.seo.openGraph.modifiedTime)}">\n`
+    }
+    for (var tag of pageRender.seo.openGraph.tags) {
+      articleMeta += `<meta property="article:tag" content="${escape_meta_content(tag)}">\n`
+    }
+    meta = meta.replace(/<meta name="twitter:card"/, `${articleMeta}<meta name="twitter:card"`)
+  }
   meta = meta.replace(/<meta property="og:title" content="[^"]*">/, `<meta property="og:title" content="${generate_og_title()}">`);
   if (meta.match(/<meta property="og:site_name" content="[^"]*">/)) {
     meta = meta.replace(/<meta property="og:site_name" content="[^"]*">/, `<meta property="og:site_name" content="${generate_og_site_name()}">`);
   } else {
     meta += `<meta property="og:site_name" content="${generate_og_site_name()}">`;
   }
-  if (page.title) {
+  if (pageRender || page.title) {
     if (meta.match(/<meta name="twitter:title" content="[^"]*">/)) {
-      meta = meta.replace(/<meta name="twitter:title" content="[^"]*">/, `<meta name="twitter:title" content="${generate_og_title()}">`);
+      meta = meta.replace(/<meta name="twitter:title" content="[^"]*">/, `<meta name="twitter:title" content="${generate_twitter_title()}">`);
     } else {
-      meta += `<meta name="twitter:title" content="${generate_og_title()}">`;
+      meta += `<meta name="twitter:title" content="${generate_twitter_title()}">`;
     }
   }
   return meta;
@@ -136,34 +152,29 @@ function render_open_graph() {
 
 function preconnect() {
   var el = '';
-  for (let href of (theme.preconnect || [])) {
+  for (var href of stellarResources.preconnect) {
     el += `<link rel="preconnect" href="${href}" crossorigin>`;
   }
   return el;
 }
 
-function custom_inject() {
-  var el = '';
-  for (let item of (config.inject?.head || [])) {
-    el += item;
-  }
-  for (let item of (theme.inject?.head || [])) {
-    el += item;
-  }
-  for (let item of (page.inject?.head || [])) {
-    el += item;
-  }
-  return el;
+function custom_inject(kind) {
+  return stellar_inject(kind, pageRender ? pageRender.document[`${kind}Inject`] : pageConfig.inject?.[kind])
 }
 
 function generate_canonical() {
-  const originalHost = theme.canonical.originalHost || '';
-  if (originalHost.length > 0) {
+  if (pageRender) {
+    return pageRender.seo.canonical
+      ? `<link rel="canonical" href="${escape_meta_content(pageRender.seo.canonical)}">`
+      : ''
+  }
+  var host = stellarSeo.canonical.host;
+  if (typeof host === 'string' && host.length > 0) {
     var path = pretty_url(page.path) || '/';
     if (path.startsWith('/404') || path.startsWith('404')) {
       return '';
     }
-    return `<link rel="canonical" href="https://${originalHost}${path}">`;
+    return `<link rel="canonical" href="https://${host}${path}">`;
   }
   return '';
 }
@@ -171,6 +182,7 @@ function generate_canonical() {
 %>
 
 <head>
+  <%- custom_inject('headBegin') %>
   <meta charset="utf-8">
   <meta name="hexo-theme" content="<%- stellar_info('tree') %>" theme-name="<%- stellar_info('name') %>" theme-version="<%- stellar_info('version') %>">
   <%- generate_canonical() %>
@@ -187,6 +199,18 @@ function generate_canonical() {
   <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000">
   <meta name="theme-color" content="#f9fafb">
   <title><%- generate_title() %></title>
+  <script>
+    (function () {
+      var key = 'stellar:v2:leftbar-state';
+      var fallback = <%- JSON.stringify(stellar_config('leftbar.defaultState')) %>;
+      try {
+        var value = localStorage.getItem(key);
+        document.documentElement.dataset.leftbarState = value === 'collapsed' || value === 'expanded' ? value : fallback;
+      } catch (error) {
+        document.documentElement.dataset.leftbarState = fallback;
+      }
+    })();
+  </script>
 
   <%- render_open_graph() %>
   <%- generate_description() %>
@@ -208,8 +232,9 @@ function generate_canonical() {
     <% }) %>
   <% } %>
 
-  <link rel="preload" href="<%- url_for(`${theme.stellar.main_css}?v=${stellar_info('version')}`) %>" as="style">
-  <link rel="stylesheet" href="<%- url_for(`${theme.stellar.main_css}?v=${stellar_info('version')}`) %>">
+  <link rel="preload" href="<%- url_for(`${stellar_info('main_css')}?v=${stellar_info('version')}`) %>" as="style">
+  <link rel="stylesheet" href="<%- url_for(`${stellar_info('main_css')}?v=${stellar_info('version')}`) %>">
+  <style>:root{--text-loading:<%- JSON.stringify(__('message.loading')) %>;--text-loading-error:<%- JSON.stringify(__('message.loading_failed')) %>}</style>
 
 
   <% if (config.favicon) { %>
@@ -217,11 +242,13 @@ function generate_canonical() {
   <% } %>
 
   <% if (config.highlight && config.highlight.enable == true && config.highlight.hljs == true) { %>
-    <%- css(theme.style.codeblock.highlightjs_theme) %>
+    <% if (stellar_config('appearance.codeBlock.highlightStylesheet')) { %>
+      <%- css(stellar_config('appearance.codeBlock.highlightStylesheet')) %>
+    <% } %>
   <% } %>
 
-  <%- json_ld() %>
-  <%- custom_inject() %>
+  <%- json_ld(pageViewModel || undefined) %>
+  <%- custom_inject('headEnd') %>
 
   <!-- icons.yml 驱动的 CSS 装饰图标 -->
   <%
@@ -234,11 +261,11 @@ function generate_canonical() {
       };
       let vars = [];
       for (const [name, key] of Object.entries(map)) {
-        const raw = theme.icons && theme.icons[key];
+        var raw = stellar_data('icons') && stellar_data('icons')[key];
         if (raw) vars.push(`  ${name}: url("data:image/svg+xml,${encodeURIComponent(raw)}");`);
       }
       // 加载占位：由 icons.yml 的 default:loading 提供（内联 SVG 编码为 data URI，URL 直用）
-      const loadingRaw = theme.icons && theme.icons['default:loading'];
+      var loadingRaw = stellar_data('icons') && stellar_data('icons')['default:loading'];
       if (loadingRaw) {
         if (loadingRaw.trim().startsWith('<svg')) {
           vars.push(`  --icon-loading: url("data:image/svg+xml,${encodeURIComponent(loadingRaw)}");`);

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

@@ -1,30 +1,33 @@
 <%
 function parseURL() {
   const source = page.source || ''
-  for (let id of Object.keys(map)) {
-    if (source.startsWith(id) && map[id]) {
-      return source.replace(id, map[id])
-    }
+  const matched = (repositories || [])
+    .filter(item => source.startsWith(item.sourcePrefix))
+    .sort((left, right) => right.sourcePrefix.length - left.sourcePrefix.length)[0]
+  if (!matched) return null
+  const file = source.slice(matched.sourcePrefix.length).replace(/^\/+/, '')
+  return {
+    edit: `https://github.com/${matched.repository}/blob/${matched.branch || 'main'}/${file}`,
+    commits: `${stellar_config('services.github.apiUrl').replace(/\/+$/, '')}/repos/${matched.repository}/commits?path=${encodeURIComponent(file)}`
   }
 }
 function layoutDiv() {
-  const url = parseURL()
-  if (url == null) {
+  const urls = parseURL()
+  if (urls == null) {
     return ''
   }
-  const commits = url.replace('/github.com/', `/${theme.api_host.ghapi}/repos/`).replace('/blob/main/', '/commits?path=');
   var el = `
   <section id="contributors">
     <div class="header">
       <span>${__('meta.contributors')}</span>
       <span class="spacer"></span>
-      <a class="edit" href="${url_for(url)}">
+      <a class="edit" href="${url_for(urls.edit)}">
         ${icon('default:edit')}
         <span>${__('btn.edit')}</span>
       </a>
     </div>
     <div class="body">
-      <div class="ds-contributors users-wrap" api-type="commits" data-api="${commits}"><div class="grid-box"></div></div>
+      <div class="ds-contributors users-wrap" api-type="commits" data-api="${urls.commits}"><div class="grid-box"></div></div>
     </div>
   </section>
   `

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

@@ -0,0 +1,47 @@
+<%
+function referenceList(items) {
+  return items.map(function(ref) {
+    return `<li class="post-title">${markdown(ref)}</li>`
+  }).join('')
+}
+
+function contributorSection(contributor) {
+  if (!contributor) return ''
+  return `
+  <section id="contributors">
+    <div class="header">
+      <span>${__('meta.contributors')}</span>
+      <span class="spacer"></span>
+      <a class="edit" href="${url_for(contributor.editUrl)}">
+        ${icon('default:edit')}
+        <span>${__('btn.edit')}</span>
+      </a>
+    </div>
+    <div class="body">
+      <div class="ds-contributors users-wrap" api-type="commits" data-api="${escape_html(contributor.commitsUrl)}"><div class="grid-box"></div></div>
+    </div>
+  </section>`
+}
+
+function layoutDiv() {
+  var sections = ''
+  if (footer.references.length > 0) {
+    sections += `
+    <section id="references">
+      <div class="header"><span>${__('meta.references')}</span></div>
+      <div class="body"><ul>${referenceList(footer.references)}</ul></div>
+    </section>`
+  }
+  if (footer.license) {
+    sections += `
+    <section id="license">
+      <div class="header"><span>${__('meta.license')}</span></div>
+      <div class="body">${markdown(footer.license)}</div>
+    </section>`
+  }
+  sections += contributorSection(footer.contributor)
+  if (sections.length === 0) return ''
+  return `<div class="article-footer${scrollreveal(' ')}">${sections}</div>`
+}
+%>
+<%- layoutDiv() %>

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

@@ -0,0 +1,22 @@
+<%
+function itemHtml(id, item, label) {
+  var el = `<div class="item" id="${id}">`
+  if (item) {
+    var title = item.title || (item.date ? date(item.date, config.date_format) : '')
+    el += `<div class="note">${label}</div>`
+    el += `<a href="${pretty_url(item.path)}">${escape_html(title)}</a>`
+  }
+  return el + '</div>'
+}
+
+function layoutDiv() {
+  if (!previous && !next) return ''
+  var prevLabel = typeof previousLabel !== 'undefined' ? previousLabel : __('meta.newer')
+  var nextLabelText = typeof nextLabel !== 'undefined' ? nextLabel : __('meta.older')
+  return `<div class="related-wrap${scrollreveal(' ')}" id="read-next"><section class="body">` +
+    itemHtml('prev', previous, prevLabel) +
+    itemHtml('next', next, nextLabelText) +
+    '</section></div>'
+}
+%>
+<%- layoutDiv() %>

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

@@ -0,0 +1,14 @@
+<%
+function layoutDiv() {
+  if (!related.enabled || related.items.length === 0) return ''
+  var items = related.items.map(function(item) {
+    var excerpt = item.excerpt
+      ? `<span class="excerpt">${escape_html(truncate(strip_html(item.excerpt), {length: 120}))}</span>`
+      : ''
+    return `<a class="item" href="${escape_html(item.path)}" title="${escape_html(item.title)}"><span class="title">${escape_html(item.title)}</span>${excerpt}</a>`
+  }).join('')
+  var title = related.title || __('meta.related_posts')
+  return `<div class="related-wrap${scrollreveal(' ')}" id="related-posts"><section class="header"><div class="title cap theme">${escape_html(title)}</div></section><section class="body"><div class="related-posts">${items}</div></section></div>`
+}
+%>
+<%- layoutDiv() %>

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

@@ -0,0 +1,12 @@
+<%
+function layoutDiv() {
+  if (!Array.isArray(tags) || tags.length === 0) return ''
+  var el = `<div class="article-tags${scrollreveal(' ')}">`
+  tags.forEach(function(tag) {
+    el += `<a class="tag" href="${pretty_url(tag.path)}">${icon('default:hashtag')}${escape_html(tag.name)}</a>`
+  })
+  el += '</div>'
+  return el
+}
+%>
+<%- layoutDiv() %>