hexo-theme-solitude 1.10.5 → 1.11.0

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

@@ -2,7 +2,6 @@
   .recent-top-post-group
     border-radius 12px
     overflow hidden
-    overflow-x auto
     width 100%
     margin-bottom 0
     user-select none
@@ -15,15 +14,24 @@
       flex-direction row
       flex-wrap nowrap
       width 100%
-      overflow-x scroll
       gap .5rem
 
       +maxWidth1200()
-        gap 0
+        flex-direction column
 
       &::-webkit-scrollbar
         display none
 
+      .recent-post-group
+        display flex
+        flex-direction row
+        flex-wrap wrap
+        align-content space-between
+        gap .5rem
+
+        +maxWidth1200()
+          flex-wrap nowrap
+
       / #bannerGroup
         display flex
         +minWidth1201()
@@ -47,94 +55,17 @@
           .tags-group-icon:nth-child(even)
             margin-left 4rem
 
-        .categoryGroup
-          display flex
-          flex-direction column
-          justify-content space-between
-          min-width 200px
-          +minWidth1201()
-            display none
-          +maxWidth768()
-            min-width 130px
-            margin-left 1rem
-            max-height 164px
-            overflow hidden
-            position relative
-
-          .categoryItem
-            overflow hidden
-            transform scale(1)
-            transition all .8s cubic-bezier(.65, .15, .37, 1.19)
-            height 48%
-            border-radius 12px
-            +maxWidth768()
-              border-radius 0
-              height 47%
-              box-shadow none
-
-            a.categoryButton
-              height 100%
-              width 100%
-              background var(--efu-card-bg)
-              background-size 200%
-              border-radius 12px
-              display inline-block
-              text-align left
-              line-height 4em
-              font-weight 700
-              font-size .9rem
-              color var(--efu-white)
-              transition all .8s cubic-bezier(.39, .575, .565, 1)
-              transform scale(1)
-              overflow hidden
-              +maxWidth768()
-                border-radius 8px
-
-              &:after
-                top 50px
-                width 1rem
-                left 21px
-                height 2px
-                background var(--efu-white)
-                content ""
-                border-radius 1px
-                position absolute
-
-              i
-                font-size 5rem
-                opacity .2
-                position absolute
-                right 0
-                top 20%
-                transition .3s
-                width 100px
-                text-align center
-                filter blur(2px)
-                transform scale(1) rotate(15deg)
-
-                +maxWidth768()
-                  display none
-
-              &:hover
-                i
-                  opacity .8
-                  transition .8s
-                  transition-delay .15s
-                  transform scale(1.03) rotate(0)
-                  font-size 2.5rem
-                  filter blur(0)
-
-              .categoryButtonText
-                padding-left 21px
-
   /.topGroup
-    display: flex
+    display flex
+    gap .5rem
+    +maxWidth1200()
+      overflow-x auto
 
     +minWidth1201()
       display flex
       flex-direction row
       flex-wrap wrap
-      justify-content space-between
+      justify-content flex-start
       height calc(328px + 0.5rem)
       align-content space-between
       width calc(50% - 0.25rem)
@@ -144,7 +75,7 @@
     .recent-post-item
       display flex
       flex-direction column
-      width calc(100% / 3 - 0.25rem)
+      width calc(100% / 3 - 0.5rem)
       align-items flex-start
       background var(--efu-card-bg)
       border-radius 12px
@@ -159,10 +90,6 @@
       +maxWidth1200()
         width 200px
         min-width 200px
-        margin-left .5rem
-
-        &:last-child
-          margin-right 1rem
 
       &:hover .post_cover a .recent-post-top-text
         left 0
@@ -214,7 +141,6 @@
           &:hover
             color var(--efu-fontcolor)
 
-
     .todayCard
       display none
 
@@ -227,7 +153,6 @@
         right 0
         background var(--efu-card-bg)
         border-radius 12px
-        margin-left 0.5rem
         overflow hidden
         transition .3s
         display flex
@@ -315,10 +240,6 @@
 
           .banner-button-group
             bottom: 1rem
