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

package/source/css/_components/partial/navbar.styl

@@ -1,51 +0,0 @@
-.navbar
-  z-index: 8
-  top: var(--gap-page)
-  position: sticky
-  position: -webkit-sticky
-
-.navbar-blur 
-  margin: 0 1rem
-  position: relative
-  border-radius: $border-bar-container
-  corner-shape: $corner-shape
-  trans1: all
-  // 未吸顶：卡片样式（var(--card) 底色 + 文章卡片同款阴影），与文章卡片一致
-  background: var(--card)
-  box-shadow: $boxshadow-card
-  // 吸顶后恢复玻璃效果（bar-glass()），与之前行为一致
-  &.pinned
-    bar-glass()
-    background: transparent
-
-.navbar-container 
-  max-width: 100%
-  border-radius: $border-bar-container
-  overflow: scroll visible
-  scrollbar(0, 0)
-  
-.navbar nav
-  display: inline-flex
-  font-size: $fs-14
-  gap: $bar-item-gap
-  padding: $bar-item-gap
-  z-index: 1
-  >p
-    margin: 0
-  a
-    bar-item()
-    &:hover
-      background: var(--bg-a50)
-    &.active, &:hover
-      color: var(--text)
-    &.active
-      bar-item-active()
-      cursor default
-      pointer-events: none
-    &.active:after
-      content: ''
-
-@media screen and (max-width: $device-mobile-max)
-  .navbar.top
-    top: 8pt
-    

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

@@ -1,111 +0,0 @@
-.logo-wrap
-  display: flex
-  align-items: center
-  overflow: hidden
-  min-height: 48px
-  img.avatar
-    object-fit: cover
-  img.icon
-    object-fit: contain
-  .icon
-    width: 48px
-    height: 48px
-    margin-right: 1rem
-    border-radius: 4px
-    flex-shrink: 0
-  a
-    color: inherit
-    display: flex
-    align-items: center
-  a.avatar
-    display: block
-    position: relative
-    width: 48px
-    height: 48px
-    flex-shrink: 0
-    border-radius: 48px
-    corner-shape: round // 保持正圆（连续曲率会使正圆变成类方形曲线）
-    overflow: hidden
-    margin-right: 1rem
-    div.bg
-      width: 100%
-      height: 100%
-      background: convert(hexo-config('style.gradient.avatar'))
-    img.avatar
-      margin: 2px
-      width: "calc(100% - 2 * %s)" % @margin
-      height: "calc(100% - 2 * %s)" % @margin
-      border-radius: @width
-      corner-shape: round
-    if hexo-config('style.animated_avatar.animate')
-      div.bg
-        trans1: opacity
-        position: absolute
-        opacity: 0 !important
-        z-index: -1
-      @keyframes spin
-        from
-          transform:rotate(0deg)
-        to
-          transform:rotate(360deg)
-    if hexo-config('style.animated_avatar.animate') == 'always'
-      div.bg
-        opacity: 1 !important
-        animation: spin infinite 4s
-        animation-timing-function: linear
-    if hexo-config('style.animated_avatar.animate') == 'auto'
-      &:hover
-        div.bg
-          opacity: 1 !important
-          animation: spin infinite 4s
-          animation-timing-function: linear
-
-  a.title
-    font-size: 1.5rem
-    font-weight: 900
-    color: inherit
-    line-height: 1.2
-    display: block
-    position: relative
-    .main
-      color: var(--text)
-    .sub
-      color: var(--text-p1)
-      trans2 opacity transform
-      white-space: nowrap
-    .hover
-      position: absolute
-      bottom: 0
-      transform: translateY(8px)
-      overflow: visible
-    &:hover
-      .normal
-        opacity: 0
-        transform: translateY(-8px)
-      .hover
-        transform: translateY(0)
-        opacity: 1 !important
-
-.wiki-home-wrap
-  margin: 1rem var(--gap-base) .5rem
-
-.wiki-home
-  display: flex
-  width: fit-content
-  align-items: center
-  padding: 6px 16px 6px 12px
-  border-radius: 32px
-  sidebar-light()
-  color: var(--text-p2)
-  font-size: $fs-13
-  trans2 color background
-  svg
-    height: 1em
-    width: auto
-    margin-right: 0.25rem
-  &:hover
-    color: var(--text-p1)
-    sidebar-light()
-
-.l_left .wiki-home-wrap + .header
-  margin-top: 0.5rem

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

