hexo-theme-solitude 3.0.16 → 3.0.18

package/layout/includes/footer.pug

@@ -66,7 +66,7 @@ div#footer-bar
                             a.footer-bar-link(href=url_for(item.url), title=item.name)
                                 if item.icon 
                                     img.beian-icon(src=url_for(item.icon), alt=item.name)
-                            span.beian-name= item.name
+                                span.beian-name= item.name
                     a.footer-bar-link(href=_p('hexo'))
                         = _p('framework_by') + 'Hexo'
                     a.footer-bar-link(href=_p('repo'))

package/layout/includes/widgets/page/about/hobbies.pug

@@ -22,17 +22,38 @@ if games
                             .tips= game.tips_right
 
 if site.data.about.likes
-    - const likes = site.data.about.likes
-    .author-content
-        each like in likes
-            .author-content-item(class=like.type, style=`background: url(${like.bg}) no-repeat center; background-size: cover;`)
-                .card-content
-                    .author-content-item-tips= like.tips
-                    span.author-content-item-title= like.title
-                    .content-bottom
-                        .tips= like.subtips
-                        if like.button
-                            .banner-button-group
-                                a.banner-button(href=url_for(like.button_link))
-                                    i.solitude.fas.fa-circle-chevron-right
-                                    span.banner-button-text= like.button_text
+  - const likes = site.data.about.likes
+  .author-content
+    each like in likes
+      if like.type === 'comic'
+        .author-content-item.comic
+            .card-content
+             .author-content-item-tips= like.tips
+             span.author-content-item-title= like.title
+             .content-bottom
+              if like.subtips
+                .tips= like.subtips
+              if like.button
+                .banner-button-group
+                  a.banner-button(href=url_for(like.button_link))
+                    i.solitude.fas.fa-circle-chevron-right
+                    span.banner-button-text= like.button_text
+             .comic-box
+              each item in like.list
+               a.comic-item(href=item.href target="_blank", rel="noopener noreferrer", title=item.name)
+                .comic-item-cover
+                 img.nolazyload(src=item.cover, alt=item.name)
+ 
+      else
+        .author-content-item(class=like.type style=`background: url(${like.bg}) no-repeat center/cover`)
+          .card-content
+            .author-content-item-tips= like.tips
+            span.author-content-item-title= like.title
+            .content-bottom
+              if like.subtips
+                .tips= like.subtips
+              if like.button
+                .banner-button-group
+                  a.banner-button(href=url_for(like.button_link))
+                    i.solitude.fas.fa-circle-chevron-right
+                    span.banner-button-text= like.button_text

package/layout/includes/widgets/post/postInfo.pug

@@ -79,5 +79,4 @@
                                     i.solitude.fas.fa-spinner.fa-spin
                             when 'Artalk'
                                 span.artalk-count