-
-    +maxWidth768()
-      margin-right 1rem
-
 .banners-links
   display flex
   position absolute

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

@@ -5,7 +5,7 @@ if hexo-config('hometop.enable') || hexo-config('says.enable')
     padding .5rem 1.5rem
 
     +maxWidth768()
-      padding 0
+      padding 0 1rem
       margin-top 0
 
 if hexo-config('hometop.enable')

package/source/css/_page/index.styl

@@ -6,6 +6,9 @@
 
 @import "error.styl"
 
+if hexo-config('recent_comments.enable')
+  @import "recentcomment.styl"
+
 if hexo-config('says.enable')
   @import "says.styl"
 

package/source/css/_page/links.styl

@@ -69,9 +69,6 @@
       +maxWidth768()
         width calc(33.3333% - 16px)
 
-      +maxWidth600()
-        width calc(50% - 16px)
-
       .img
         border-radius 0
         height 120px

package/source/css/_page/other.styl

@@ -1,137 +1,155 @@
 div#banners
-  display none
-  +minWidth1201()
+  display flex
+  width 100%
+  background var(--efu-card-bg)
+  border var(--style-border-always)
+  border-radius 12px
+  overflow hidden
+  position relative
+  box-shadow var(--efu-shadow-border)
+  flex-direction column
+  transition .3s
+  will-change transform
+  animation slide-in .6s .1s backwards
+
+  #home_top &
+    +maxWidth1200()
+      height calc(328px + .5rem)
+
+  :not(.flink)&:hover
+    box-shadow var(--efu-shadow-main)
+
+  .banner-button-group
+    position absolute
+    right 2rem
+    top 2rem
     display flex
-    width 100%
-    background var(--efu-card-bg)
-    border var(--style-border)
+
+    +maxWidth768()
+      display none
+
+  .banner-button
+    padding 8px 12px
+    background var(--efu-fontcolor)
     border-radius 12px
-    overflow hidden
-    position relative
-    box-shadow var(--efu-shadow-border)
-    flex-direction column
+    color var(--efu-card-bg)
+    display flex
+    align-items center
+    z-index 1
     transition .3s
-    will-change transform
-    animation slide-in .6s .1s backwards
+    cursor pointer
+    box-shadow var(--efu-shadow-black)
+
+    &.secondary
+      background var(--efu-secondbg)
+      border var(--style-border-always)
+      color var(--efu-lighttext)
+      margin-right 1rem
+      box-shadow var(--efu-shadow-border)
+
+    &:hover
+      background var(--efu-theme)
+      color var(--efu-white)
+
+    i
+      margin-right 8px
+      font-size 1rem
+
+  /.banners-title
+    top 2.6rem
+    left 2rem
+    position absolute
+    display flex
+    flex-direction column
 
-    :not(.flink)&:hover
-      box-shadow var(--efu-shadow-main)
+    &-big
+      font-size 36px
+      line-height 1
+      font-weight 700
+      margin-bottom 8px
+
+    &-small
+      font-size 12px
+      line-height 1
+      color var(--efu-secondtext)
+      margin-top 8px
+      margin-bottom 0.5rem
+      margin-left 2px
+
+  /.flink
+    .banners-title
+      top 1.5rem
+
+  .bannerText
+    font-size 4rem
+    line-height 4rem
+    font-weight 700
 
-    .banner-button-group
-      position absolute
-      right 2rem
-      top 2rem
-      display flex
+/.tags-group-all
+  display flex
 
-    .banner-button
-      padding 8px 12px
-      background var(--efu-fontcolor)
-      border-radius 12px
-      color var(--efu-card-bg)
-      display flex
-      align-items center
-      z-index 1
-      transition .3s
-      cursor pointer
-      box-shadow var(--efu-shadow-black)
-
-      &.secondary
-        background var(--efu-secondbg)
-        border var(--style-border-always)
-        color var(--efu-lighttext)
-        margin-right 1rem
-        box-shadow var(--efu-shadow-border)
-
-      &:hover
-        background var(--efu-theme)
-        color var(--efu-white)
+  #home_top &
+    +maxWidth600()
+      opacity 0.06
+      filter blur(8px)
 