@@ -1,56 +0,0 @@
-.tag-plugin.about
-  background: var(--block)
-  border-radius: $border-card
-  padding: 2rem
-  position: relative
-  .nav-back
-    display: none
-    position: absolute
-    line-height: 1
-    overflow: hidden
-    left: 0.75rem
-    top: 0.75rem
-    align-items: center
-    @media screen and (max-width: $device-mobile-max)
-      display: flex
-    svg  
-      width: 1rem
-      height: 1rem
-  .about-header
-    display: flex
-    justify-content: center
-    flex-wrap: wrap
-    margin: 1.5rem 0
-    img
-      object-fit: contain
-    >img
-      margin: auto 0
-    >p
-      font-size: $fs-12
-      font-weight: 500
-      color: var(--text-p3)
-      padding-top: 0.75rem
-      strong:first-child
-        font-size: 3rem
-        font-weight: 700
-        color: var(--text-p1)
-        margin-right: 0.75rem
-    .avatar
-      display: inline-flex
-      margin: 0 1rem
-  .about-body
-    >p
-      line-height: 1.5
-      &:first-child
-        margin-top: 2.5rem
-    p+.tag-plugin.navbar .cap
-      margin-top: 1rem
-  .about-header+.about-body
-    margin-top: 2rem
-
-@media screen and (max-width: $device-mobile)
-  .tag-plugin.about
-    padding: 2rem 1rem
-    .about-header
-      p
-        width 100%

package/source/css/_plugins/scrollreveal.styl

@@ -1,6 +0,0 @@
-.slide-up
-  visibility: hidden
-
-// ScrollReveal 加载/初始化失败时强制显示内容，避免空白页
-html.sr-fallback .slide-up
-  visibility: visible !important

package/source/css/_plugins/tianli_gpt.styl

@@ -1,213 +0,0 @@
-:root
-  --ai-font-color var(--text-p2)
-  --ai-post-bg var(--block)
-  --ai-content-bg var(--background)
-  --ai-content-border 1px solid var(--block-border)
-  --ai-border 1px solid var(--block-border)
-  --ai-tag-bg var(--card)
-  --ai-cursor var(--text-p1)
-  --ai-btn-bg var(--card)
-  --ai-title-color var(--text-p1)
-  --ai-btn-color var(--text-p2)
-  --ai-speech-content #fff
-
-#post-ai.post-ai
-  background var(--ai-post-bg)
-  border-radius $border-card
-  padding 10px 12px 11px
-  line-height 1.3
-  border var(--ai-border)
-  margin-top 10px
-  margin-bottom 6px
-  transition all 0.3s
-  -webkit-transition all 0.3s
-  -moz-transition all 0.3s
-  -ms-transition all 0.3s
-  -o-transition all 0.3s
-
-#post-ai .ai-title
-  display flex
-  color var(--ai-title-color)
-  border-radius 8px
-  align-items center
-  padding 0 6px
-  position relative
-
-#post-ai .ai-title i
-  font-weight 800
-
-#post-ai .ai-title-text
-  font-weight bold
-  margin-left 8px
-  font-size 17px
-
-#post-ai .ai-tag
-  font-size 12px
-  background-color var(--ai-tag-bg)
-  color var(--ai-btn-color)
-  border-radius 4px
-  margin-left auto
-  line-height 1
-  padding 4px 5px
-  border var(--ai-border)
-
-#post-ai .ai-explanation
-  margin-top 10px
-  padding 8px 12px
-  background var(--ai-content-bg)
-  border-radius $border-card
-  border var(--ai-content-border)
-  font-size 15.5px
-  line-height 1.4
-  color var(--ai-font-color)
-
-#post-ai .ai-cursor
-  display inline-block
-  border-radius 50%
-  corner-shape round
-  background var(--ai-cursor)
-  width: 12px
-  height: 12px
-  opacity 0.95
-  margin-left 3px
-  transition all 0.3s
-  -webkit-transition all 0.3s
-  -moz-transition all 0.3s
-  -ms-transition all 0.3s
-  -o-transition all 0.3s
-
-#post-ai .ai-btn-box
-  font-size 15.5px
-  width 100%
-  display flex
-  flex-direction row
-  flex-wrap wrap
-
-#post-ai .ai-btn-item
-  padding 5px 10px
-  margin 10px 16px 0px 5px
-  width fit-content
-  line-height 1
-  background var(--ai-btn-bg)
-  border var(--ai-border)
-  color var(--ai-btn-color)
-  border-radius 6px
-  user-select none
-  transition all 0.3s
-  -webkit-transition all 0.3s
-  -moz-transition all 0.3s
-  -ms-transition all 0.3s
-  -o-transition all 0.3s
-  cursor pointer
-
-#post-ai .ai-btn-item:hover
-  background var(--link)
-
-#post-ai .ai-recommend
-  display flex
-  flex-direction row
-  flex-wrap wrap
-
-#post-ai .ai-recommend-item
-  width 50%
-  margin-top 2px
-
-#post-ai .ai-recommend-item a
-  border-bottom 2px solid var(--link)
-  padding 0 .2em
-  color var(--link)
-  font-weight 700
-  text-decoration none
-  transition all 0.3s
-  -webkit-transition all 0.3s
-  -moz-transition all 0.3s
-  -ms-transition all 0.3s
-  -o-transition all 0.3s
-
-#post-ai .ai-recommend-item a:hover
-  background-color var(--link)
-  border-bottom 2px solid var(--link)
-  color #fff
-  border-radius 5px
-
-@media screen and (max-width: 768px)
-  #post-ai .ai-btn-box
-    justify-content center
-
-#post-ai .ai-title>svg
-  width 21px
-  height 21px
-
-#post-ai .ai-title>svg path
-  fill var(--ai-font-color)
-
-#post-ai .ai-Toggle
-  font-size 12px
-  border var(--ai-border)
-  background var(--ai-btn-bg)
-  color var(--ai-btn-color)
-  padding 3px 4px
-  border-radius 4px
-  margin-left 6px
-  cursor pointer
-  -webkit-transition .3s
-  -moz-transition .3s
-  -o-transition .3s
-  -ms-transition .3s
-  transition .3s
-  font-weight bolder
-  pointer-events none
-  opacity 0
-
-#post-ai .ai-Toggle:hover
-  background var(--theme)
-
-#post-ai .ai-speech-box
-  width 21px
-  height 21px
-  background var(--ai-font-color)
-  margin-left 7px
-  border-radius 50%
-  corner-shape round
-  display flex
-  flex-direction row
-  flex-wrap wrap
-  align-content center
-  justify-content center
-  pointer-events none
-  opacity 0
-  -webkit-transition .3s
-  -moz-transition .3s
-  -o-transition .3s
-  -ms-transition .3s
-  transition .3s
-  cursor pointer
-
-#post-ai .ai-speech-content
-  width 8px
-  background var(--ai-speech-content)
-  height 8px
-  border-radius 50%
-  corner-shape round
-  -webkit-transition .3s
-  -moz-transition .3s
-  -o-transition .3s
-  -ms-transition .3s
-  transition .3s
-
-#post-ai .ai-speech-box:hover .ai-speech-content
-  background var(--theme)
-
-@keyframes ai_breathe
-  0%
-    transform scale(0.9)
-    -webkit-transform scale(0.9)
-    -moz-transform scale(0.9)
-    -ms-transform scale(0.9)
-    -o-transform scale(0.9)
-  50%
-    transform scale(1)
-    -webkit-transform scale(1)
-    -moz-transform scale(1)
-    -ms-transform scale(1)
-    -o-transform scale(1)

