hexo-theme-stellar 1.30.4 → 1.31.0

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.30.4'
+  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);
 }
 
@@ -104,7 +109,9 @@ function custom_inject() {
   <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

@@ -65,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.4",
+  "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/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/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

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

@@ -20,10 +20,11 @@
   .sidebg
     pointer-events: none
     position: absolute
-    top: 0
-    bottom: 0
-    left: 0
-    right: 0
+    --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
@@ -32,8 +33,7 @@
     --brightness: 100%
     if hexo-config('style.leftbar') && hexo-config('style.leftbar.background-image')
       if hexo-config('style.leftbar.blur-px')
-        left: 20%
-        right: 20%
+        --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)
@@ -44,13 +44,17 @@
       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
     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
@@ -65,7 +69,7 @@
         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), 80%, transparent, 90%, transparent)
+        mask: linear-gradient(black, rgba(black, 0.5), 70%, transparent, 90%, transparent)
 
       @media screen and (prefers-color-scheme: dark)
         background: rgba(white, 0.05)
@@ -76,11 +80,7 @@
     overflow: hidden
     background: var(--alpha100)
     .sidebg
-      left: 0
-      right: 0
+      --inset: 0
       --saturate: 300%
-      
-      
-@media screen and (max-width: $device-mobile-max) and (prefers-color-scheme: dark)
-  .l_left .leftbar-container:after
-    background: var(--alpha20)
+    .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/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/_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();