-      i
-        margin-right 8px
-        font-size 1rem
+  &.nowrapMove
+    padding-bottom 2rem
 
-    /.banners-title
-      top 2.6rem
-      left 2rem
-      position absolute
+    .tags-group-wrapper
+      margin-top: 7rem
+      animation: rowleft 120s linear infinite
       display flex
-      flex-direction column
-
-      &-big
-        font-size 36px
-        line-height 1
-        font-weight 700
-        margin-bottom 8px
-
-      &-small
-        font-size 12px
-        line-height 1
-        color var(--efu-secondtext)
-        margin-top 8px
-        margin-bottom 0.5rem
-        margin-left 2px
-
-    /.flink
-      .banners-title
-        top 1.5rem
-
-    .bannerText
-      font-size 4rem
-      line-height 4rem
-      font-weight 700
-
-  /.tags-group-all
-    display flex
 
-    &.nowrapMove
-      padding-bottom 2rem
+      +maxWidth768()
+        margin-top 7.5rem
 
-      .tags-group-wrapper
-        margin-top: 7rem
-        animation: rowleft 120s linear infinite
-        display flex
+    .tags-group-icon
+      border-radius 50%
 
-      .tags-group-icon
+      img
+        min-width 100%
+        min-height 100%
         border-radius 50%
+        object-fit cover
 
-        img
-          min-width 100%
-          min-height 100%
-          border-radius 50%
-          object-fit cover
+  .tags-group-icon-pair
+    margin-left 1rem
+    user-select none
 
-    .tags-group-icon-pair
-      margin-left 1rem
-      user-select none
+    a img
+      border-radius 50%
 
-      a img
-        border-radius 50%
+    /.tags-group-icon
+      width 120px
+      height 120px
+      border-radius 30px
+      display flex
+      align-items center
+      justify-content center
+      color #fff
+      font-size 66px
+      font-weight 700
+      box-shadow var(--efu-shadow-blackdeep)
 
-      /.tags-group-icon
-        width 120px
-        height 120px
-        border-radius 30px
-        display flex
-        align-items center
-        justify-content center
-        color #fff
-        font-size 66px
-        font-weight 700
-        box-shadow var(--efu-shadow-blackdeep)
+      #page &
+        +maxWidth768()
+          width 50px
+          height 50px
 
-        &:nth-child(even)
-          margin-top 1rem
-          transform translate(-60px)
+      &:nth-child(even)
+        margin-top 1rem
+        transform translate(-60px)
 
-        img
-          width 60%
+      img
+        width 60%
 
 .author-content
   display flex
   flex-wrap wrap
   justify-content space-between
   width 100%
-  margin-top 1rem
+  gap .5rem
 
   +maxWidth768()
     margin-top 0
@@ -141,7 +159,6 @@ div#banners
       animation slide-in .6s 0s backwards
     +maxWidth768()
       width 100% !important
-      margin-top 1rem
       padding 1rem
 
 .author-content.author-content-item.sharePage
@@ -152,7 +169,7 @@ div#banners
   margin-top 0
 
 .author-content-item
-  width 49%
+  width 49.5%
   border-radius 12px
   background var(--efu-card-bg)
   border var(--style-border-always)
@@ -161,11 +178,6 @@ div#banners
   overflow hidden
   padding 1rem 2rem
 
-  +maxWidth768()
-    width 100%
-    margin-top 1rem
-    padding 1rem
-
   &.single
     width 100%
 

package/source/css/_page/recentcomment.styl