-                                    i.solitude.fas.fa-spinner.fa-spin
-#post-info-bottom
+                                    i.solitude.fas.fa-spinner.fa-spin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-solitude",
-  "version": "3.0.16",
+  "version": "3.0.18",
   "description": "A beautiful, powerful, and efficient Hexo theme developed by everfu.",
   "main": "package.json",
   "scripts": {

package/source/css/_global/index.styl

@@ -380,7 +380,6 @@ i.solitude
   &#content-inner
     max-width 1400px
     flex-grow 1
-    padding-top .5rem
 
   &.hide-aside
     > div:first-child
@@ -396,19 +395,12 @@ i.solitude
       width 100%
 
   > #post, #category, #tag, #archive
-    box-shadow var(--efu-shadow-border)
-    padding 1rem 2rem
-    border-radius 12px
-    border var(--style-border)
     align-self flex-start
     animation slide-in .6s .1s backwards
     position relative
     if hexo-config('aside.position') == 0
       order 2
 
-    +minWidth768()
-      background var(--efu-card-bg)
-
     +maxWidth768()
       box-shadow none
       border none

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

@@ -8,10 +8,8 @@
       padding 0
 
 #tag-page-tags+#recent-posts
-  margin-top: calc(64px - 0.5rem)
-
-  +maxWidth768()
-    margin-top: calc(74px - 0.5rem)
+  +minWidth768()
+    margin-top calc(64px - 0.5rem)
 
 if hexo-config('index_post_list.direction') == "column"
   .recent-post-item
@@ -29,8 +27,6 @@ if hexo-config('index_post_list.direction') == "column"
 
       +maxWidth1300()
         margin-bottom .5rem
-        #tag &:first-child
-          margin-top: 2.5rem
 
       +maxWidth768()
         border-radius 12px

package/source/css/_page/_about/like.styl

@@ -3,7 +3,6 @@
     background-size cover
     min-height 230px
     color var(--efu-white)
-
     &::after
       box-shadow 0 -69px 203px 11px #050b20 inset
       position absolute
@@ -18,7 +17,6 @@
     min-height 400px
     color var(--efu-white)
     overflow hidden
-
     &::after
       box-shadow 0 -69px 203px 11px #0e0e0e inset
       position absolute
@@ -26,4 +24,61 @@
       width 100%
       height 100%
       top 0
-      left 0
+      left 0
+
+  .author-content-item.comic
+    min-height 400px
+    color var(--efu-white)
+    position relative
+    
+    .comic-box
+      display flex
+      width 110%
+      height 100%
+      position absolute
+      left 50%
+      top 0
+      transform translateX(-50%)
+      &::after
+        box-shadow 0 -69px 203px 11px #04120f inset
+        position absolute
+        content ''
+        width 100%
+        height 100%
+        top 0
+        left 0
+        pointer-events: none;
+    
+    .author-content-item-tips,
+    .author-content-item-title,
+    .content-bottom
+      z-index 3
+      color var(--efu-white)
+      pointer-events none
+    
+    .comic-item
+      height 100%
+      color var(--efu-white)
+      width 20%
+      transform skew(-10deg, 0deg)
+      transition 0.8s
+      position relative
+      overflow hidden
+      &:hover
+        width 46%
+        .comic-item-cover
+          left 16%
+          transform skew(10deg, 0deg) scale(1.6)
+
+      .comic-item-cover
+        position absolute
+        top 0
+        left -50%
+        height 100%
+        transform skew(10deg, 0deg)
+        object-fit cover
+        transition scale 0.2s, all 0.8s
+        img
+          height 100%
+          max-width none
+          transition 0.8s

package/source/css/_page/category.styl

@@ -1,8 +1,9 @@
 #category
   #category-bar
-    padding 0
+    padding .4rem .6rem
     border none
     height auto
+    border var(--style-border)
     box-shadow none
 
     +maxWidth768()

package/source/css/_page/tag.styl

@@ -1,8 +1,4 @@
 #tag
-  +minWidth1300()
-    padding: 4rem 2rem 1rem 2rem!important
-    overflow hidden
-
   +maxWidth768()
     padding 0 1rem
 
@@ -10,19 +6,20 @@
     display flex
     flex-direction row
     flex-wrap wrap
-    margin 0
-    margin-bottom 0.5rem
-    position absolute
-    z-index 2
     width 100%
-    padding 1rem 2rem
+    position absolute
+    z-index 1
     left 0
     top 0
-    max-height 64px
-    overflow hidden
+    max-height 44px
+    overflow: hidden
     background var(--efu-card-bg)
     backdrop-filter saturate(180%) blur(20px)
     transition .1s ease-out
+    border-radius 12px
+    border var(--style-border-always)
+    +maxWidth768()
+      display none
 
     &:hover
       max-height 1000px

package/source/css/_post/index.styl

@@ -114,4 +114,9 @@ if hexo-config('post.ai.enable')
     100% 
         opacity 1
         transform translateY(0)
-    
+    
+#post
+  border var(--style-border)
+  border-radius var(--radius)
+  box-shadow var(--efu-shadow-border)
+  background var(--efu-card-bg)

package/source/css/_post/meta.styl

@@ -34,6 +34,17 @@
 
       +maxWidth768()
         height 15rem
+    &::after
+      position absolute
+      content ''
+      width 100%
+      height 32px
+      background var(--efu-background)
+      bottom 0
+      border-radius 16px 16px 0 0
+
+      +maxWidth768()
+        display none
 
   .post-bg
     #post-cover
@@ -342,13 +353,4 @@
     background var(--efu-hovertext)
     border-radius 12px 12px 0 0
     +minWidth768()
-      min-height 250px
-    
-#post-info-bottom
-  display flex
-  position absolute
-  width 100%
-  bottom 0
-  border-radius 1rem 1rem 0 0
-  padding .5rem 0
-  background var(--efu-background)
+      min-height 250px