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

package/scripts/schema/schema-utils.js

@@ -0,0 +1,48 @@
+/* global hexo */
+"use strict";
+
+function deepFreeze(value) {
+  if (value == null || typeof value !== "object" || Object.isFrozen(value)) return value;
+  Object.values(value).forEach(deepFreeze);
+  return Object.freeze(value);
+}
+
+function flattenSchemaFields(schema) {
+  const fields = [];
+
+  function visit(node, yamlPrefix, runtimePrefix, includeSelf = false) {
+    const properties = Object.entries(node.properties || {});
+    const itemProperties = Object.keys(node.items?.properties || {});
+    if (includeSelf && properties.length === 0 && itemProperties.length === 0 && !node.additionalProperties) {
+      fields.push({
+        path: yamlPrefix,
+        runtimePath: runtimePrefix,
+        type: Array.isArray(node.type) ? [...node.type] : []
+      });
+      return;
+    }
+
+    for (const [key, child] of properties) {
+      const yamlPath = yamlPrefix ? `${yamlPrefix}.${key}` : key;
+      const runtimeKey = child.runtimeKey || key;
+      const runtimePath = runtimePrefix ? `${runtimePrefix}.${runtimeKey}` : runtimeKey;
+      if (child.items?.properties || child.items?.additionalProperties) {
+        visit(child.items, `${yamlPath}[]`, `${runtimePath}[]`, true);
+      } else {
+        visit(child, yamlPath, runtimePath, true);
+      }
+      if (child.additionalProperties) {
+        const recordKey = child.additionalPropertyKey || "<key>";
+        visit(child.additionalProperties, `${yamlPath}.${recordKey}`, `${runtimePath}.${recordKey}`, true);
+      }
+    }
+  }
+
+  visit(schema, "", "");
+  return fields;
+}
+
+module.exports = {
+  deepFreeze,
+  flattenSchemaFields
+};

package/scripts/tags/index.js

@@ -5,7 +5,6 @@
 // container
 hexo.extend.tag.register('tabs', require('./lib/tabs')(hexo), true)
 hexo.extend.tag.register('box', require('./lib/box')(hexo), true)
-hexo.extend.tag.register('about', require('./lib/about')(hexo), true)
 hexo.extend.tag.register('folding', require('./lib/folding')(hexo), true)
 hexo.extend.tag.register('folders', require('./lib/folders')(hexo), true)
 hexo.extend.tag.register('grid', require('./lib/grid')(hexo), true)
@@ -15,12 +14,12 @@ hexo.extend.tag.register('banner', require('./lib/banner')(hexo), true)
 hexo.extend.tag.register('dropdown', require('./lib/dropdown')(hexo), true)
 
 // data
-hexo.extend.tag.register('users', require('./lib/friends')(hexo))
 hexo.extend.tag.register('friends', require('./lib/friends')(hexo))
 hexo.extend.tag.register('albums', require('./lib/albums')(hexo))
 hexo.extend.tag.register('posters', require('./lib/posters')(hexo))
 hexo.extend.tag.register('sites', require('./lib/sites')(hexo))
 hexo.extend.tag.register('ghcard', require('./lib/ghcard')(hexo))
+hexo.extend.tag.register('gist', require('./lib/gist')(hexo))
 hexo.extend.tag.register('toc', require('./lib/toc')(hexo))
 hexo.extend.tag.register('timeline', require('./lib/timeline')(hexo), {ends: true})
 hexo.extend.tag.register('md', require('./lib/md')(hexo))
@@ -50,7 +49,7 @@ hexo.extend.tag.register('video', require('./lib/video')(hexo))
 hexo.extend.tag.register('rating', require('./lib/rating')(hexo))
 hexo.extend.tag.register('vote', require('./lib/vote')(hexo))
 hexo.extend.tag.register('table', require('./lib/table')(hexo), {ends: true})
-hexo.extend.tag.register('tip', require('./lib/tip')(hexo), {ends: true})
+hexo.extend.tag.register('tip', require('./lib/tip')(hexo))
 
 // read 阅读类
 hexo.extend.tag.register('reel', require('./lib/read/reel')(hexo), true)

package/scripts/tags/lib/albums.js

