hexo-theme-stellar 1.30.3 → 1.31.0

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.30.3'
+  version: '1.31.0'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   main_css: /css/main.css
@@ -13,10 +13,20 @@ preconnect:
   # - https://gcore.jsdelivr.net
   # - https://unpkg.com
 
+# 一旦设置源站地址，非源站地址将不会被SEO收录，并且访问时弹出提示
+# 如果访问地址不在备用站主机列表，则警告信息为非法克隆
+canonical:
+  originalHost: # 主站点域名主机，例如 xaoxuu.com
+  officialHosts: # 官方主机列表，每行一个，例如 xaoxuu.vercel.app
+    - localhost
+
 open_graph:
   enable: true
   twitter_id: # for open_graph meta
 
+structured_data:
+  links: [] # your social links.
+
 
 ######## Sidebar ########
 # 左上角显示的 logo 区域，包含图标、大标题、副标题
@@ -439,7 +449,7 @@ data_services:
   siteinfo:
     js: /js/services/siteinfo.js
     # 设置 api 可以自动提取网页标题、图标，服务部署方法：https://github.com/xaoxuu/site-info-api/
-    # 接口测试通过后，把按钮的 href 部分替换成 {href} 之后填写到下方，例如：https://api.vlts.cc/site_info/v1?url={href}
+    # 接口测试通过后，把按钮的 href 部分替换成 {href} 之后填写到下方，例如：https://api.xaox.cc/site_info/v1?url={href}
     api: 
   ghinfo:
     js: /js/services/ghinfo.js
@@ -673,6 +683,8 @@ default:
 
 
 api_host:
-  ghapi: https://api.github.com
-  ghraw: https://raw.githubusercontent.com
-  gist: https://gist.github.com
+  ghapi: api.github.com
+  ghraw: raw.githubusercontent.com
+  gist: gist.github.com
+  # https://github.com/anuraghazra/github-readme-stats
+  ghcard: github-readme-stats.vercel.app

package/_data/widgets.yml

@@ -68,7 +68,6 @@ timeline:
   title: 近期动态
   api: # https://api.github.com/repos/xaoxuu/hexo-theme-stellar/issues
   user: # 默认显示所有人的数据，设置名称可过滤为仅显示某人的数据，多个名称用英文逗号隔开，不要加空格
-  type: # 默认不用写，如果是友链朋友圈数据请写 fcircle
   limit: # 默认通过 api 上增加 per_page 来设置，如果是友链朋友圈，可通过这个设置数量
 
 latest_comment:

package/layout/_partial/head.ejs