@@ -0,0 +1,85 @@
+div#comments-page
+  display flex
+  flex-wrap wrap
+  gap 12px
+  min-height 100px
+  width 100%
+  margin-top .5rem
+
+.comment-card
+  position relative
+  width calc(100% / 3 - 8px)
+  background var(--efu-card-bg)
+  border-radius 12px
+  border var(--style-border-always)
+  padding 14px
+  cursor pointer
+  transition .3s
+  overflow hidden
+  gap 8px
+  display flex
+  flex-direction column
+
+  +maxWidth900()
+    width calc(100% / 2 - 6px)
+
+  +maxWidth768()
+    width 100%
+
+  &:hover
+    border-color var(--style-border-hover-always)
+
+.comment-info
+  display flex
+  align-items center
+  gap 8px
+  border-bottom var(--style-border-always)
+  padding-bottom 8px
+
+  div
+    display flex
+    flex-direction column
+    line-height 1.5
+
+.comment-article, .comment-content
+  transition .3s
+  overflow hidden
+  text-overflow ellipsis
+  display -webkit-box
+  -webkit-box-orient vertical
+  -webkit-line-clamp 2
+  line-height 1.7
+  font-size 14px
+
+.comment-title
+  font-size 12px
+  color var(--efu-secondtext)
+  margin-top auto
+  transition .3s
+  overflow hidden
+  text-overflow ellipsis
+  display -webkit-box
+  -webkit-box-orient vertical
+  -webkit-line-clamp 1
+  line-height 1
+  opacity .6
+  padding-top 8px
+
+  i
+    font-size 12px
+    line-height 12px
+
+#comments-page .comment-info img
+  width 30px
+  height 30px
+  object-fit cover
+  border-radius 30px
+  margin 0
+
+span.comment-user
+  font-weight 700
+
+time.comment-time
+  font-size 12px
+  color var(--efu-secondtext)
+  margin-left auto

package/source/css/_page/says.styl

@@ -13,22 +13,13 @@ if hexo-config('says.home_mini')
     user-select none
     align-items center
     padding .5rem 1rem
+    animation slide-in .6s 0s backwards
+    margin-bottom .5rem
 
     &.more-page
       margin-bottom 0
 
-    if hexo-config('hometop.enable')
-      margin-bottom 1rem
-
-    +maxWidth1300()
-      if hexo-config('hometop.enable')
-        margin-bottom 1rem
-      animation slide-in .6s 0s backwards
-
     +minWidth1300()
-      if hexo-config('hometop.enable')
-        margin-bottom .5rem
-      animation slide-in .6s 0s backwards
       &:hover
         border var(--style-border-hover)
         box-shadow var(--efu-shadow-main)
@@ -273,7 +264,7 @@ if hexo-config('says.enable')
         li
           &.item
             position relative
-            width 33%
+            width calc(33% - .06rem)
             border var(--style-border-always)
             border-radius 12px
             padding 1rem 1rem .5rem
@@ -285,10 +276,11 @@ if hexo-config('says.enable')
             align-items flex-start
             background var(--efu-card-bg)
             margin-right .5rem
+            margin-bottom .5rem
             box-shadow var(--efu-shadow-border)
 
             +maxWidth1300()
-              width 49%
+              width 49.5%
               margin-right 1%
 
             +maxWidth768()
@@ -311,7 +303,6 @@ if hexo-config('says.enable')
         display flex
         flex-direction row
         flex-wrap wrap
-        justify-content space-between
 
     li
       &.item

package/source/css/_tags/gallery.styl

@@ -3,7 +3,7 @@
     position: relative
     float: left
     overflow: hidden
-    margin: 6px 4px
+    margin: 0
     width: calc(50% - 8px)
     height: 250px
     border-radius: 8px
@@ -92,8 +92,10 @@
         transform: translate3d(-100%, 0, 0)
 
   .gallery-group-main
-    overflow: auto
-    padding: 0 0 16px
+    overflow auto
+    display flex
+    gap .5rem
+    margin-top .5rem
 
   .gallery-item
     min-height 5rem

package/source/js/main.js

