hexo-theme-solitude 3.0.9 → 3.0.11

package/scripts/filter/default.js

@@ -1,32 +1,30 @@
-'use strict';
+"use strict";
 
-hexo.extend.filter.register('after_post_render', function (data) {
-    data.title = data.title || 'Untitled';
-    const { config } = hexo.theme;
+hexo.extend.filter.register("after_post_render", function (data) {
+  data.title = data.title || "Untitled";
+  const { config } = hexo.theme;
 
-    const setCoverAndExcerpt = (layout) => {
-        const { copyright, locate, cover } = hexo.theme.config[layout].default;
-        data.locate = data.locate || locate;
-        data.cc = data.cc || copyright;
-        data.cover = data.cover || (cover?.length && cover[getRandomInt(0, cover.length)]);
-        data.not_cover = data.cover ? false : true;
-        data.excerpt = layout === 'post' ? data.description || data.excerpt : data.title;
-        data.toc = !!(config.aside.toc[layout] && data.toc !== false);
-        data.aside = layout === 'post' ? (data.aside || true) : (data.aside || false);
-    };
+  const setCoverAndExcerpt = (layout) => {
+    const { copyright, locate, cover } = hexo.theme.config[layout].default;
+    data.locate = data.locate || locate;
+    data.cc = data.cc || copyright;
+    data.cover =
+      data.cover || (cover?.length && cover[getRandomInt(0, cover.length)]);
+    data.not_cover = data.cover ? false : true;
+    data.excerpt =
+      layout === "post" ? data.description || data.excerpt : data.title;
+    data.toc = !!(config.aside.toc[layout] && data.toc !== false);
+    data.aside = layout === "post" ? data.aside || true : data.aside || false;
+  };
 
-    if (data.layout === 'post' || data.layout === 'page') {
-        setCoverAndExcerpt(data.layout);
-    }
+  if (data.layout === "post" || data.layout === "page") {
+    setCoverAndExcerpt(data.layout);
+  }
 
-    if (data.layout === 'post') {
-        data.ai = data.ai || true;
-    }
-
-    data.comment = !!(config.comment.use && data.comment !== false);
-    return data;
+  data.comment = !!(config.comment.use && data.comment !== false);
+  return data;
 });
 
 function getRandomInt(min, max) {
-    return Math.floor(Math.random() * (max - min)) + Math.ceil(min);
+  return Math.floor(Math.random() * (max - min)) + Math.ceil(min);
 }

package/scripts/tags/tabs.js

@@ -3,27 +3,32 @@
  * from solitude
  */
 
-'use strict'
+"use strict";
 
 function postTabs([name, active], content) {
   const tabBlock = /<!--\s*tab (.*?)\s*-->\n([\w\W\s\S]*?)<!--\s*endtab\s*-->/g;
   const matches = [...content.matchAll(tabBlock)];
-  
+
   active = Number(active) || 0;
 
   const generateTabItems = (matches, name, active) => {
     return matches.map((match, tabId) => {
-      const [tabCaption = '', tabIcon = ''] = match[1].split('@');
-      const postContent = hexo.render.renderSync({ text: match[2], engine: 'markdown' }).trim();
-      const tabHref = `${name.toLowerCase().replace(/\s+/g, '-')}-${tabId}`;
-      
-      const iconHtml = tabIcon ? `<i class="${tabIcon.trim()} tab solitude"></i>` : '';
-      const isActive = active === tabId ? ' active' : '';
-      const toTopButton = '<button type="button" class="tab-to-top" aria-label="scroll to top"><i class="solitude fas fa-arrow-up"></i></button>';
-      
+      const [tabCaption = "", tabIcon = ""] = match[1].split("@");
+      const postContent = hexo.render
+        .renderSync({ text: match[2], engine: "markdown" })
+        .trim();
+      const tabHref = `${name.toLowerCase().replace(/\s+/g, "-")}-${tabId}`;
+
+      const iconHtml = tabIcon
+        ? `<i class="${tabIcon.trim()} tab solitude"></i>`
+        : "";
+      const isActive = active === tabId ? " active" : "";
+
       return {
-        nav: `<li class="tab${isActive}"><button type="button" data-href="#${tabHref}">${iconHtml}${tabCaption.trim() || `${name} ${tabId}`}</button></li>`,
-        content: `<div class="tab-item-content${isActive}" id="${tabHref}">${postContent}${toTopButton}</div>`
+        nav: `<li class="tab${isActive}"><button type="button" data-href="#${tabHref}">${iconHtml}${
+          tabCaption.trim() || `${name} ${tabId}`
+        }</button></li>`,
+        content: `<div class="tab-item-content${isActive}" id="${tabHref}">${postContent}</div>`,
       };
     });
   };
@@ -31,16 +36,22 @@ function postTabs([name, active], content) {
   const tabItems = generateTabItems(matches, name, active);
 
   const createTabStructure = (tabItems) => {
-    const tabNav = `<ul class="nav-tabs">${tabItems.map(item => item.nav).join('')}</ul>`;
-    const tabContent = `<div class="tab-contents">${tabItems.map(item => item.content).join('')}</div>`;
+    const tabNav = `<ul class="nav-tabs">${tabItems
+      .map((item) => item.nav)
+      .join("")}</ul>`;
+    const tabContent = `<div class="tab-contents">${tabItems
+      .map((item) => item.content)
+      .join("")}</div>`;
     return { tabNav, tabContent };
   };
 
   const { tabNav, tabContent } = createTabStructure(tabItems);
 
-  return `<div class="tabs" id="${name.toLowerCase().replace(/\s+/g, '-')}">${tabNav}${tabContent}</div>`;
+  return `<div class="tabs" id="${name
+    .toLowerCase()
+    .replace(/\s+/g, "-")}">${tabNav}${tabContent}</div>`;
 }
 
-hexo.extend.tag.register('tabs', postTabs, { ends: true });
-hexo.extend.tag.register('subtabs', postTabs, { ends: true });
-hexo.extend.tag.register('subsubtabs', postTabs, { ends: true });
+hexo.extend.tag.register("tabs", postTabs, { ends: true });
+hexo.extend.tag.register("subtabs", postTabs, { ends: true });
+hexo.extend.tag.register("subsubtabs", postTabs, { ends: true });

package/source/css/_global/index.styl

@@ -56,7 +56,7 @@
   --offset 0px
   --hlscrollbar-bg #121212
   --gap .5rem
-  --radius 8px
+  --radius 12px
 
 body
   position relative
@@ -330,7 +330,7 @@ blockquote
   background-color var(--efu-secondbg)
   color var(--efu-secondtext)
   border-radius 8px
-  margin 1rem 0
+  margin .5rem 0
   padding .5rem .8rem
 
 li, ul

package/source/css/_layout/article-container.styl

@@ -57,7 +57,7 @@
     line-height 1.7
     font-weight 400
     margin .5rem 0
-    text-align left
+    text-align justify
     letter-spacing .6px
 
     a

package/source/css/_layout/other.styl

@@ -22,7 +22,7 @@ span.tags-punctuation
   a
     color var(--efu-gray)
     border none
-    margin-left 4px
+    margin 0 4px
 
     &:hover
-      color var(--efu-main)
+      color var(--efu-main)

package/source/css/_layout/recent-post.styl

@@ -7,6 +7,12 @@
     +maxWidth768()
       padding 0
 
+#tag-page-tags+#recent-posts
+  margin-top: calc(64px - 0.5rem)
+
+  +maxWidth768()
+    margin-top: calc(74px - 0.5rem)
+
 if hexo-config('index_post_list.direction') == "column"
   .recent-post-item
       box-shadow var(--efu-shadow-light2black)

package/source/css/_page/brevity.styl

@@ -348,8 +348,6 @@ if hexo-config('brevity.enable')
       overflow hidden
       text-overflow ellipsis
       transition .3s
-      display flex
-      justify-content center
       align-items center
       font-weight 700
       margin auto

package/source/css/_page/tag.styl

@@ -13,7 +13,7 @@
     margin 0
     margin-bottom 0.5rem
     position absolute
-    z-index 1
+    z-index 2
     width 100%
     padding 1rem 2rem
     left 0
@@ -54,6 +54,4 @@
 
       &.select .tagsPageCount
         background var(--efu-card-bg)
-        color var(--efu-lighttext)
-    +maxWidth768()
-      display none
+        color var(--efu-lighttext)

package/source/css/_post/index.styl

@@ -11,8 +11,107 @@ if hexo-config('comment.commentBarrage')
 
 @import "pagination"
 
-if hexo-config('post_ai.enable')
-  @import "postAI"
-
 if hexo-config('google_adsense.enable')
-  @import "ads.styl"
+  @import "ads.styl"
+
+if hexo-config('post.ai.enable')
+  .post-ai
+    background var(--efu-secondbg)
+    border-radius 12px
+    padding 12px
+    line-height 1.3
+    border var(--style-border-always)
+    margin-top 16px
+    min-height 101.22px
+    box-shadow var(--efu-shadow-border)
+
+    +maxWidth768()
+      margin-top 0
+
+    .ai-title
+      display flex
+      color var(--efu-lighttext)
+      border-radius 8px
+      align-items center
+      user-select none
+
+      .ai-title-left
+        display flex
+        align-items center
+        color var(--efu-lighttext)
+
+        i.ai-title-icon
+          width 24px
+          height 24px
+          display flex
+          background var(--efu-lighttext)
+          color var(--efu-card-bg)
+          font-size 14px
+          border-radius 20px
+          justify-content center
+          align-items center
+
+        .ai-title-text
+          font-weight 700
+          margin-left 8px
+          line-height 1
+          font-size 14px
+
+      .ai-tag
+        font-size 12px
+        background-color var(--efu-lighttext)
+        box-shadow var(--efu-shadow-main)
+        color var(--efu-card-bg)
+        font-weight 700
+        border-radius 12px
+        margin-left auto
+        line-height 12px
+        padding 6px 8px
+        display flex
+        align-items center
+        justify-content center
+        transition .3s
+
+        &.loadingAI
+          animation-duration 2s
+          animation-name AILoading
+          animation-iteration-count infinite
+          animation-direction alternate
+
+    .ai-explanation
+      margin-top 12px
+      overflow hidden
+      padding 8px 12px
+      background var(--efu-card-bg)
+      border-radius 8px
+      border var(--style-border-always)
+      font-size 15px
+      line-height 1.4
+      display none
+      text-align left
+
+      .blinking-cursor
+        background-color var(--efu-lighttext)
+        width 14px
+        height 14px
+        border-radius 16px
+        display inline-block
+        vertical-align middle
+        animation blinking-cursor 2s infinite
+        margin-left 4px
+        margin-bottom 3px
+        transform scale(.6)
+
+  .char
+    display inline-block
+    opacity 0ai-explanation
+    animation chat-float .3s ease forwards;
+
+  @keyframes chat-float
+    0% 
+      opacity 0
+      transform translateY(20px)
+    100% 
+        opacity 1
+        transform translateY(0)
+    

package/source/css/_tags/tabs.styl

@@ -1,107 +1,46 @@
-
-.article-container .tabs
+.tabs
   position relative
-  border 1px solid var(--tab-border-color)
-
-  > .nav-tabs
-    > .tab
-      margin 4px
-      padding 0
-      list-style none
-
-      +maxWidth768()
-        -webkit-box-flex 1
-        flex-grow 1
-
-      button i
-        width 1.5em
-        font-size inherit
-
-      &.active button
-        cursor default
-        border var(--style-border-hover-always)
-        background var(--efu-background)
-        border-radius 8px;
-
-      &:not(.active) button:hover
-        border-top 2px solid var(--tab-button-hover-bg)
-        background var(--tab-button-hover-bg)
-
-  > .tab-contents .tab-item-content
-    position relative
-    display none
-    padding 1.8rem 1.2rem
-    background var(--efu-background)
-    border var(--style-border-always)
-
-    +maxWidth768()
-      padding 1.2rem .7rem
-
-    &.active
-      display block
-      animation .5s ease 0s 1 normal none running tabshow
-
-  .tab-to-top
-    position relative
-    display block
-    margin 16px 0 0 auto
-    color #99a9bf
-
-  margin 1rem 0
-  border-radius 12px
-  overflow hidden
-  box-shadow var(--efu-shadow-border)
-  padding 8px
-  background var(--efu-card-bg)
-  border var(--style-border)
 
   .nav-tabs
-    background var(--efu-card-bg)
-    padding 16px
+    margin-top 0
     display flex
-    justify-content center
-    flex-wrap wrap
-    flex-direction row
-
-    +maxWidth768()
-      padding 0
-      margin-bottom 8px
-
-  > .nav-tabs > .tab button
-    -webkit-transition all 0s
-    background var(--efu-secondbg)
-    transition .3s
+    background var(--efu-card-bg)
     border var(--style-border-always)
-    border-radius 8px
-    font-size 14px
-    line-height 1
-    padding 8px 16px
-    display flex
-    width 100%
-    justify-content center
-    align-items center
-    color var(--efu-fontcolor)
-
-  > .nav-tabs > .tab:not(.active) button:hover
-    background var(--efu-main)
-    color var(--efu-white)
-    transition .3s
-    border var(--style-border-hover-always)
-
-.tab-item-content
-  background var(--efu-card-bg)
-
-.article-container .tabs
-
-  > .tab-contents .tab-item-content.active
-    animation tabshow 0s
-    -webkit-animation tabshow 0s
-    padding 1.2rem
-    border-radius 8px
-
-    +maxWidth768()
-      padding .5rem .5rem
+    border-radius var(--radius)
+    margin-bottom .5rem
+    padding .3rem .5rem
+    gap .5rem
+
+    .tab
+      border-radius 6px
+      transition all 0.3s ease
+
+      button
+        width 100%
+        padding 0 .3rem
+        height 100%
+        font-size 14px
+
+      &.active
+        background var(--light-grey)
+        i,button
+          color var(--efu-card-bg)
+
+      i
+        font-size 14px
+        margin-right .3rem
+
+  .tab-contents
+    padding .5rem
+    border var(--style-border-always)
+    border-radius var(--radius)
+    transition all 0.3s ease
 
-.tab-contents
-  border-radius 8px
-  overflow hidden
+    .tab-item-content.active
+      display block
+      opacity 1
+      transform translateY(0)
+    .tab-item-content
+      display none
+      opacity 0
+      transform translateY(-10px)

package/source/css/index.styl

@@ -29,9 +29,5 @@ if hexo-config('search.enable')
 if hexo-config('comment.use')
   @import '_comments/comment.styl'
 
-// third party
-if hexo-config('tianli_talk.enable')
-  @import 'third_party/tianli_talk.styl'
-
 // components
 @import '_components/index'