package/source/css/plugins/mermaid.styl

@@ -1,137 +0,0 @@
-@import '../_defines/const'
-@import '../_custom'
-
-pre.mermaid
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: $ff-body
-
-.mermaid span,
-.mermaid text
-  font-family: $ff-body
-
-.mermaid .edgeLabel
-  padding: 4px
-  background-color: var(--background) !important
-  color: var(--text-p1) !important
-
-.mermaid .edgeLabel text,
-.mermaid .label text,
-.mermaid .nodeLabel,
-.mermaid .cluster-label text,
-.mermaid .cluster-label span
-  fill: var(--text-p1) !important
-  color: var(--text-p1) !important
-
-.mermaid rect.basic.label-container
-  stroke: var(--block-border) !important
-  fill: var(--block) !important
-
-.mermaid .node rect,
-.mermaid .node circle,
-.mermaid .node ellipse,
-.mermaid .node polygon,
-.mermaid .node path,
-.mermaid .cluster rect
-  stroke: var(--block-border) !important
-  fill: var(--block) !important
-
-_dark_mermaid()
-  .mermaid
-    fill: #ccc !important
-
-
-  .mermaid .error-icon
-    fill: #a44141 !important
-
-
-  .mermaid .error-text
-    fill: #ddd !important
-    stroke: #ddd !important
-
-
-  .mermaid .marker
-    fill: lightgrey !important
-    stroke: lightgrey !important
-
-
-  .mermaid .marker.cross
-    stroke: lightgrey !important
-
-
-  .mermaid .label
-    color: var(--text-p1) !important
-
-
-  .mermaid .cluster-label text
-    fill: var(--text-p1) !important
-
-
-  .mermaid .cluster-label span
-    color: var(--text-p1) !important
-
-
-  .mermaid .label text,
-  .mermaid span
-    fill: var(--text-p1) !important
-    color: var(--text-p1) !important
-
-
-  .mermaid .node rect,
-  .mermaid .node circle,
-  .mermaid .node ellipse,
-  .mermaid .node polygon,
-  .mermaid .node path
-    fill: var(--block) !important
-    stroke: var(--block-border) !important
-
-
-  .mermaid .arrowheadPath
-    fill: lightgrey !important
-
-
-  .mermaid .edgePath .path
-    stroke: lightgrey !important
-
-
-  .mermaid .flowchart-link
-    stroke: lightgrey !important
-
-
-  .mermaid .edgeLabel
-    background-color: hsl(0, 0%, 34.4117647059%) !important
-
-
-  .mermaid .edgeLabel rect
-    background-color: hsl(0, 0%, 34.4117647059%) !important
-    fill: hsl(0, 0%, 34.4117647059%) !important
-
-
-  .mermaid .cluster rect
-    fill: var(--block) !important
-    stroke: var(--block-border) !important
-
-
-  .mermaid .cluster text
-    fill: var(--text-p1) !important
-
-
-  .mermaid .cluster span
-    color: var(--text-p1) !important
-
-
-  .mermaid div.mermaidTooltip
-    background: hsl(20, 1.5873015873%, 12.3529411765%) !important
-    border: 1px solid rgba(255, 255, 255, 0.25) !important
-
-
-  .mermaid .flowchartTitleText
-    fill: #ccc
-
-
-:root[data-theme="dark"]
-  _dark_mermaid()
-:root:not([data-theme])
-  @media (prefers-color-scheme: dark)
-    _dark_mermaid()

