hexo-theme-solitude 2.0.9 → 2.0.11

package/scripts/helper/inject_head_js.js

@@ -21,13 +21,13 @@ hexo.extend.helper.register('inject_head_js', function () {
             },
             get: function getWithExpiry(key) {
                 const itemStr = localStorage.getItem(key)
-    
+
                 if (!itemStr) {
                     return undefined
                 }
                 const item = JSON.parse(itemStr)
                 const now = new Date()
-    
+
                 if (now.getTime() > item.expiry) {
                     localStorage.removeItem(key)
                     return undefined
@@ -62,24 +62,30 @@ hexo.extend.helper.register('inject_head_js', function () {
                 script.onload = script.onreadystatechange = null
                 resolve()
               }
-    
+
               Object.keys(attr).forEach(key => {
                 script.setAttribute(key, attr[key])
               })
-    
+
               document.head.appendChild(script)
             }),
             addGlobalFn: (key, fn, name = false, parent = window) => {
                 const globalFn = parent.globalFn || {}
                 const keyObj = globalFn[key] || {}
-        
+
                 if (name && keyObj[name]) return
-        
+
                 name = name || Object.keys(keyObj).length
                 keyObj[name] = fn
                 globalFn[key] = keyObj
                 parent.globalFn = globalFn
             },
+            addEventListenerPjax: (ele, event, fn, option = false) => {
+              ele.addEventListener(event, fn, option)
+              utils.addGlobalFn('pjax', () => {
+                  ele.removeEventListener(event, fn, option)
+              })
+          },
         }
     `
     return `<script>(()=>{${createJS()}})()</script>`
@@ -88,4 +94,4 @@ hexo.extend.helper.register('inject_head_js', function () {
 hexo.extend.helper.register('packageVersion', function () {
     const {version} = require('../../package.json')
     return version
-})
+})

package/scripts/tags/article.js

@@ -0,0 +1,39 @@
+'use strict'
+
+const article = ([path]) => {
+  const post = hexo.locals.get("posts").data.find(post => post.path === path);
+  if (!post) {
+    return '';
+  }
+  const tags = post.tags.map(tag => `<a class="article-meta__tags fancybox" href="${tag.path}" onclick="event.stopPropagation();"><span class="tags-punctuation"><i class="solitude fa-solid fa-hashtag"></i>${tag.name}</span></a>`).join('');
+  const category = post.categories.data.length > 0 ? `<span class="article-meta sticky-warp"><span class="original">${post.categories.data[0].name}</span></span>` : '';
+  return `
+    <div class="recent-post-item" onclick="pjax.loadUrl('${post.path}')">
+      <div class="post_cover">
+        <a href="${post.path}" class="fancybox" title="${post.title}">
+          <img class="post_bg" src="${post.cover}" alt="${post.title}">
+        </a>
+      </div>
+      <div class="recent-post-info">
+        <div class="recent-post-info-top">
+          <div class="recent-post-info-top-tips">
+            ${category}
+          </div>
+          <a class="article-title fancybox" href="${post.path}" title="${post.title}">${post.title}</a>
+        </div>
+        <div class="content">
+        ${post.description ? post.description : ''}
+        </div>
+        <div class="article-meta-wrap">
+          <span class="article-meta tags">
+            ${tags}
+          </span>
+          <span class="post-meta-date">
+            <time datetime="${post.date}" style="display: inline;"></time>
+          </span>
+        </div>
+      </div>
+    </div>`;
+}
+
+hexo.extend.tag.register('article', article)

package/scripts/tags/chart.js

@@ -0,0 +1,27 @@
+/**
+ * Chart.js tag for Solitude theme
+ */
+
+'use strict'
+
+const chart = (args, content) => {
+  const id = Math.random().toString(36).substr(2, 9);
+  return `
+  <div class="chart">
+    <canvas id="chart-${id}"></canvas>
+    <script>
+    !function() {
+      const chart = () => {
+        const canvas = document.getElementById("chart-${id}");
+        if (!canvas) return;
+        const ctx = canvas.getContext("2d");
+        new Chart(ctx, {${content}});
+      };
+      document.addEventListener("DOMContentLoaded", chart);
+      utils.addEventListenerPjax(document, "pjax:complete", chart);
+    }()
+    </script>
+  </div>`;
+}
+
+hexo.extend.tag.register('chart', chart, {ends: true})

package/scripts/tags/gallery.js

@@ -34,4 +34,4 @@ const gallery = (args, content) => {
 }
 
 hexo.extend.tag.register('gallery', gallery, {ends: true})
-hexo.extend.tag.register('galleryGroup', galleryBox)
+hexo.extend.tag.register('galleryGroup', galleryBox)

package/scripts/tags/typeit.js

@@ -0,0 +1,29 @@
+/**
+ * Typeit.js tag for Solitude theme
+ */
+
+'use strict'
+
+const typeit = ([tag, options], content) => {
+  const id = Math.random().toString(36).substr(2, 9);
+  tag = tag || 'div';
+  return `
+  <div class="typeit">
+    <${tag} id="typeit-${id}"></${tag}>
+    <script>
+    !function() {
+      const typeit = () => {
+        const ctx = document.getElementById("typeit-${id}");
+        if (!ctx) return;
+        new TypeIt("#typeit-${id}", ${options})
+          .type("${content}")
+          .go();
+      }
+      document.addEventListener("DOMContentLoaded", typeit);
+      utils.addEventListenerPjax(document, "pjax:complete", typeit);
+    }()
+    </script>
+  </div>`
+}
+
+hexo.extend.tag.register('typeit', typeit, {ends: true})

package/source/css/_global/function.styl

@@ -89,4 +89,4 @@ minWidth2000()
 .limit-more-line
   display: -webkit-box
   overflow: hidden
-  -webkit-box-orient: vertical
+  -webkit-box-orient: vertical

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

@@ -99,7 +99,7 @@
     line-height 2
     box-shadow var(--efu-shadow-border)
 
-  img
+  img:not(.post_bg)
     border-radius 12px
     object-fit cover
     display block
@@ -215,4 +215,4 @@ if hexo-config('mediumZoom')
     z-index 10
 
   .medium-zoom-image--opened
-    z-index 11
+    z-index 11

package/source/css/_layout/console.styl

@@ -34,6 +34,7 @@
     transform translateY(20px)
     transition .3s
     max-width 1400px
+    min-width 1000px
 
     +maxWidth1300()
       justify-content center
@@ -69,8 +70,7 @@
     overflow hidden
 
     +maxWidth1300()
-      width 100%
-      margin 0
+      display none
 
   .console-card
     background var(--efu-maskbg)
@@ -79,6 +79,9 @@
     border var(--style-border)
     box-shadow var(--efu-shadow-border)
     padding 40px
+    gap 24px
+    display: flex
+    flex-direction: column
 
   .console-card.tags
     height calc(100% - 172px)
@@ -179,10 +182,10 @@
 
   .console-card.tags
     .card-tag-cloud
-      margin-top 1.5rem
       display flex
       gap .5rem
       flex-wrap wrap
+      verflow-y: scroll
 
       a
         color var(--efu-fontcolor)
@@ -308,4 +311,4 @@
 
   #consoleHideAside
     +maxWidth768()
-      display none
+      display none

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

@@ -8,18 +8,7 @@
       padding 0
 
 if hexo-config('index_post_list.direction') == "column"
-  #recent-posts
-    position relative
-    +minWidth1300()
-      display flex
-      flex-wrap wrap
-      gap .5rem
-      transition width .3s
-
-    +maxWidth768()
-      padding 0 1rem
-
-    > .recent-post-item
+  .recent-post-item
       box-shadow var(--efu-shadow-light2black)
       display flex
       align-items center
@@ -103,26 +92,18 @@ if hexo-config('index_post_list.direction') == "column"
             border-radius: 12px 12px 0 0
 
       > .recent-post-info
-        height 174px
+        height 100%
         width 100%
+        padding 18px 32px 18px 32px
         cursor pointer
         position relative
-        padding 0
-        display inline-block
+        display flex
         overflow hidden
-
-        .content
-          -webkit-line-clamp 2
-          display -webkit-box
-          overflow hidden
-          -webkit-box-orient vertical
-          padding 5px 32px
-          opacity .8
-          font-size 14px
-          line-height 1.8
-
-          +maxWidth600()
-            -webkit-line-clamp 1
+        flex-direction column
+        gap 16px
+        justify-content space-between
+        +minWidth1300()
+          min-height 165px
 
         span.tags-punctuation
           transition .3s
@@ -133,7 +114,6 @@ if hexo-config('index_post_list.direction') == "column"
         .recent-post-info-top
           position relative
           transition .3s
-          padding 0 32px
           width 100%
 
           .article-title
@@ -148,10 +128,11 @@ if hexo-config('index_post_list.direction') == "column"
             display -webkit-box
             overflow hidden
             -webkit-box-orient vertical
+            +minWidth1300()
+              font-size 30px
 
           .recent-post-info-top-tips
             display flex
-            margin-top 20px
             user-select none
 
             > .sticky-warp
@@ -183,8 +164,10 @@ if hexo-config('index_post_list.direction') == "column"
                 color var(--efu-card-bg)
 
         /.article-meta-wrap
-          position absolute
-          bottom 16px
+          color var(--efu-fontcolor)
+          font-size .7rem
+          user-select none
+          position relative
           transition .3s
           display flex
           flex-direction row
@@ -192,10 +175,7 @@ if hexo-config('index_post_list.direction') == "column"
           justify-content space-between
           width 100%
           left 0
-          padding 0 32px
           white-space nowrap
-          color var(--efu-fontcolor)
-          font-size .7rem
 
           > .article-meta
             margin 0 8px 0 0
@@ -230,6 +210,16 @@ if hexo-config('index_post_list.direction') == "column"
 
           .sticky
             color var(--efu-fontcolor)
+  #recent-posts
+    position relative
+    +minWidth1300()
+      display flex
+      flex-wrap wrap
+      gap .5rem
+      transition width .3s
+
+    +maxWidth768()
+      padding 0 1rem
 
   if hexo-config('index_post_list.direction') == "column" && hexo-config('index_post_list.column') == 2
     #recent-posts
@@ -249,23 +239,9 @@ if hexo-config('index_post_list.direction') == "column"
           flex 1 1 33.3%
           max-width 32.6%
           box-shadow var(--efu-shadow-border)
-      
-else if hexo-config('index_post_list.direction') == "row"
-  #recent-posts
-    position relative
-    display flex
-    flex-wrap wrap
-    justify-content space-between
-    align-items flex-start
-    align-content flex-start
-    user-select none
-    gap .5rem
-    transition width .3s
 
-    +maxWidth768()
-      padding 0 1rem
-
-    > .recent-post-item
+else if hexo-config('index_post_list.direction') == "row"
+  .recent-post-item
       display flex
       align-items center
       animation slide-in .6s .4s backwards
@@ -340,30 +316,21 @@ else if hexo-config('index_post_list.direction') == "row"
             border-radius: 12px 12px 0 0
 
       > .recent-post-info
-        height 174px
+        height 100%
         width 100%
+        padding 18px 32px 18px 32px
         cursor pointer
         position relative
-        padding 0
-        display inline-block
+        display flex
         overflow hidden
+        flex-direction column
+        gap 16px
+        justify-content space-between
+        +minWidth1300()
+          min-height 165px
         +maxWidth768()
           order 2
 
-        .content
-          -webkit-line-clamp 3
-          display -webkit-box
-          overflow hidden
-          -webkit-box-orient vertical
-          padding 5px 32px
-          opacity .8
-          font-size 14px
-          line-height 1.8
-          +maxWidth768()
-            -webkit-line-clamp 2
-          +maxWidth600()
-            -webkit-line-clamp 1
-
         span.tags-punctuation
           transition .3s
 
@@ -373,7 +340,6 @@ else if hexo-config('index_post_list.direction') == "row"
         .recent-post-info-top
           position relative
           transition .3s
-          padding 0 32px
           width 100%
 
           .article-title
@@ -425,8 +391,10 @@ else if hexo-config('index_post_list.direction') == "row"
                 color var(--efu-card-bg)
 
         /.article-meta-wrap
-          position absolute
-          bottom 0
+          color var(--efu-fontcolor)
+          font-size .7rem
+          user-select none
+          position relative
           transition .3s
           display flex
           flex-direction row
@@ -434,10 +402,7 @@ else if hexo-config('index_post_list.direction') == "row"
           justify-content space-between
           width 100%
           left 0
-          padding 0 32px
           white-space nowrap
-          color var(--efu-fontcolor)
-          font-size .7rem
           +maxWidth768()
             bottom 16px
 
@@ -473,4 +438,17 @@ else if hexo-config('index_post_list.direction') == "row"
             margin 0 .4rem 0 0
 
           .sticky
-            color var(--efu-fontcolor)
+            color var(--efu-fontcolor)
+  #recent-posts
+    position relative
+    display flex
+    flex-wrap wrap
+    justify-content space-between
+    align-items flex-start
+    align-content flex-start
+    user-select none
+    gap .5rem
+    transition width .3s
+
+    +maxWidth768()
+      padding 0 1rem

package/source/css/_page/_home/home-top.styl

@@ -22,12 +22,13 @@
       &::-webkit-scrollbar
         display none
 
-      .recent-post-group
+      .top-post-group
         display flex
         flex-direction row
         justify-content start
         flex-wrap wrap
         align-content space-between
+        width 100%
         gap .5rem
 
         +maxWidth1200()
@@ -76,10 +77,10 @@
       position relative
       animation slide-in .6s .1s backwards
 
-    .recent-post-item
+    .top-post-item
       display flex
       flex-direction column
-      width calc(100% / 3 - 0.5rem)
+      flex 1 1 30%
       align-items flex-start
       background var(--efu-card-bg)
       border-radius 12px
@@ -92,15 +93,11 @@
       box-shadow var(--efu-shadow-border)
       min-width fit-content
 
-      &:nth-last-child(2):nth-child(1),
-      &:nth-last-child(1):nth-child(2)
-        width calc(100% / 2 - 0.5rem)
-
       +maxWidth1200()
         width 200px
         min-width 200px
 
-      &:hover .post_cover a .recent-post-top-text
+      &:hover .post_cover a .top-post-top-text
         left 0
 
       .post_cover
@@ -116,7 +113,7 @@
             width 100%
             background var(--efu-secondbg)
 
-          .recent-post-top-text
+          .top-post-top-text
             position absolute
             top 0
             left -50px
@@ -132,7 +129,7 @@
             if $language == 'en-US'
               left -90px
 
-      /.recent-post-info
+      /.top-post-info
         padding .3rem .5rem .3rem .5rem
         transition .3s
 
@@ -272,9 +269,7 @@
   color var(--efu-white)
   position relative
   background-size 200%
-
-  &:not(:last-child)
-    margin-right 10px
+  margin-right 10px
 
   &:hover
     background-position 100% 0

package/source/css/_page/recentcomment.styl

@@ -1,15 +1,13 @@
 div.console_recentcomments
   display flex
   flex-wrap wrap
-  gap 12px
+  gap 8px
   min-height 100px
   width 100%
-  margin-top .5rem
 
 .comment-card
   position relative
   width calc(100% / 3 - 8px)
-  min-width fit-content
   background var(--efu-card-bg)
   border-radius 12px
   border var(--style-border-always)

package/source/css/_post/meta.styl

@@ -114,7 +114,7 @@
         overflow hidden
         margin 0 -20% 0 auto
         transform rotate(10deg) translateY(-8%) scale(1.8)
-        filter blur(10px)
+        filter blur(30px)
         opacity 0
 
         &.loaded
@@ -383,4 +383,4 @@
   background var(--efu-hovertext)
   border-radius 12px 12px 0 0
   +minWidth768()
-    min-height 250px
+    min-height 250px

package/source/css/_tags/gallery.styl

@@ -96,6 +96,7 @@
     display flex
     gap .5rem
     margin-top .5rem
+    flex-wrap wrap
 
   .gallery-item
     min-height 5rem
@@ -121,4 +122,4 @@
   opacity 0
   transition .3s
   &.show
-    opacity 1
+    opacity 1

package/source/css/var.styl

@@ -1,13 +1,13 @@
 error_img = hexo-config('errorpage.img')
 
 $dark_theme = convert(hexo-config('theme_color.dark'))
-$dark_theme_op = convert(hexo-config('theme_color.dark_op'))
-$dark_theme_op_deep = convert(hexo-config('theme_color.dark_op_deep'))
-$dark_theme_none = convert(hexo-config('theme_color.dark_none'))
+$dark_theme_op = convert(hexo-config('theme_color.dark') + '23')
+$dark_theme_op_deep = convert(hexo-config('theme_color.dark') + 'dd')
+$dark_theme_none = convert(hexo-config('theme_color.dark') + '00')
 $light_theme = convert(hexo-config('theme_color.light'))
-$light_theme_op = convert(hexo-config('theme_color.light_op'))
-$light_theme_op_deep = convert(hexo-config('theme_color.light_op_deep'))
-$light_theme_none = hexo-config('theme_color.light_none')
+$light_theme_op = convert(hexo-config('theme_color.light') + '23')
+$light_theme_op_deep = convert(hexo-config('theme_color.light') + 'dd')
+$light_theme_none = convert(hexo-config('theme_color.light') + '00')
 
 $todayCardColor = convert(hexo-config('hometop.recommendList.color'))
 
@@ -29,4 +29,4 @@ $line-height-code-block = 1.6
 $font-size = unquote(hexo-config('font.font-size'))
 $code-font-size = unquote(hexo-config('font.code-font-size'))
 $font-family = unquote(hexo-config('font.font-family'))
-$code-font-family = unquote(hexo-config('font.code-font-family'))
+$code-font-family = unquote(hexo-config('font.code-font-family'))