@@ -163,7 +163,7 @@ let is_rm = typeof rm !== 'undefined'
 /**
  * sco
  * @description solitude 主题的一些方法
- * @type {{showConsole: (function(): boolean), setTimeState: sco.setTimeState, toTop: (function(): void), changeTimeFormat(*): void, hideCookie: sco.hideCookie, owoBig(*): void, switchDarkMode: sco.switchDarkMode, openAllTags: sco.openAllTags, switchHideAside: sco.switchHideAside, addRuntime: sco.addRuntime, refreshWaterFall: sco.refreshWaterFall, categoriesBarActive: sco.categoriesBarActive, addNavBackgroundInit: sco.addNavBackgroundInit, toPage: sco.toPage, changeSayHelloText: sco.changeSayHelloText, initConsoleState: (function(): void), switchComments(): void, switchKeyboard: sco.switchKeyboard, initAdjust: sco.initAdjust, listenToPageInputPress: sco.listenToPageInputPress, scrollTo: sco.scrollTo, musicToggle: sco.musicToggle, toTalk: sco.toTalk, switchCommentBarrage: sco.switchCommentBarrage, hideTodayCard: (function(): void), scrollCategoryBarToRight: sco.scrollCategoryBarToRight, scrollToComment: sco.scrollToComment, initbbtalk: sco.initbbtalk, tagPageActive: sco.tagPageActive, hideConsole: (function(): void), addPhotoFigcaption: sco.addPhotoFigcaption}}
+ * @type {{showConsole: (function(): boolean), setTimeState: sco.setTimeState, toTop: (function(): void), changeTimeFormat(*): void, hideCookie: sco.hideCookie, owoBig(*): void, switchDarkMode: sco.switchDarkMode, openAllTags: sco.openAllTags, switchHideAside: sco.switchHideAside, addRuntime: sco.addRuntime, refreshWaterFall: sco.refreshWaterFall, categoriesBarActive: sco.categoriesBarActive, addNavBackgroundInit: sco.addNavBackgroundInit, toPage: sco.toPage, changeSayHelloText: sco.changeSayHelloText, initConsoleState: (function(): void), switchComments(): void, switchKeyboard: sco.switchKeyboard, listenToPageInputPress: sco.listenToPageInputPress, scrollTo: sco.scrollTo, musicToggle: sco.musicToggle, toTalk: sco.toTalk, switchCommentBarrage: sco.switchCommentBarrage, hideTodayCard: (function(): void), scrollCategoryBarToRight: sco.scrollCategoryBarToRight, scrollToComment: sco.scrollToComment, initbbtalk: sco.initbbtalk, tagPageActive: sco.tagPageActive, hideConsole: (function(): void), addPhotoFigcaption: sco.addPhotoFigcaption}}
  */
 let sco = {
     /**
@@ -507,26 +507,6 @@ let sco = {
         const scrollTop = document.documentElement.scrollTop;
         (scrollTop !== 0) && document.getElementById("page-header").classList.add("nav-fixed", "nav-visible");
     },
-    /**
-     * initAdjust
-     * @description 初始化调整
-     */
-    initAdjust: function () {
-        const $blogName = document.getElementById('site-name');
-        const $menusEle = document.querySelector('#menus .menus_items');
-        const $searchEle = document.querySelector('#search-button');
-        const $nav = document.getElementById('nav');
-        const blogNameWidth = $blogName && $blogName.offsetWidth;
-        const menusWidth = $menusEle && $menusEle.offsetWidth;
-        const searchWidth = $searchEle && $searchEle.offsetWidth;
-        const shouldHideMenu = window.innerWidth < 768 || blogNameWidth + menusWidth + searchWidth > $nav?.offsetWidth - 120;
-        if (shouldHideMenu) {
-            $nav?.classList.add('hide-menu');
-        } else {
-            $nav?.classList.remove('hide-menu');
-        }
-        $nav?.classList.add('show');
-    },
     /**
      * toPage
      * @description 跳转到指定页
@@ -822,7 +802,7 @@ window.refreshFn = () => {
 }
 // 页面加载完成后执行
 document.addEventListener('DOMContentLoaded', () => {
-    [sco.initAdjust, addCopyright, sco.initConsoleState, window.refreshFn, asideStatus, () => window.onscroll = percent].forEach(fn => fn());
+    [addCopyright, sco.initConsoleState, window.refreshFn, asideStatus, () => window.onscroll = percent].forEach(fn => fn());
 });
 // 一些快捷键绑定
 window.onkeydown = e => {