package/source/js/icons.js

@@ -1,60 +0,0 @@
-/**
- * icons.js | 非首屏图标异步加载
- *
- * 服务端 icon() 对非首屏 SVG 图标输出 <svg class="icon" data-icon="ns:key"> 占位符，
- * 本脚本按命名空间拉取构建期生成的 js/icons/{ns}.json，成功后原位替换为完整内联 SVG，
- * 最终 DOM 与全量内联一致，现有 CSS 钩子（搜索三态、菜单渐变、chat 着色等）不受影响。
- * 首屏关键图标（搜索、菜单、leftbar/rightbar、arrow-left）由模板内联，不经过本脚本。
- */
-(function () {
-  'use strict';
-
-  const nodes = Array.prototype.slice.call(document.querySelectorAll('svg.icon[data-icon]'));
-  if (nodes.length === 0) {
-    return;
-  }
-
-  const groups = {};
-  nodes.forEach((node) => {
-    const key = node.getAttribute('data-icon');
-    const idx = key.indexOf(':');
-    if (idx < 1) {
-      return;
-    }
-    const ns = key.slice(0, idx);
-    if (!groups[ns]) {
-      groups[ns] = [];
-    }
-    groups[ns].push(node);
-  });
-
-  const script = document.currentScript;
-  const version = (script && script.getAttribute('data-version')) || '';
-  const root = (typeof ctx !== 'undefined' && ctx.root) || '/';
-
-  Object.keys(groups).forEach((ns) => {
-    const url = root + 'js/icons/' + ns + '.json' + (version ? '?v=' + version : '');
-    fetch(url)
-      .then((res) => {
-        if (!res.ok) {
-          throw new Error('HTTP ' + res.status);
-        }
-        return res.json();
-      })
-      .then((data) => {
-        const set = data && data[ns];
-        groups[ns].forEach((node) => {
-          const key = node.getAttribute('data-icon');
-          const svg = set && set[key];
-          if (typeof svg === 'string' && svg.length > 0) {
-            node.outerHTML = svg;
-          } else {
-            console.warn('[stellar] icon not found: ' + key);
-          }
-        });
-      })
-      .catch((err) => {
-        console.warn('[stellar] icons load failed: ' + ns, err);
-      });
-  });
-})();

package/source/js/services/fcircle.js

@@ -1,35 +0,0 @@
-(function () {
-  const els = document.getElementsByClassName('ds-fcircle');
-    for (var i = 0; i < els.length; i++) {
-      const el = els[i];
-      const api = el.dataset.api;
-      if (api == null) {
-        continue;
-      }
-      const default_avatar = def.avatar;
-      // layout
-      utils.request(el, api, async resp => {
-        const data = await resp.json();
-        const arr = data.article_data || [];
-        const limit = el.getAttribute('limit');
-        arr.forEach((item, i) => {
-          if (limit && i >= limit) {
-            return;
-          }
-          var cell = '<div class="timenode" index="' + i + '">';
-          cell += '<div class="header">';
-          cell += '<div class="user-info">';
-          cell += '<img src="' + (item.avatar || default_avatar) + '" onerror="javascript:this.src=\'' + default_avatar + '\';">';
-          cell += '<span>' + item.author + '</span>';
-          cell += '</div>';
-          cell += '<span>' + item.created + '</span>';
-          cell += '</div>';
-          cell += '<a class="body" href="' + item.link + '" target="_blank" rel="external nofollow noopener noreferrer">';
-          cell += item.title;
-          cell += '</a>';
-          cell += '</div>';
-          utils.dom(el).append(cell);
-        });
-      });
-    }
-})();