@@ -47,6 +47,10 @@ function generate_keywords() {
 }
 
 function generate_robots() {
+  const IS_BACKUP = process.env.IS_BACKUP === 'true';
+  if (IS_BACKUP) {
+    return '<meta name="robots" content="noindex, nofollow">';
+  }
   if (is_home() == true) {
     return '';
   }
@@ -62,6 +66,7 @@ function og_args() {
   if (page.layout == 'post' && page.cover) {
     args.twitter_card = 'summary_large_image';
   }
+  args.image = config.avatar || (config.email ? gravatar(config.email) : null);
   return Object.assign(args, page.open_graph);
 }
 
@@ -100,11 +105,13 @@ function custom_inject() {
   <meta name="force-rendering" content="webkit">
   <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
   <meta name="HandheldFriendly" content="True" >
-  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000">
   <meta name="theme-color" content="#f9fafb">
-  
+  <% if (theme.canonical.originalHost) { %>
+    <link rel="canonical" href="https://<%= theme.canonical.originalHost + "/" + page.path %>">
+  <% } %>
   <title><%- generate_title() %></title>
 
   <% if (theme.open_graph && theme.open_graph.enable) { %>

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

@@ -5,7 +5,7 @@ function layoutDiv() {
     return ''
   }
   return `
-  <div class="right ghrepo ds-ghinfo" api="${theme.api_host.ghapi}/repos/${repo}">
+  <div class="right ghrepo ds-ghinfo" api="https://${theme.api_host.ghapi}/repos/${repo}">
     <a class="repo-link bold" href="https://github.com/${repo}">
       ${icon('github:repo')}
       <span type="text">${repo}</span>

package/layout/_partial/scripts/defines.ejs

@@ -1,4 +1,13 @@
+<%
+  const canonical = theme.canonical || {}
+  const encoded = Buffer.from(canonical.originalHost || '').toString('base64');
+  const canonicalWithEncoded = Object.assign({}, canonical, {
+    encoded: encoded
+  });
+%>
+
 <script type="text/javascript">
+  window.canonical = <%- JSON.stringify(canonicalWithEncoded) %>;
   const ctx = {
     date_suffix: {
       just: `<%- __('meta.date_suffix.just') %>`,

package/layout/_partial/widgets/ghissues.ejs

@@ -15,7 +15,7 @@ function layoutDiv() {
   if (repo == undefined) {
     return el;
   }
-  item.api = theme.api_host.ghapi + '/repos/' + repo + '/issues?per_page=' + item.limit;
+  item.api = `https://${theme.api_host.ghapi}/repos/${repo}/issues?per_page=${item.limit}`;
   if (item.labels) {
     item.api += '&labels=' + item.labels;
   }

package/layout/_partial/widgets/ghrepo.ejs

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

package/layout/_partial/widgets/ghuser.ejs

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

package/layout/layout.ejs

@@ -48,6 +48,7 @@ if (theme.style.prefers_theme === 'auto') {
     html += partial('_partial/cover/index')
     html += `<div class="l_body ${page_type}" id="start" layout="${page.layout}" type="${article_type}" ${indent ? 'text-indent' : ''}>`
       html += `<aside class="l_left">`
+        html += `<div class="sidebg"></div>`
         html += `<div class="leftbar-container${theme.style.leftbar?.blur ? ' leftbar-blur' : ''}">`
           html += partial('_partial/sidebar/index_leftbar')
         html += `</div>`
@@ -64,6 +65,7 @@ if (theme.style.prefers_theme === 'auto') {
       html += partial('_partial/menubtn')
     html += `</div>`
     html += `<div class="scripts">`
+      html += json_ld()
       html += partial('_partial/scripts')
     html += `</div>`
   html += `</body>`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-stellar",
-  "version": "1.30.3",
+  "version": "1.31.0",
   "description": "Elegant and powerful theme for Hexo.",
   "main": "package.json",
   "scripts": {

package/scripts/events/index.js

@@ -18,9 +18,14 @@ hexo.on('generateAfter', () => {
 });
 
 hexo.on('ready', () => {
+  if (process.env.HEXO_READY === '1') return;
+  process.env.HEXO_READY = '1';
   const { version, homepage, repository } = require('../../package.json');
-  hexo.log.info(`Welcome to Stellar ${version}
-DOCS  ${homepage}
-REPO  ${repository.url}
+  hexo.log.info(`Welcome to \x1b[33mStellar ${version}\x1b[0m
+\x1b[32mDOCS\x1b[0m  ${homepage}
+\x1b[32mREPO\x1b[0m  ${repository.url}
   `);
+  // version check
+  const checkVersion = require('./lib/version-check');
+  checkVersion(hexo, { useCache: true });
 });

package/scripts/events/lib/version-check.js

@@ -0,0 +1,84 @@
+const https = require('https');
+const path = require('path');
+const fs = require('fs');
+const packageName = 'hexo-theme-stellar';
+const cacheFile = path.join(__dirname, '../../.cache/stellar-version.json');
+
+function getLocalVersion() {
+  try {
+    return require(path.join(__dirname, '../../../package.json')).version;
+  } catch {
+    return '0.0.0';
+  }
+}
+
+function fetchLatestVersion(callback) {
+  const options = {
+    hostname: 'registry.npmjs.org',
+    path: `/${encodeURIComponent(packageName)}`,
+    headers: {
+      'User-Agent': 'Hexo-Theme-Version-Check'
+    }
+  };
+
+  https.get(options, (res) => {
+    let rawData = '';
+    res.on('data', chunk => rawData += chunk);
+    res.on('end', () => {
+      try {
+        const data = JSON.parse(rawData);
+        const latest = data['dist-tags'].latest;
+        callback(null, latest);
+      } catch (err) {
+        callback(err);
+      }
+    });
+  }).on('error', err => callback(err));
+}
+
+function shouldCheck() {
+  if (!fs.existsSync(cacheFile)) return true;
+  try {
+    const cache = JSON.parse(fs.readFileSync(cacheFile, 'utf8'));
+    const time = new Date().toISOString().slice(0, 16); // 精确到分钟，例如 "2025-06-21T15:08"
+    return cache.time !== time;
+  } catch {
+    return true;
+  }
+}
+
+function writeCache(latestVersion) {
+  try {
+    fs.mkdirSync(path.dirname(cacheFile), { recursive: true });
+    fs.writeFileSync(cacheFile, JSON.stringify({
+      time: new Date().toISOString().slice(0, 16),
+      latest: latestVersion
+    }));
+  } catch {
+    // 忽略错误
+  }
+}
+
+module.exports = (ctx, options = { useCache: true }) => {
+  if (process.env.STELLAR_VERSION_CHECKED === '1') return;
+  process.env.STELLAR_VERSION_CHECKED = '1';
+
+  const localVersion = getLocalVersion();
+  if (options.useCache && !shouldCheck()) return;
+
+  fetchLatestVersion((err, latest) => {
+    if (err) return;
+    if (localVersion !== latest) {
+      const line = '------------------------------------------------';
+      ctx.log.warn(`\x1b[33m${line}\x1b[0m`);
+      ctx.log.warn(``);
+      ctx.log.warn(`  本地版本: \x1b[33m${localVersion}\x1b[0m    >>>>    最新版本: \x1b[32m${latest}\x1b[0m`);
+      ctx.log.warn(``);
+      ctx.log.warn(`  请尽快升级:  npm i ${packageName}@latest`);
+      ctx.log.warn(``);
+      ctx.log.warn(`\x1b[33m${line}\x1b[0m`);
+    }
+    if (options.useCache) writeCache(latest);
+  });
+
+};

package/scripts/helpers/json_ld.js

@@ -0,0 +1,114 @@
+/**
+ * Builds JSON-LD structured data for current page according to its type (page or post).
+ *
+ * @returns {string} - JSON-LD structured data
+ */
+'use strict';
+
+const util = require('hexo-util');
+  
+hexo.extend.helper.register('json_ld', function(args) {
+  const page = this.page;
+  const config = this.config;
+  const structured_data = this.theme.structured_data;
+  const authorEmail = config.email;
+  const authorImage = config.avatar || (authorEmail ? this.gravatar(authorEmail) : null);
+
+  const author = {
+    '@type': 'Person',
+    name: config.author,
+    sameAs: structured_data.sameAs || []
+  };
+  // Google does not accept `Person` as item type for the publisher property
+  const publisher = Object.assign({}, author, {'@type': 'Organization'});
+  let schema = {};
+
+  if (authorImage) {
+    author.image = authorImage;
+    publisher.image = authorImage;
+    publisher.logo = {
+      '@type': 'ImageObject',
+      url: authorImage
+    };
+  }
+
+  if (this.is_post()) {
+    schema = {
+      '@context': 'https://schema.org',
+      '@type': 'BlogPosting',
+      author: author,
+      // articleBody: this.strip_html(page.content),
+      dateCreated: page.date.format(),
+      dateModified: page.updated.format(),
+      datePublished: page.date.format(),
+      description: this.strip_html(page.excerpt),
+      headline: page.title,
+      mainEntityOfPage: {
+        '@type': 'WebPage',
+        '@id': this.url_for(page.permalink)
+      },
+      publisher,
+      url: this.url_for(page.permalink)
+    };
+
+    if (page.tags && page.tags.length > 0) {
+      schema.keywords = page.tags.map((tag) => tag.name).join(', ');
+    }
+
+    let images = [];
+    if (page.photos && page.photos.length > 0) {
+      images = images.concat(page.photos);
+    }
+
+    if (page.cover?.length > 0) {
+      images = images.unshift(page.cover);
+    } else if (page.banner?.length > 0) {
+      images = images.unshift(page.banner);
+    }
+
+    schema.thumbnailUrl = page.cover || page.banner;
+    schema.image = images;
+  
+  } else if (this.is_page() || this.is_home()) {
+    
+    const url = this.is_home() ? config.url : this.url_for(page.permalink);
+    schema = {
+      '@context': 'https://schema.org',
+      '@type': 'Website',
+      '@id': url,
+      author: author,
+      name: page.title || config.title,
+      description: config.description,
+      url: url
+    };
+
+    if (config.keywords && config.keywords.length) {
+      schema.keywords = config.keywords.join(', ');
+    }
+    if (!this.is_home()) {
+
+      if (page.excerpt || page.description) {
+        schema.description = this.strip_html(page.description || page.excerpt);
+      } else {
+        schema.description = util.truncate(this.strip_html(page.content), {length: 200});
+      }
+
+    }
+    
+  } else {
+    
+    // default to WebPage for other layouts
+    schema = {
+      '@context': 'https://schema.org',
+      '@type': 'Website',
+      '@id': config.url,
+      author: author,
+      name: config.title,
+      description: config.description,
+      url: config.url
+    };
+    
+  }
+
+  return `<script type="application/ld+json">${JSON.stringify(schema)}</script>`;
+});

package/scripts/tags/index.js

@@ -40,6 +40,7 @@ hexo.extend.tag.register('navbar', require('./lib/navbar')(hexo))
 hexo.extend.tag.register('note', require('./lib/note')(hexo))
 hexo.extend.tag.register('poetry', require('./lib/poetry')(hexo), true)
 hexo.extend.tag.register('quot', require('./lib/quot')(hexo))
+hexo.extend.tag.register('quote', require('./lib/quote')(hexo), true)
 hexo.extend.tag.register('hashtag', require('./lib/hashtag')(hexo))
 hexo.extend.tag.register('okr', require('./lib/okr')(hexo), {ends: true})
 hexo.extend.tag.register('audio', require('./lib/audio')(hexo))

package/scripts/tags/lib/albums.js

@@ -9,6 +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
   if (args.size == null) {
     args.size = 's'
   }
@@ -16,7 +17,7 @@ module.exports = ctx => function(args) {
   if (args.api) {
     api = args.api
   } else if (args.repo) {
-    api = 'https://api.vlts.cc/output_data/v2/' + args.repo
+    api = `https://${host}/${args.repo}/output/v2/data.json`
   }
   
   var el = ''

package/scripts/tags/lib/friends.js

@@ -9,11 +9,12 @@
 
 module.exports = ctx => function(args) {
   args = ctx.args.map(args, ['repo', 'api', 'posts'], ['group'])
+  const host = ctx.theme.config.api_host.ghraw
   var api
   if (args.api) {
     api = args.api
   } else if (args.repo) {
-    api = 'https://api.vlts.cc/output_data/v2/' + args.repo
+    api = `https://${host}/${args.repo}/output/v2/data.json`
   }
   
   var el = `<div class="tag-plugin ${args.posts ? 'users-posts-wrap' : 'users-wrap'}">`

package/scripts/tags/lib/ghcard.js

@@ -17,6 +17,7 @@ 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
   var el = ''
   el += '<div class="tag-plugin ghcard">'
   el += '<a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/' + path + '">'
@@ -24,10 +25,10 @@ module.exports = ctx => function(args) {
   if (path.includes('/')) {
     // is repo
     const ps = path.split('/')
-    url += 'https://github-readme-stats.xaoxuu.com/api/pin/?username=' + ps[0] + '&repo=' + ps[1]
+    url = `https://${host}/api/pin/?username=${ps[0]}&repo=${ps[1]}`
   } else {
     // is user
-    url += 'https://github-readme-stats.xaoxuu.com/api/?username=' + path
+    url = `https://${host}/api/?username=${path}`
   }
   url += '&' + ctx.args.joinURLParams(args, params)
   if (!url.includes('&show_owner=')) {

package/scripts/tags/lib/posters.js

@@ -9,6 +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
   if (args.size == null) {
     args.size = 'm'
   }
@@ -16,7 +17,7 @@ module.exports = ctx => function(args) {
   if (args.api) {
     api = args.api
   } else if (args.repo) {
-    api = 'https://api.vlts.cc/output_data/v2/' + args.repo
+    api = `https://${host}/${args.repo}/output/v2/data.json`
   }
   
   var el = ''

package/scripts/tags/lib/quote.js

@@ -0,0 +1,22 @@
+/**
+ * quote.js v1.1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * quote:
+ * {% quote [indent:true/false] %}
+ * body
+ * {% endquote %}
+ *
+ */
+
+'use strict'
+
+module.exports = ctx => function(args, content) {
+  var el = ''
+  args = ctx.args.map(args, ['indent'], [])
+  
+  el += `<div class="tag-plugin quote" indent="${args.indent}">`
+  el += ctx.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')
+  el += `</div>`
+  return el
+}

package/scripts/tags/lib/sites.js

@@ -9,11 +9,12 @@
 
 module.exports = ctx => function(args) {
   args = ctx.args.map(args, ['repo', 'api'], ['group'])
+  const host = ctx.theme.config.api_host.ghraw
   var api
   if (args.api) {
     api = args.api
   } else if (args.repo) {
-    api = 'https://api.vlts.cc/output_data/v2/' + args.repo
+    api = `https://${host}/${args.repo}/output/v2/data.json`
   }
   
   var el = '<div class="tag-plugin sites-wrap">'

package/scripts/tags/lib/video.js

@@ -32,8 +32,8 @@ module.exports = ctx => function (args) {
     </div>
     `
   }
-  return `<div class="tag-plugin video" style="max-width:${args.width};">
-  <video controls preload>
+  return `<div class="tag-plugin video-player" style="max-width:${args.width};">
+  <video controls preload playsinline webkit-playsinline>
   <source src="${args.src}" type="${args.type || 'video/mp4'}">Your browser does not support the video tag.
   </video>
   </div>

package/source/css/_common/canonical.styl

@@ -0,0 +1,32 @@
+.canonical-tip
+  position: fixed
+  text-align: center
+  bottom: 4rem
+  left: 50%
+  transform: translateX(-50%)
+  max-width: 90%
+  background-color: var(--block-hover)
+  color: var(--text-p1)
+  font-size: 1rem
+  font-family: #fff8e1
+  z-index: 9999999
+  box-shadow: 0 2px 8px rgba(black, .1), 0 4px 16px rgba(black, .1), 0 8px 32px rgba(black, .1)
+  border-radius: 6px
+  .headline
+    font-size: $fsh2
+  a
+    display: block
+    color: inherit
+    padding: 1rem 2rem
+
+.canonical-tip.unofficial
+  background-color: hsl(5, 100%, 60%)
+  color: white
+  animation: breathe 3s ease-in-out infinite
+  @keyframes breathe
+    0%
+      background-color: hsl(5, 100%, 60%)
+    50%
+      background-color: hsl(5, 100%, 30%)
+    100%
+      background-color: hsl(5, 100%, 60%)

package/source/css/_common/device.styl

@@ -10,14 +10,13 @@
 .float-panel
   position: sticky
   grid-column-end: span 3
-  padding: 4px
   --inset: 2rem
   right: 0
   bottom: calc(var(--inset) * 2)
   margin-left: auto
   margin-right: var(--inset)
   float: right
-  z-index: 10
+  z-index: 999999
   display: flex
   justify-content: center
   flex-direction: column
@@ -26,6 +25,9 @@
     margin-right: 3rem
   overflow: hidden
   trans1: all
+  &:before,&:after
+    border-radius: 64px
+
   newblur()
 
 
@@ -34,8 +36,8 @@
   cursor: pointer
   color: var(--text)
   background: none
-  width: 40px
-  height: 40px
+  width: 48px
+  height: 48px
   line-height: 0
   font-size: 28px
   margin: 0
@@ -49,10 +51,11 @@
 // 侧边栏弹出后
 .l_body[leftbar] .float-panel, .l_body[rightbar] .float-panel
   box-shadow: 0 0 4px -1px $color-theme, 0 0 16px -4px $color-theme, 0 0 32px -12px $color-theme, 0 0 128px -32px $color-theme
+  &:before
+    background: var(--alpha50)
 
 .l_body[leftbar] .float-panel button.leftbar-toggle
   color: $color-theme
-  border-color: var(--block-border)
   svg g
     fill: currentColor
     fill-opacity: 0.3
@@ -66,7 +69,6 @@
 
 .l_body[rightbar] .float-panel button.rightbar-toggle
   color: $color-theme
-  border-color: var(--block-border)
   svg g
     fill: currentColor
     fill-opacity: 0.3

package/source/css/_components/layout.styl

@@ -41,7 +41,7 @@
       --inset: 8px
       right: var(--inset)
       top: var(--inset)
-      max-height: 'calc(%s - 96px)' % (100vh)
+      max-height: 'calc(%s - %s)' % (100vh $rightbar-bottom-margin)
       box-shadow: $boxshadow-card-float
       z-index: 10
       background: var(--site-bg)
@@ -71,10 +71,10 @@
       --inset: 8px
       left: var(--inset)
       top: var(--inset)
-      max-height: 'calc(%s - 96px)' % (100vh)
+      max-height: 'calc(%s - %s)' % (100vh $leftbar-bottom-margin)
       .leftbar-container
         --inset: 8px
-        height: 'calc(%s - 96px)' % (100vh)
+        height: 'calc(%s - %s)' % (100vh $leftbar-bottom-margin)
       box-shadow: $boxshadow-card-float
       z-index: 10
     .l_main

package/source/css/_components/pages/article-story.styl

@@ -33,17 +33,23 @@
       position: relative
 
   h3:not([class])
+    position: relative
     &:before,&:after
-      color: hsla($color-theme, 0.5)
-      margin: 0 8px
+      position absolute
+      font-size: 1.2em
+      background-color: hsla($color-theme, 0.5)
+      width: 1em
+      height: 1em
+      content: ''
+      opacity 1
+      display: inline-block
       trans1 all
-    &:before 
-      content: '⏵'
+      vertical-align: middle
+    &:before
+      margin-left: -1em
+      svg-mask-icon($h3Left)
     &:after
-      content: '⏴'
-    &:hover
-      &:before,&:after
-        color: hsla($color-theme, 1)
+      svg-mask-icon($h3Right)
 
   h4:not([class])
     position: relative
@@ -56,12 +62,14 @@
       margin-top: -12px
       background: hsla($color-theme, 0.3)
       border-radius: 50%
-      filter: blur(12px)
+      --blur-px: 8px
+      filter: blur(var(--blur-px))
       pointer-events: none
       z-index: -1
-      trans1 all
+      trans1 all 0.5s
     &:hover:before
-      background: hsla($color-theme, 0.6)
+      --blur-px: 24px
+      background: hsla($color-theme, 1)
 
   ol,ul
     margin-left: 'calc(%s * 2)' % var(--fsp)
@@ -71,7 +79,7 @@
     >a:first-child
       display: none
   // 修正缩进效果
-  >blockquote
+  >blockquote,.tag-plugin.quote
     text-align: center
     --inset: calc(var(--fsp) * 2)
     margin-left: var(--inset)

package/source/css/_components/sidebar/sidebar.styl

@@ -2,9 +2,6 @@
   margin: 8px
   max-height: 'calc(%s - 16px)' % 100vh
   border-radius: $border-card-l
-  overflow: hidden
-  overflow: clip
-  overflow-clip-margin: .5px
   .header
     margin: var(--gap-max) var(--gap-margin) 0
 
@@ -20,23 +17,70 @@
     margin-right: auto
 
 .l_left
-  background-position: center
-  background-size: cover
-  if hexo-config('style.leftbar') && hexo-config('style.leftbar.background-image')
-    background-image: convert(hexo-config('style.leftbar.background-image'))
-  else if hexo-config('style.leftbar') && hexo-config('style.leftbar.background')
-    background: convert(hexo-config('style.leftbar.background'))
+  .sidebg
+    pointer-events: none
+    position: absolute
+    --inset: 0
+    top: var(--inset)
+    bottom: var(--inset)
+    left: var(--inset)
+    right: var(--inset)
+    background-position: center
+    background-size: cover
+    border-radius: $border-card-l
+    --saturate: 300%
+    --blur-px: convert(hexo-config('style.leftbar.blur-px'))
+    --brightness: 100%
+    if hexo-config('style.leftbar') && hexo-config('style.leftbar.background-image')
+      if hexo-config('style.leftbar.blur-px')
+        --inset: 32px
+      background-image: convert(hexo-config('style.leftbar.background-image'))
+      filter: saturate(var(--saturate)) brightness(var(--brightness)) blur(var(--blur-px))
+      @media screen and (prefers-color-scheme: dark)
+        --blur-px: 'calc(%s * 0.75)' % convert(hexo-config('style.leftbar.blur-px'))
+        --saturate: 200%
+        --brightness: 75%
+    else if hexo-config('style.leftbar') && hexo-config('style.leftbar.background')
+      background: convert(hexo-config('style.leftbar.background'))
+    
   .leftbar-container
-    height: 'calc(%s - 16px)' % 100vh
+    height: 'calc(%s - 80px)' % 100vh
     display: flex
     flex-direction: column
     word-break: break-all
     text-align: justify
-    if hexo-config('style.leftbar') && hexo-config('style.leftbar.blur-px')
-      --blur-px: convert(hexo-config('style.leftbar.blur-px'))
-      @supports ((-webkit-backdrop-filter:blur(var(--blur-px))) or (backdrop-filter:blur(var(--blur-px))))
-        background: var(--blur-bg)
-        backdrop-filter: saturate(240%) blur(var(--blur-px))
-        -webkit-backdrop-filter: saturate(240%) blur(var(--blur-px))
-    if hexo-config('style.leftbar') && hexo-config('style.leftbar.blur-bg')
-      --blur-bg: convert(hexo-config('style.leftbar.blur-bg'))
+    border-radius: $border-card-l
+    overflow: hidden
+    >.widgets
+      mask: linear-gradient(transparent, white, 10%, white, 90%, transparent)
+    >*
+      z-index 1
+    &:before,&:after
+      position: absolute
+      pointer-events: none
+      content: ''
+      top: 0
+      bottom: 0
+      left: 0
+      right: 0
+      border-radius: $border-card-l
+    &:before
+      @media screen and (min-width: $device-mobile-max)
+        background: rgba(white, 0.5)
+        box-shadow: inset 0 0 32px 1px rgba(white, 0.5)
+        backdrop-filter: saturate(300%)
+        mask: linear-gradient(black, rgba(black, 0.5), 70%, transparent, 90%, transparent)
+
+      @media screen and (prefers-color-scheme: dark)
+        background: rgba(white, 0.05)
+        box-shadow: inset 0 0 32px 1px rgba(white, 0.2)
+
+@media screen and (max-width: $device-mobile-max)
+  .l_left
+    overflow: hidden
+    background: var(--alpha100)
+    .sidebg
+      --inset: 0
+      --saturate: 300%
+    .leftbar-container:after
+      background: var(--alpha20)

package/source/css/_components/tag-plugins/media.styl

@@ -1,4 +1,4 @@
-.tag-plugin.video
+.tag-plugin.video-player
   line-height: 0
   margin: auto
   video, iframe

package/source/css/_components/tag-plugins/quote.styl

@@ -0,0 +1,7 @@
+.tag-plugin.quote
+  position: relative
+  p:not([class])
+    text-indent: 0 !important
+  &[indent='true']
+    p:not([class])
+        text-indent: 'calc(%s * 2)' % var(--fsp) !important

package/source/css/_components/widgets/list.styl

@@ -6,9 +6,7 @@
     border-radius: $border-bar
     color: var(--text-p1)
     trans1 background
-    &.active
-      background: var(--alpha50)
-    &:hover
+    &.active,&:hover
       background: var(--alpha100)
   a+a
     margin-top: 2px

package/source/css/_custom.styl

@@ -21,6 +21,9 @@ $ff-logo = $ff-body
 $iQuoteLeft = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from BoxIcons Solid by Atisa - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cpath fill='currentColor' d='M3.691 6.292C5.094 4.771 7.217 4 10 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.9 2.9 0 0 0 6.925 10H10a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2H3a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789M20 20h-6a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789C16.094 4.771 18.217 4 21 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.9 2.9 0 0 0 17.925 10H21a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2'/%3E%3C/svg%3E"
 $iQuoteRight = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from BoxIcons Solid by Atisa - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cpath fill='currentColor' d='M20.309 17.708C22.196 15.66 22.006 13.03 22 13V5a1 1 0 0 0-1-1h-6c-1.103 0-2 .897-2 2v7a1 1 0 0 0 1 1h3.078a2.9 2.9 0 0 1-.429 1.396c-.508.801-1.465 1.348-2.846 1.624l-.803.16V20h1c2.783 0 4.906-.771 6.309-2.292m-11.007 0C11.19 15.66 10.999 13.03 10.993 13V5a1 1 0 0 0-1-1h-6c-1.103 0-2 .897-2 2v7a1 1 0 0 0 1 1h3.078a2.9 2.9 0 0 1-.429 1.396c-.508.801-1.465 1.348-2.846 1.624l-.803.16V20h1c2.783 0 4.906-.771 6.309-2.292'/%3E%3C/svg%3E"
 
+$h3Left = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Solar by 480 Design - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M13.488 4.43a.75.75 0 0 1 .081 1.058L7.988 12l5.581 6.512a.75.75 0 1 1-1.138.976l-6-7a.75.75 0 0 1 0-.976l6-7a.75.75 0 0 1 1.057-.081' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' d='M17.75 5a.75.75 0 0 0-1.32-.488l-6 7a.75.75 0 0 0 0 .976l6 7A.75.75 0 0 0 17.75 19z'/%3E%3C/svg%3E"
+$h3Right = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3C!-- Icon from Solar by 480 Design - https://creativecommons.org/licenses/by/4.0/ --%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M10.512 4.43a.75.75 0 0 0-.081 1.058L16.012 12l-5.581 6.512a.75.75 0 1 0 1.138.976l6-7a.75.75 0 0 0 0-.976l-6-7a.75.75 0 0 0-1.057-.081' clip-rule='evenodd'/%3E%3Cpath fill='currentColor' d='M6.25 5a.75.75 0 0 1 1.32-.488l6 7a.75.75 0 0 1 0 .976l-6 7A.75.75 0 0 1 6.25 19z'/%3E%3C/svg%3E"
+
 if hexo-config('style.font-family.body')
   $ff-body = convert(hexo-config('style.font-family.body'))
 

package/source/css/_defines/const.styl

@@ -51,4 +51,8 @@ $c-blue = #2196f3
 $c-purple = #9c27b0
 
 $hue-yellow = 50
-$cDeepOrange = hsl(14 100% 57%)
+$cDeepOrange = hsl(14 100% 57%)
+
+
+$leftbar-bottom-margin = 128px
+$rightbar-bottom-margin = 96px

package/source/css/_defines/func.styl

@@ -134,7 +134,7 @@ hoverable-card()
       ondark()
 
 newblur()
-  box-shadow: 0 0 2px rgba(black, .05), 0 0 8px rgba(black, .05)
+  box-shadow: 0 0 2px rgba(black, .02), 0 2px 8px rgba(black, .03), 0 4px 16px rgba(black, .05)
   trans1: all
   &:before,&:after
     z-index -1
@@ -149,12 +149,12 @@ newblur()
   &:before
     backdrop-filter: blur(8px)
   &:after
-    --blur-px: 16px
+    --blur-px: 32px
     --blur-sat: 500%
-    background: var(--alpha50)
+    background: var(--alpha20)
     backdrop-filter: saturate(var(--blur-sat)) blur(var(--blur-px))
-    mask: linear-gradient(rgba(white, 1), 10%, rgba(white, 0.2), 90%, rgba(white, 1)), linear-gradient(90deg, rgba(white, 1), 10%, rgba(white, 0.2), 90%, rgba(white, 1))
-    box-shadow: inset 0 0 8px 1px white
+    mask: linear-gradient(rgba(white, 1), 10%, rgba(white, 0.1), 90%, rgba(white, 1)), linear-gradient(90deg, rgba(white, 1), 10%, rgba(white, 0.1), 90%, rgba(white, 1))
+    box-shadow: inset 0 0 4px 1px rgba(white, 0.5)
     trans1 all
     @media (prefers-color-scheme: dark)
       opacity 0.4

package/source/css/_defines/theme.styl

@@ -121,11 +121,11 @@ _common_root()
     _dark_root()
 
 @media (prefers-color-scheme: dark)
-  :root:not([color-scheme])
+  :root:not([data-theme])
     img,
     .md-text .tag-plugin.chat>.content .chatcell .user-main .talk.file>.content>.top>.right>svg.icon>path
       filter: brightness(75%)!important
-[color-scheme='dark']
+[data-theme='dark']
     img,
     .md-text .tag-plugin.chat>.content .chatcell .user-main .talk.file>.content>.top>.right>svg.icon>path
       filter: brightness(75%)!important

package/source/js/main.js

@@ -200,6 +200,55 @@ const init = {
     window.dispatchEvent(new Event('tabs:register'));
   },
 
+  canonicalCheck: () => {
+    const canonical = window.canonical;
+    function showTip(isOfficial = false) {
+      const meta = document.createElement('meta');
+      meta.name = 'robots';
+      meta.content = 'noindex, nofollow';
+      document.head.appendChild(meta);
+      const notice = document.createElement('div');
+      const originalURL = `https://${canonical.originalHost}`;
+      if (isOfficial) {
+        notice.className = 'canonical-tip official';
+        notice.innerHTML = `
+        <a href="${originalURL}" target="_self" rel="noopener noreferrer">
+        本站为官方备用站，仅供应急。主站：${originalURL}
+        </a>
+        `;
+      } else {
+        notice.className = 'canonical-tip unofficial';
+        notice.innerHTML = `
+        <a href="${originalURL}" target="_self" rel="noopener noreferrer">
+        <div class="headline icon">☠️</div>
+        本站为非法克隆站，请前往官方源站访问。<br>
+        源站：${originalURL}
+        </a>
+        `;
+      }
+      document.body.appendChild(notice);
+    }
+    if (!canonical.originalHost) return;
+    const canonicalTag = document.querySelector('link[rel="canonical"]');
+    if (!canonicalTag) {
+      showTip(false);
+      return;
+    }
+    const canonicalURL = new URL(canonicalTag.href);
+    const currentURL = new URL(window.location.href);
+    const canonicalHost = canonicalURL.hostname.replace(/^www\./, '');
+    const currentHost = currentURL.hostname.replace(/^www\./, '');
+    if (currentHost == 'localhost') return;
+    const encodedCanonicalHost = window.btoa(canonicalHost);
+    const encodedCurrentHost = window.btoa(currentHost);
+    const isCanonicalHostValid = canonical.encoded === encodedCanonicalHost;
+    const isCurrentHostValid = canonical.encoded === encodedCurrentHost;
+    if (isCanonicalHostValid && isCurrentHostValid) {
+      return;
+    }
+    showTip(canonical.officialHosts?.includes(currentHost));
+  }
+
 }
 
 
@@ -208,3 +257,4 @@ init.toc()
 init.sidebar()
 init.relativeDate(document.querySelectorAll('#post-meta time'))
 init.registerTabsTag()
+init.canonicalCheck()

package/source/js/plugins/download-file.js

@@ -167,7 +167,7 @@ function extToMimes(ext) {
   function downloadFileEvent(fileDoms) {
     for (let i = 0; i < fileDoms.length; ++i) {
       let fileDom = fileDoms[i];
-      const api = ctx.tag_plugins.chat.api + '?type=file&url=' || 'https://api.vlts.cc/site_info/v1?type=file&url=';
+      const api = ctx.tag_plugins.chat.api + '?type=file&url=';
       const obverser = new IntersectionObserver((entries, observer) => {
         utils.requestAnimationFrame(()=>{
           entries.filter((entry)=>{return entry.isIntersecting}).sort((a,b)=>a.intersectionRect.y !== b.intersectionRect.y ? a.intersectionRect.y - b.intersectionRect.y : a.intersectionRect.x - b.intersectionRect.x).forEach((entry, index) => {

package/source/js/services/mdrender.js

@@ -3,7 +3,6 @@ utils.jq(() => {
   for (var i = 0; i < els.length; i++) {
     const el = els[i];
     const src = `${el.getAttribute('src')}?t=${new Date().getTime()}`;
-    console.log('src', src);
     
     utils.request(el, src, async resp => {
       const data = await resp.text();