hexo-theme-solitude 1.4.1 → 1.4.3

package/scripts/helper/related_post.js

@@ -1,9 +1,3 @@
-/**
- * Solitude
- * Related Posts
- * According the tag
- */
-
 'use strict'
 
 hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {

package/scripts/helper/stylus.js

@@ -1,13 +1,12 @@
 hexo.extend.filter.register('stylus:renderer', function (style) {
     const {config, theme} = this
+    const data = hexo.locals.get('data');
 
-    // 侧边栏标签高亮
     if (theme.config.aside.tags.highlight) {
         let array = theme.config.aside.tags.list.map(item => encodeURIComponent(item));
         style.define('highlightTags', array);
     }
 
-    // 侧边栏加载样式控制
     let aside = [
         theme.config.aside.home.noSticky,
         theme.config.aside.home.Sticky,
@@ -17,7 +16,13 @@ hexo.extend.filter.register('stylus:renderer', function (style) {
         theme.config.aside.page.noSticky
     ].join(',').split(',');
     let uniqueArr = [...new Set(aside)]; // 去重
-    if (uniqueArr.length > 0) { // 是否为空
+    if (uniqueArr.length > 0) {
         style.define('aside', uniqueArr);
     }
+
+    if (data && data.about) {
+        style.define('about', Object.keys(data.about));
+    } else {
+        style.define('about', []);
+    }
 });

package/source/css/_global/index.styl

@@ -54,8 +54,4 @@
   --card-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.06)
   --card-hover-box-shadow 0 3px 8px 6px rgba(7, 17, 27, 0.15)
   --offset 0px
-  --hlscrollbar-bg #121212
-
-  +maxWidth768()
-    --style-border 0px solid var(--sco-none)
-    --style-border-hover 0px solid var(--sco-main)
+  --hlscrollbar-bg #121212

package/source/css/_layout/basic.styl

@@ -192,7 +192,6 @@ button
 
 img
   border-style none
-  border-radius 8px
   max-width 100%
   transition all .2s ease 0s
   -webkit-user-drag none

package/source/css/_layout/index.styl

@@ -54,40 +54,41 @@ span.tags-punctuation::before
     line-height 32px
 
 // snackbar
-.snackbar-container 
-  background var(--sco-lighttext)!important
-  color var(--sco-card-bg)!important
-  border-radius 0!important
+.snackbar-container
+  background var(--sco-lighttext) !important
+  color var(--sco-card-bg) !important
+  border-radius 0 !important
   display flex
-  justify-content center!important
-  max-width none!important
-  min-width 100%!important
-  margin 0!important
-  left 0!important
-  height 60px!important
-  transform none!important
-
-.snackbar-container p 
-  color var(--sco-card-bg)!important
-  font-weight 700!important
-  text-align center!important
-  font-size .8rem!important
-  display flex!important
-  justify-content center!important
-
-.snackbar-container .action 
-  color var(--sco-card-bg)!important
-  background var(--sco-lighttext)!important
-  padding 4px 6px!important
+  justify-content center !important
+  max-width none !important
+  min-width 100% !important
+  margin 0 !important
+  left 0 !important
+  height 60px !important
+  transform none !important
+
+.snackbar-container p
+  color var(--sco-card-bg) !important
+  font-weight 700 !important
+  text-align center !important
+  font-size .8rem !important
+  display flex !important
+  justify-content center !important
+
+.snackbar-container .action
+  color var(--sco-card-bg) !important
+  background var(--sco-lighttext) !important
+  padding 4px 6px !important
   font-weight 700
-  border-radius 8px!important
+  border-radius 8px !important
   transition .3s
-  border var(--style-border)!important
-.snackbar-container .action:hover 
-  color var(--sco-lighttext)!important
-  background var(--sco-card-bg)!important
+  border var(--style-border) !important
+
+.snackbar-container .action:hover
+  color var(--sco-lighttext) !important
+  background var(--sco-card-bg) !important
 
-.snackbar-container::after 
+.snackbar-container::after
   position absolute
   width 0
   height 100%
@@ -99,8 +100,27 @@ span.tags-punctuation::before
   animation snackbar-progress var(--sco-snackbar-time) linear forwards
   pointer-events none
 
-@keyframes snackbar-progress 
-  from 
+@keyframes snackbar-progress
+  from
     width 0
-  to 
-    width 100%
+  to
+    width 100%
+
+// universe
+if hexo-config('display_mode.universe')
+  #universe
+    display block
+    position fixed
+    margin 0
+    padding 0
+    border 0
+    outline 0
+    left 0
+    top 0
+    width 100%
+    height 100%
+    pointer-events none
+    z-index 1
+  [data-theme=light]
+    #universe
+      display none

package/source/css/_mode/index.styl

@@ -86,4 +86,9 @@
   --style-border-forever 2px solid var(--sco-main)
   --sco-navbg var(--sco-theme-op)
   --sco-hl-bg $hl_bg_light
-  --sco-hltools-bg $hltools_bg_light
+  --sco-hltools-bg $hltools_bg_light
+
+:root
+  +maxWidth768()
+    --style-border 0px solid var(--sco-none)
+    --style-border-hover 0px solid var(--sco-main)

package/source/css/_page/about/index.styl

@@ -10,30 +10,40 @@
     margin 1rem 0
     line-height 1
 
-@import "tenyear"
+if "tenyear" in about
+  @import "tenyear"
 
-@import "author"
+if "authorinfo" in about
+  @import "author"
 
-@import "contentinfo"
+if "contentinfo" in about
+  @import "contentinfo"
 
-@import "skills"
+if "skills" in about
+  @import "skills"
 
-@import "oneself"
+if "oneself" in about
+  @import "oneself"
 
-@import "buff"
+if "motto" in about
+  @import "buff"
+  @import "maxim"
 
-@import "game"
+if "game1" in about
+  @import "game"
 
-@import "personalities"
+if "personalities" in about
+  @import "personalities"
+  @import "myphoto"
 
-@import "myphoto"
+if "careers" in about
+  @import "careers"
 
-@import "careers"
+if "likes" in about
+  @import "like"
 
-@import "like"
+if "tj" in about
+  @import "statistic"
 
-@import "maxim"
-
-@import "statistic"
-
-@import "reward"
+if "award" in about
+  @import "reward"

package/source/css/_page/gallery/index.styl

@@ -0,0 +1,99 @@
+#gallery
+  padding 16px 0
+  display flex
+  flex-wrap wrap
+  -webkit-box-pack start
+  justify-content flex-start
+  margin -8px
+  -webkit-box-align stretch
+  align-items stretch
+
+  .gallery-item
+    overflow hidden
+    border var(--style-border-always)
+    border-radius 12px
+    position relative
+    float left
+    display flex
+    height 250px
+    width calc(100% / 3 - 16px)
+    cursor pointer
+    margin 8px
+
+    &:hover
+      .cover
+        filter brightness(0.5) blur(2px)
+        transition all .3s
+
+      .title::after
+        width 100%
+        transition all .3s
+
+      .desc
+        left 10%
+        transition left .35s
+        text-wrap unset
+
+    .cover
+      width 100%
+      object-fit cover
+      transition all 0.3s
+
+    .title
+      position absolute
+      top 10%
+      left 10%
+      font-weight 700
+      font-size 32px
+      color var(--sco-white)
+
+      &::after
+        top 55px
+        width 0
+        left 0
+        height 3px
+        background var(--sco-white)
+        content ""
+        border-radius 1px
+        position absolute
+        transition all .3s
+
+    .desc
+      position absolute
+      top 35%
+      left 100%
+      width 80%
+      color var(--sco-white)
+      font-size 1.1em
+      transition left .35s
+      letter-spacing 1px
+      text-wrap break-word
+
+#album
+  margin 5px auto
+
+  .locate
+    display flex
+    position absolute
+    left 8px
+    top 8px
+    padding 4px 6px
+    border-radius 8px
+    background var(--sco-black-op)
+    font-size 12px
+    color var(--sco-white)
+    transition .3s
+    z-index 1
+    user-select none
+
+  .sco-gallery-item
+    margin-bottom 24px
+    overflow hidden
+    border-radius 8px
+    transition all .3s
+    border var(--style-border-always)
+
+  .sco-gallery-image
+    width 100%
+    display block
+    height auto

package/source/css/_page/index.styl

@@ -10,7 +10,8 @@
 
 @import "rss.styl"
 
-@import "moment.styl"
+if hexo-config('moments.enable')
+  @import "moment.styl"
 
 if hexo-config('says.enable')
   @import "says.styl"
@@ -21,6 +22,9 @@ if hexo-config('says.enable')
 
 @import "links.styl"
 
+if hexo-config('album.enable')
+  @import "gallery/index.styl"
+
 @import "about/index.styl"
 
 if hexo-config('music.enable')

package/source/css/_page/moment.styl

@@ -150,7 +150,9 @@
     width: fit-content
 
 .cf-article .cf-img-avatar
-  border-radius 50% 
+  border-radius 50% !important
+  right -30px!important
+  bottom -30px!important
 
 #page
   .title-h2-a
@@ -165,7 +167,7 @@
       font-weight: 700
 
       &:hover
-        color: var(--sco-hovertext)
+        color: var(--sco-main)
 
     .title-h2-a-left
       display: flex

package/source/css/_widgets/_comment/twikoo.styl

@@ -122,15 +122,15 @@
   .el-button--primary
     border-color var(--sco-fontcolor) !important
     color var(--sco-card-bg) !important
-    border-radius 4px !important
+    border-radius 12px !important
     box-shadow var(--sco-shadow-black)
     transition .3s
     width 5rem
     position absolute
-    top -53px
+    top -44px
     right 0
     margin-left .5rem !important
-    height 32px
+    height 34px
 
   .el-button--primary.is-disabled,
   .el-button--primary.is-disabled:active,
@@ -140,18 +140,18 @@
 
 .tk-row-actions-start
   position absolute
-  top -100px
+  top -84px
   left 17px
 
 @media screen and (max-width: 768px)
   .tk-submit
     .el-button--primary
       width 5rem
-      height 132px
-      top -161px
+      height 122px
+      top -132px
 
   .tk-row-actions-start
-    top -210px
+    top -170px
 
 .tk-comments-title
   position absolute
@@ -169,14 +169,14 @@
   margin-left 0 !important
 
 .tk-row.actions
-  margin-bottom .5rem !important
+  margin-bottom 0 !important
   margin-left 0 !important
-  margin-top .5rem !important
+  margin-top 0 !important
   justify-content space-around !important
 
 .tk-meta-input
   position relative !important
-  margin-top .8rem
+  margin-top 8px
   width calc(100% - 5.5rem)
 
 .tk-content
@@ -224,12 +224,13 @@
 
 .tk-comments-container
   > .tk-comment
-    margin-top 0 !important
-    margin-bottom .5rem !important
+    margin-top 0!important
+    margin-bottom 0.5rem!important
     background var(--sco-card-bg)
     transition .3s
     border-radius 12px
-    padding .5rem 0 0
+    padding 0
+    padding-top 0.5rem
     border none
     border-top var(--style-border-dashed)
 
@@ -283,6 +284,7 @@
 .tk-meta-input
   .el-input
     .el-input-group__prepend
+      box-shadow none
       border-radius 12px 0 0 12px
       -webkit-user-select none
 
@@ -302,7 +304,6 @@
     .el-input
       margin-left 0 !important
       width 100% !important
-      margin-bottom 8px
 
   .tk-icon
     position absolute
@@ -322,6 +323,7 @@ img.tk-avatar-img
 .el-input.el-input--small.el-input-group.el-input-group--prepend
   border-radius 12px
   background var(--sco-secondbg)
+  border var(--style-border-always)
 
 .el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before
   content '输入QQ号会自动获取昵称和头像'
@@ -365,15 +367,16 @@ img.tk-avatar-img
 .el-input-group__append, .el-input-group__prepend
   background-color var(--sco-card-bg) !important
   color var(--sco-fontcolor) !important
-  border-color var(--sco-card-border) !important
-  border var(--style-border-always) !important
+  border 0 !important
   font-weight 700
 
 .el-input__inner
   background var(--sco-secondbg) !important
-  border 1px solid var(--sco-card-border) !important
+  border 0 !important
   color var(--sco-fontcolor) !important
   padding-left 8px
+  height 32px
+  line-height 32px
   border-radius 12px
 
 .page
@@ -412,7 +415,7 @@ img.tk-avatar-img
   border-radius 8px !important
 
 .el-button:hover
-  background var(--sco-main) !important
+  background var(--sco-black) !important
   color var(--sco-white) !important
 
 .el-button.tk-preview

package/source/css/_widgets/_mixins/keyboard.styl

@@ -0,0 +1,59 @@
+#keyboard-tips
+  position fixed
+  top 80px
+  left 20px
+  z-index 999
+  background var(--sco-maskbgdeep)
+  border-radius 12px
+  border var(--style-border)
+  padding 20px
+  display flex
+  flex-direction column
+  backdrop-filter saturate(180%) blur(20px)
+  transform translateZ(0)
+  pointer-events none
+  box-shadow var(--sco-shadow-border)
+  opacity 0
+  transition .3s
+
+  &.show
+    opacity 1
+    transition .1s
+
+  .keyboardTitle
+    font-size 12px
+    color var(--sco-secondtext)
+    line-height 1
+
+  .keyboardList
+    display flex
+    flex-direction column
+    margin-top 8px
+
+  .keyboardItem
+    display flex
+    margin-top 4px
+
+  .keyGroup
+    display flex
+    align-items center
+    width 90px
+
+    .key
+      padding 0.2em 0.4em
+      font-family inherit
+      background-color var(--sco-card-bg)
+      color var(--sco-fontcolor)
+      border var(--style-border)
+      border-color var(--sco-secondtext)
+      border-bottom 2px solid var(--sco-secondtext)
+      box-shadow var(--sco-shadow-border)
+      border-radius 0.25rem
+      overflow-wrap break-word
+      overflow-x auto
+      font-weight 500
+      font-size .875em
+      margin-right 4px
+      vertical-align baseline
+      line-height 1
+      height 24px

package/source/css/_widgets/_search/algolia-search.styl

@@ -12,10 +12,13 @@
   border var(--style-border)
   transition 0.3s
   border-radius 8px
+  animation slide-in .6s ease 0s 1 normal none running
 
   &:hover
     border var(--style-border-hover)
     box-shadow var(--sco-shadow-theme)
+    +maxWidth768()
+      border none
 
   +maxWidth768()
     top 0
@@ -23,20 +26,35 @@
     margin 0
     width 100%
     height 100%
+    border 0
+
+  .algolia-navbar
+    display flex
+    align-items center
+    margin-bottom 8px
+
+  .algolia-tips
+    color var(--sco-secondtext)
+    right 0
+    margin-left auto
+    opacity .8
 
   .search-close-button
-    position absolute
-    top 0.8rem
-    right 1rem
-    color var(--sco-gray)
+    color var(--sco-secondtext)
     font-size 1.4em
     line-height 1
     cursor pointer
-    transition color .2s ease-in-out 0s
+    padding 4px
+    border-radius 50px
+    margin-left 4px
+    transition .3s
 
     &:hover
       color var(--sco-main)
 
+  .algolia-tips-text
+    margin-left .4rem
+
   #algolia-input-panel
     margin-bottom 8px
 
@@ -65,7 +83,7 @@
       visibility hidden
 
   #search-results
-    padding 8px
+    padding-top 8px
     max-height calc(80vh - 130px)
     overflow-y auto
 
@@ -134,18 +152,9 @@
     right 0
     margin auto
 
-    #algolia-stats
-      margin-bottom 10px
-      color var(--sco-gray)
-      font-size .8rem
-      font-weight bold
-
     .algolia-tips-text
       margin-left .4rem
 
-  #algolia-search-results
-    padding-top 8px
-
 #search-mask
   position fixed
   inset 0
@@ -155,4 +164,16 @@
   backdrop-filter blur(12px)
   -webkit-backdrop-filter blur(12px)
   transform translateZ(0)
-  background var(--sco-maskbgdeep)
+  background var(--sco-maskbgdeep)
+
+#algolia-hits
+  .tag-list
+    padding 4px 8px
+    border-radius 8px
+    margin-right 0.5rem
+    margin-top 0.5rem
+    border var(--style-border-always)
+
+    &:hover
+      background var(--sco-main)
+      color var(--sco-white)