@@ -9,7 +9,7 @@
 
 module.exports = ctx => function(args) {
   var args = ctx.args.map(args, ['repo', 'api', 'size'], ['group'])
-  const host = ctx.theme.config.api_host.ghraw
+  const rawUrl = ctx.stellar.config.services.github.rawUrl.replace(/\/+$/, '')
   if (args.size == null) {
     args.size = 's'
   }
@@ -17,21 +17,21 @@ module.exports = ctx => function(args) {
   if (args.api) {
     api = args.api
   } else if (args.repo) {
-    api = `https://${host}/${args.repo}/output/v2/data.json`
+    api = `${rawUrl}/${args.repo}/output/v2/data.json`
   }
   
   var el = ''
   el += `<div class="tag-plugin albums-wrap">`
   if (api) {
-    el += `<div class="data-service ds-friends" data-api="${api}"><div class="tag-plugin gallery grid-box" layout="grid" ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}></div></div>`
+    el += `<div class="data-service ds-friends" data-api="${api}"><div class="tag-plugin gallery grid-box" layout="grid" aspect_ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}></div></div>`
   } else if (args.group) {
-    const links = ctx.theme.config.links || {}
-    el += `<div class="tag-plugin gallery grid-box" layout="grid" ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}>`
+    const links = ctx.stellar.data.links || {};
+    el += `<div class="tag-plugin gallery grid-box" layout="grid" aspect_ratio="square" ${ctx.args.joinTags(args, ['size']).join(' ')}>`
     for (let item of (links[args.group] || [])) {
       if (item?.url) {
         el += `<div class="grid-cell album-card">`
         el += `<a class="card-link lazy-box" target="_blank" rel="external nofollow noopener noreferrer" href="${item.url}">`
-        el += `<img class="lazy" data-src="${item.cover || item.icon || item.avatar || ctx.theme.config.default.cover}" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;${ctx.theme.config.default.cover}&quot;;"/>`
+        el += `<img class="lazy" data-src="${item.cover || item.icon || item.avatar || ctx.stellar.config.fallbacks.cover}" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;${ctx.stellar.config.fallbacks.cover}&quot;;"/>`
         el += `<div class="lazy-icon"></div>`
         el += `<div class="image-meta">`
         if (item.title) {

package/scripts/tags/lib/banner.js

@@ -11,13 +11,19 @@
 
 module.exports = ctx => function(args, content) {
   args = ctx.args.map(args, ['bg', 'avatar', 'link'], ['title', 'subtitle'])
-  var bg = args.bg ? args.bg : ctx.theme.config.default.banner
+  var bg = args.bg || ''
   var el = ''
-  el += `<div class="tag-plugin banner" style="--bg-url:url('${bg.replace(/'/g, '%27')}')">`
+  el += `<div class="tag-plugin banner${bg ? '' : ' no-bg'}"`
+  if (bg) {
+    el += ` style="--bg-url:url('${bg.replace(/'/g, '%27')}')"`
+  }
+  el += '>'
   // bg
-  el += `<img class="lazy bg" data-src="${bg}">`
+  if (bg) {
+    el += `<img class="lazy bg" data-src="${bg}">`
+  }
   // content
-  el += `<div class="content" data-text-adaptive="split">`
+  el += `<div class="content"${bg ? ' data-text-adaptive="split"' : ''}>`
   // content.top
   el += `<div class="top">`
   // content.top.back

package/scripts/tags/lib/box.js

@@ -13,7 +13,7 @@ module.exports = ctx => function(args, content) {
   args = ctx.args.map(args, ['color', 'child'], ['title'])
   const { title } = args
   if (args.color == null) {
-    args.color = ctx.theme.config.tag_plugins.note.default_color
+    args.color = ctx.stellar.config.tags.note.defaultColor
   }
   var el = ''
   // header

package/scripts/tags/lib/button.js

@@ -22,7 +22,7 @@ module.exports = ctx => function(args) {
     args.text = `${args.text} ${arr.join(' ')}`
   }
   if (args.color == null) {
-    args.color = ctx.theme.config.tag_plugins.button.default_color
+    args.color = ctx.stellar.config.tags.button.defaultColor
   }
   var el = ''
   el += '<a class="tag-plugin colorful button"'

package/scripts/tags/lib/chat.js

@@ -29,34 +29,17 @@
 
 'use strict'
 
+const INTERNAL_CONSTANTS = require('../../lib/internal-constants')
+
 var chatIndex = 0;
 
 module.exports = ctx => function(args, content) {
-  function isObject(item) {
-    return item && typeof item === 'object' && !Array.isArray(item);
-  }
-
-  function merge(target, source) {
-    for (const key in source) {
-      if (isObject(target[key]) && isObject(source[key])) {
-        merge(target[key], source[key]);
-      } else {
-        target[key] = source[key];
-      }
-    }
-    return target;
-  }
-
   args = ctx.args.map(args, ['style', 'title', 'scene', 'me', 'labelColorStyle'], ['device'])
 
   // users
   var arr = content.split(/<!--\s*([\s\S]*?)\s*-->/g).filter(item => item.trim().length > 0)
   if (arr.length > 0) {
-    // 避免用户在没有配置chat_users.yaml时出错
-    if (ctx.theme.config.chat_users){
-      var users = merge(ctx.theme.config.chat_users, ctx.render.renderSync({ text: (arr[0] || ''), engine: 'yaml' }));
-    }
-    var users = ctx.render.renderSync({ text: (arr[0] || ''), engine: 'yaml' });
+    var users = ctx.render.renderSync({ text: (arr[0] || ""), engine: "yaml" });
   }
 
 
@@ -114,7 +97,7 @@ module.exports = ctx => function(args, content) {
 
   function loadIcon(url) {
     var el = ''
-    el += '<div class="lazy img" data-bg="' + ctx.theme.config.default.link + '"></div>'
+    el += '<div class="lazy img" data-bg="' + ctx.stellar.config.fallbacks.linkCard + '"></div>'
     return el
   }
 
@@ -345,17 +328,12 @@ module.exports = ctx => function(args, content) {
           el += `<img lazy fancybox="true" src="${cell['image']}">`
       } else if (cell['emoji']) {
           el += ' emoji">'
-          const config = ctx.theme.config.tag_plugins.emoji
+          const { defaultSource, sources } = ctx.stellar.config.tags.emoji
           if (cell['source'] === undefined) {
-            for (let id in config) {
-              if (config[id]) {
-                cell['source'] = id
-                break
-              }
-            }
+            cell['source'] = defaultSource
           }
-          if (cell['source'] && config[cell['source']]) {
-            let url = config[cell['source']].replace('{name}', cell['emoji'])
+          if (cell['source'] && sources[cell['source']]) {
+            let url = sources[cell['source']].replace('{name}', cell['emoji'])
             el += `<img lazy src="${url}">`
           } else {
             el += `<img lazy src="${cell['emoji']}">`
@@ -417,7 +395,7 @@ module.exports = ctx => function(args, content) {
           let urlTarget = cell['link'].includes('://') ? ' target="_blank" rel="external nofollow noopener noreferrer"' : ''
           let linkFrom = cell['from'] || 'QQ小程序'
           el += `
-            <a class="link-card rich" href="${cell['link']}"${urlTarget} data-api="${ctx.theme.config.tag_plugins.chat?.api + '?url=' + cell['link']}" cardlink autofill="title,icon,desc">
+            <a class="link-card rich" href="${cell['link']}"${urlTarget} data-api="${INTERNAL_CONSTANTS.assets.services.chat.endpoint + '?url=' + cell['link']}" cardlink autofill="title,icon,desc">
             <div class="top">
               <span class="title">${cell['link']}</span>
             </div>

package/scripts/tags/lib/checkbox.js

@@ -17,7 +17,12 @@ module.exports = (ctx, type) => function(args) {
   el += ' ' + ctx.args.joinTags(args, ['color', 'symbol']).join(' ')
   el += '>'
   // input
-  el += '<input type="' + (type || 'checkbox') + '"'
+  var inputClass = type === 'radio' ? 'ui-radio' : ''
+  el += '<input'
+  if (inputClass) {
+    el += ' class="' + inputClass + '"'
+  }
+  el += ' type="' + (type || 'checkbox') + '"'
   if (args.checked == 'true') {
     el += ' checked="true"'
   }

package/scripts/tags/lib/copy.js

@@ -9,6 +9,8 @@
 
 'use strict'
 
+const { escapeHTML } = require("hexo-util");
+
 var copy_index = 0
 
 module.exports = ctx => function(args) {
@@ -31,7 +33,8 @@ module.exports = ctx => function(args) {
   }
 
   const copy_id = 'copy_' + ++copy_index
-  const toast = ctx.theme.config.tag_plugins.copy.toast
+  const __ = ctx.theme.i18n.__(ctx.config.language);
+  const toast = escapeHTML(__("message.copied"));
 
   var el = ``
   el += `<div class="tag-plugin copy">`

package/scripts/tags/lib/dropdown.js

@@ -8,6 +8,8 @@
 
 'use strict'
 
+const { composeUiClasses } = require('../../lib/ui-capabilities')
+
 function parseItem(line) {
   const matches = line.match(/^\s*(?:[-*]\s+)?(?:icon:([^\s]+)\s+)?\[([^\]]+)\]\(([^)\s]+)\)(?:\s+icon:([^\s]+))?\s*$/)
   if (!matches) {
@@ -41,21 +43,21 @@ module.exports = ctx => function(args, content = '') {
     el += ' open'
   }
   el += '>'
-  el += `<summary class="dropdown-trigger" title="${title}" aria-label="${title}">`
+  el += `<summary class="${composeUiClasses('dropdown-trigger', 'interactive')}" title="${title}" aria-label="${title}">`
   el += `<span>${title}</span>`
   el += '<svg class="dropdown-arrow" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M6 9l6 6 6-6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'
   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 (const item of items) {
     const url = String(item.url)
-    el += `<a class="dropdown-item ui-collection__item card-hover card-hover--spotlight" href="${escapeHTML(toUrl(url))}`
+    el += `<a class="${composeUiClasses('dropdown-item', 'collectionItem')}" href="${escapeHTML(toUrl(url))}`
     if (url.includes('://')) {
       el += '" target="_blank" rel="external nofollow noopener noreferrer">'
     } else {
       el += '" rel="noopener noreferrer">'
     }
     if (item.icon) {
-      el += `<span class="ui-collection__leading">${ctx.utils.icon(item.icon, 'no-lazy', true)}</span>`
+      el += `<span class="ui-icon">${ctx.utils.icon(item.icon, 'no-lazy', true)}</span>`
     }
     el += `<span class="ui-collection__content"><span class="ui-collection__title">${escapeHTML(item.title)}</span></span></a>`
   }

package/scripts/tags/lib/emoji.js

@@ -10,7 +10,7 @@
 'use strict'
 
 module.exports = ctx => function(args) {
-  const config = ctx.theme.config.tag_plugins.emoji
+  const { defaultSource, sources } = ctx.stellar.config.tags.emoji
   args = ctx.args.map(args, ['url', 'height', 'name'], ['source', 'name'])
   var el = ''
   el += '<span class="tag-plugin emoji">'
@@ -33,16 +33,11 @@ module.exports = ctx => function(args) {
   }
   if (args.name == undefined) {
     // 省略了 source
-    for (let id in config) {
-      if (config[id]) {
-        args.name = args.source
-        args.source = id
-        break
-      }
-    }
+    args.name = args.source
+    args.source = defaultSource
   }
-  if (config[args.source] && args.name) {
-    let url = config[args.source].replace('{name}', args.name)
+  if (sources[args.source] && args.name) {
+    let url = sources[args.source].replace('{name}', args.name)
     el += '<img no-lazy="" class="inline"'
     el += ' src="' + url + '"'
     if (args.height) {

package/scripts/tags/lib/friends.js

@@ -9,26 +9,26 @@
 
 module.exports = ctx => function(args) {
   args = ctx.args.map(args, ['repo', 'api', 'posts'], ['group'])
-  const host = ctx.theme.config.api_host.ghraw
+  const rawUrl = ctx.stellar.config.services.github.rawUrl.replace(/\/+$/, '')
   var api
   if (args.api) {
     api = args.api
   } else if (args.repo) {
-    api = `https://${host}/${args.repo}/output/v2/data.json`
+    api = `${rawUrl}/${args.repo}/output/v2/data.json`
   }
   
   var el = `<div class="tag-plugin ${args.posts ? 'users-posts-wrap' : 'users-wrap'}">`
   if (api) {
     el += `<div class="data-service ds-friends${args.posts ? '_and_posts' : ''}" ${ctx.args.joinTags(args, ['size']).join(' ')} data-api="${api}"><div class="grid-box"></div></div>`
   } else if (args.group) {
-    const links = ctx.theme.config.links || {}
+    const links = ctx.stellar.data.links || {};
     el += '<div class="grid-box">'
     for (let item of (links[args.group] || [])) {
       if (item?.url && item?.title) {
         el += `<div class="grid-cell user-card">`
         el += `<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer" href="${item.url}">`
         el += `<div class="lazy-box icon">`
-        el += `<img class="lazy" data-src="${item.icon || item.avatar || ctx.theme.config.default.avatar}" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;${ctx.theme.config.default.avatar}&quot;;"/>`
+        el += `<img class="lazy" data-src="${item.icon || item.avatar || ctx.stellar.config.fallbacks.avatar}" onerror="javascript:this.removeAttribute(&quot;data-src&quot;);this.src=&quot;${ctx.stellar.config.fallbacks.avatar}&quot;;"/>`
         el += `<div class="lazy-icon"></div>`
         el += `</div>`
         el += `<div class="name">`

package/scripts/tags/lib/gallery.js

@@ -2,14 +2,14 @@
  * gallery.js v2.1 | https://github.com/xaoxuu/hexo-theme-stellar/
  * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
  *
- * {% gallery [layout:grid/flow] [size:mix/s/m/l/xl] [ratio:origin/square] %}
+ * {% gallery [layout:grid/flow] [size:mix/s/m/l/xl] [aspect_ratio:original/square/portrait] %}
  * ![title](/xxx.png)
  * ![title](/xxx.png)
  * ![title](/xxx.png)
  * ![title](/xxx.png)
  * {% endgallery %}
  * 
- * layout:grid 网格布局，支持通过 size/ratio 设置尺寸和长宽比
+ * layout:grid 网格布局，支持通过 size/aspect_ratio 设置尺寸和长宽比
  * layout:flow 瀑布流布局，竖排，适合图片量大的时候使用（体验不佳请慎用）
  */
 
@@ -35,12 +35,12 @@ function img(src, alt) {
 }
 
 module.exports = ctx => function(args, content) {
-  args = ctx.args.map(args, ['layout', 'size', 'ratio'])
+  args = ctx.args.map(args, ['layout', 'size', 'aspect_ratio'])
   if (args.size == null) {
-    args.size = ctx.theme.config.tag_plugins.gallery.size
+    args.size = ctx.stellar.config.tags.gallery.size
   }
-  if (args.ratio == null) {
-    args.ratio = ctx.theme.config.tag_plugins.gallery.ratio
+  if (args.aspect_ratio == null) {
+    args.aspect_ratio = ctx.stellar.config.tags.gallery.aspectRatio
   }
   var el = ''
   var layoutType = 'grid'
@@ -48,7 +48,7 @@ module.exports = ctx => function(args, content) {
     layoutType = 'flow'
   }
   index += 1
-  el += `<div class="tag-plugin gallery ${layoutType}-box" ${ctx.args.joinTags(args, ['size', 'ratio']).join(' ')}>`
+  el += `<div class="tag-plugin gallery ${layoutType}-box" ${ctx.args.joinTags(args, ['size', 'aspect_ratio']).join(' ')}>`
   const img_mds = content.split('\n').filter(item => item.trim().length > 0)
   for (let md of img_mds) {
     const matches = md.match(/\!\[(.*?)\]\((.*?)\)/i)

package/scripts/tags/lib/ghcard.js

@@ -13,11 +13,13 @@
 
 'use strict'
 
+const { resolveServiceProvider } = require("../../lib/service-provider");
+
 module.exports = ctx => function(args) {
   var params = ['show_owner', 'theme', 'title_color', 'text_color', 'icon_color', 'bg_color', 'hide_border', 'cache_seconds', 'locale']
   args = ctx.args.map(args, params, ['repo'])
   const path = args.repo
-  const host = ctx.theme.config.api_host.ghcard
+  const cardUrl = resolveServiceProvider(ctx.stellar.config.services.githubCard).endpoint.replace(/\/+$/, "");
   var el = ''
   el += '<div class="tag-plugin ghcard">'
   el += '<a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/' + path + '">'
@@ -25,10 +27,10 @@ module.exports = ctx => function(args) {
   if (path.includes('/')) {
     // is repo
     const ps = path.split('/')
-    url = `https://${host}/api/pin/?username=${ps[0]}&repo=${ps[1]}`
+    url = `${cardUrl}/api/pin/?username=${ps[0]}&repo=${ps[1]}`
   } else {
     // is user
-    url = `https://${host}/api/?username=${path}`
+    url = `${cardUrl}/api/?username=${path}`
   }
   url += '&' + ctx.args.joinURLParams(args, params)
   if (!url.includes('&show_owner=')) {

package/scripts/tags/lib/gist.js

@@ -0,0 +1,16 @@
+/**
+ * {% gist owner/id [file:name] %}
+ */
+
+'use strict'
+
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['file'], ['gist'])
+  const gist = args.gist
+  if (typeof gist !== 'string' || !/^[A-Za-z0-9_.-]+\/[A-Za-z0-9]+$/.test(gist)) {
+    throw new Error('[stellar tag:gist] expected owner/id')
+  }
+  const base = ctx.stellar.config.services.github.gistUrl.replace(/\/+$/, '')
+  const query = args.file ? `?file=${encodeURIComponent(args.file)}` : ''
+  return `<script src="${base}/${gist}.js${query}"></script>`
+}

package/scripts/tags/lib/grid.js

@@ -12,14 +12,16 @@
 
 'use strict'
 
+const { composeUiClasses } = require('../../lib/ui-capabilities')
+
 module.exports = ctx => function(args, content) {
   args = ctx.args.map(args, ['bg', 'w', 'c', 'gap', 'br'])
   if (args.w == null && args.c == null) {
-    args.w = '240px'
+    args.w = '280px'
   }
   var el = ''
   var cellClass = args.bg === 'card'
-    ? 'cell card-hover card-hover--spotlight card-hover--tilt'
+    ? composeUiClasses('cell', 'hoverCard')
     : 'cell'
   el += '<div class="tag-plugin grid"'
   el += ' ' + ctx.args.joinTags(args, ['bg', 'columns']).join(' ')

package/scripts/tags/lib/hashtag.js

@@ -14,7 +14,7 @@ var tag_index = 0
 module.exports = ctx => function(args) {
   args = ctx.args.map(args, ['color'], ['text', 'href'])
   if (args.color == null) {
-    const default_color = ctx.theme.config.tag_plugins.hashtag?.default_color
+    const default_color = ctx.stellar.config.tags.hashtag.defaultColor
     if (default_color) {
       args.color = default_color
     } else {

package/scripts/tags/lib/icon.js

@@ -11,7 +11,7 @@
 module.exports = ctx => function(args) {
   args = ctx.args.map(args, ['color', 'style'], ['key', 'text'])
   if (args.color == null) {
-    args.color = ctx.theme.config.tag_plugins.icon.default_color
+    args.color = ctx.stellar.config.tags.icon.defaultColor
   }
   var el = ''
   if (args.text) {

package/scripts/tags/lib/image.js

@@ -47,7 +47,7 @@ module.exports = ctx => function(args) {
     if (style.length > 0 && !args.ratio) {
       img += ' style="' + style + '"'
     }
-    img += `onerror="this.src="${ctx.theme.config.default.image_onerror || ctx.utils.iconData('image:onerror')}""`
+    img += `onerror="this.src="${ctx.utils.iconData('image:onerror')}""`
     img += '/>'
     // loading
     img += `<div class="lazy-icon"></div>`

package/scripts/tags/lib/link.js

@@ -7,6 +7,9 @@
 
 'use strict'
 
+const { resolveServiceProvider } = require("../../lib/service-provider");
+const { composeUiClasses } = require("../../lib/ui-capabilities");
+
 module.exports = ctx => function(args) {
   const full_url_for = require('hexo-util').full_url_for.bind(ctx)
   const escapeHTML = require('hexo-util').escapeHTML
@@ -16,7 +19,7 @@ module.exports = ctx => function(args) {
   }
   const url = full_url_for(args.url)
   const safeTitle = escapeHTML(args.title || '')
-  args.api = ctx.theme.config.data_services.siteinfo?.api
+  args.api = resolveServiceProvider(ctx.stellar.config.services.siteInfo)?.endpoint;
   if (args.api) {
     args.api = args.api.replace('{href}', url)
   }
@@ -32,7 +35,7 @@ module.exports = ctx => function(args) {
   }
   var el = ''
   el += '<div class="tag-plugin link dis-select">'
-  el += '<a class="link-card' + (args.desc ? ' rich' : ' plain') + ' card-hover card-hover--spotlight card-hover--tilt" title="' + safeTitle + '" href="' + args.url + '"'
+  el += '<a class="' + composeUiClasses('link-card' + (args.desc ? ' rich' : ' plain'), 'hoverCard') + '" title="' + safeTitle + '" href="' + args.url + '"'
   if (args.url.includes('://')) {
     el += ' target="_blank" rel="external nofollow noopener noreferrer"'
   }
@@ -47,7 +50,7 @@ module.exports = ctx => function(args) {
 
   function loadIcon() {
     var el = ''
-    el += '<div class="lazy img" data-bg="' + (args.icon || ctx.theme.config.default.link) + '"></div>'
+    el += '<div class="lazy img" data-bg="' + (args.icon || ctx.stellar.config.fallbacks.linkCard) + '"></div>'
     return el
   }
   function loadTitle() {

package/scripts/tags/lib/mark.js

@@ -2,22 +2,27 @@
  * mark.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
  * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
  *
- * {% mark text [color:color] %}
+ * {% mark text [color:color] [tip:tip] %}
  *
  */
 
 'use strict'
 
+const { escapeHTML } = require('hexo-util')
+
 module.exports = ctx => function(args) {
-  args = ctx.args.map(args, ['color'], ['text'])
+  args = ctx.args.map(args, ['color', 'tip'], ['text'])
   if (args.color == null) {
-    args.color = ctx.theme.config.tag_plugins.mark.default_color
+    args.color = ctx.stellar.config.tags.mark.defaultColor
   }
   var el = ''
   el += '<mark class="tag-plugin colorful mark"'
   el += ' ' + ctx.args.joinTags(args, ['color']).join(' ')
   el += '>'
   el += args.text
+  if (args.tip) {
+    el += '<span class="mark-tip">' + escapeHTML(args.tip) + '</span>'
+  }
   el += '</mark>'
   return el
 }

package/scripts/tags/lib/md.js

@@ -22,7 +22,7 @@ module.exports = ctx => function(args) {
   const md_id = "md_" + ++md_index
   return mdrenderHtml(args.src, {
     id: md_id,
-    ghraw: ctx.theme.config.api_host.ghraw,
+    rawUrl: ctx.stellar.config.services.github.rawUrl,
     replace: args.wrap === 'false'
   })
 }

package/scripts/tags/lib/note.js

@@ -15,7 +15,7 @@ module.exports = ctx => function(args) {
   }
   const { title } = args
   if (args.color == null) {
-    args.color = ctx.theme.config.tag_plugins.note.default_color
+    args.color = ctx.stellar.config.tags.note.defaultColor
   }
   var el = ''
   // header

package/scripts/tags/lib/okr.js

@@ -13,6 +13,23 @@
 
 'use strict'
 
+const BUILTIN_STATUS_IDS = new Set(["in_track", "at_risk", "off_track", "finished", "unfinished"]);
+const BUILTIN_STATUSES = Object.freeze({
+  in_track: Object.freeze({ color: "blue" }),
+  at_risk: Object.freeze({ color: "yellow" }),
+  off_track: Object.freeze({ color: "orange" }),
+  finished: Object.freeze({ color: "green" }),
+  unfinished: Object.freeze({ color: "red" })
+});
+
+function localizeStatuses(ctx, statuses) {
+  const __ = ctx.theme.i18n.__(ctx.config.language);
+  return Object.fromEntries(Object.entries(statuses).map(([id, status]) => [id, {
+    ...status,
+    label: status.label || (BUILTIN_STATUS_IDS.has(id) ? __("tag_plugins.okr.status." + id) : "")
+  }]));
+}
+
 function splitContentAndNote(input) {
   var arr = input.trim().split('\n').filter(item => item.trim().length > 0)
   if (arr.length == 0) {
@@ -84,7 +101,7 @@ module.exports = ctx => function(args, content = '') {
     console.error('invalid okr tag:', contentArray);
     return ''
   }
-  const statusList = ctx.theme.config.tag_plugins.okr.status
+  const statusList = localizeStatuses(ctx, BUILTIN_STATUSES)
   const oMeta = args
   const oBody = splitContentAndNote(contentArray.shift())
   const krList = generateKRList(ctx, contentArray)