hexo-theme-solitude 1.6.0 → 1.7.0

package/scripts/helper/related_post.js

@@ -5,7 +5,7 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
     const config = hexo.theme.config
     const limitNum = config.related_post.limit || 6
     const dateType = config.related_post.date_type || 'created'
-    const headlineLang = this._p('喜欢这篇的人也看了')
+    const headlineLang = this._p('star')
 
     currentPost.tags.forEach(function (tag) {
         allPosts.forEach(function (post) {
@@ -36,7 +36,7 @@ hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
     relatedPosts.sort(compare('weight', dateType))
 
     let result = '<div class="relatedPosts">'
-    result += `<div class="headline"><i class="solitude st-star-smile-fill"></i><span>${headlineLang}</span><div class="relatedPosts-link"><a onclick="event.preventDefault(); toRandomPost();" href="javascript:void(0);" rel="external nofollow" data-pjax-state="">随便逛逛</a></div></div>`
+    result += `<div class="headline"><i class="solitude st-star-smile-fill"></i><span>${headlineLang}</span><div class="relatedPosts-link"><a onclick="event.preventDefault(); toRandomPost();" href="javascript:void(0);" rel="external nofollow" data-pjax-state="">${this._p('random')}</a></div></div>`
     result += '<div class="relatedPosts-list">'
 
     for (let i = 0; i < Math.min(relatedPosts.length, limitNum); i++) {

package/scripts/tags/tabs.js

@@ -1,6 +1,6 @@
 /**
  * Tabs
- * from butterfly
+ * from solitude
  */
 
 'use strict'

package/source/css/_comments/{index.styl → comment.styl}

@@ -72,21 +72,6 @@ div#post-comment
       a:hover
         color var(--efu-main)
 
-  .comment-tips
-    background-color rgba(103, 194, 58, 0.13)
-    border var(--style-border-always)
-    border-color var(--efu-green)
-    color var(--efu-green)
-    border-radius 8px
-    padding 8px 12px
-    margin-top 0.5rem
-    display none
-    width 100%
-
-    &.show
-      display flex
-      font-weight 700
-
   blockquote
     background var(--efu-secondbg)
     border var(--style-border)
@@ -104,10 +89,18 @@ div#post-comment
     flex-wrap wrap
     position relative
 
-.comment-randomInfo
-  margin-left auto
-  font-size 13px
-
-  &:hover
-    a
-      color var(--efu-theme)
+#owo-big
+  position fixed
+  align-items center
+  background-color var(--heo-card-bg)
+  border var(--style-border-always)
+  border-radius 10px
+  z-index 9999
+  display none
+  transform translate(0, -105%)
+  overflow hidden
+  animation owoIn .3s cubic-bezier(.42,0,.3,1.11)
+  padding 1rem
+
+@import 'twikoo.styl' when hexo-config('comment.type') == 'twikoo'
+@import 'valine.styl' when hexo-config('comment.type') == 'valine'

package/source/css/_comments/twikoo.styl

@@ -1,4 +1,7 @@
 #twikoo
+  .tk-admin-config-group-title
+    margin-top 0
+    line-height normal
   .tk-row
     .tk-col
       flex-direction column-reverse !important

package/source/css/_comments/valine.styl

@@ -0,0 +1,245 @@
+#comment
+  .vcount
+    display none !important
+
+  .vpreview-btn
+    display none
+
+  .vemoji-btn
+    position absolute
+    bottom 4.5px
+    left 50px
+
+  .vpanel
+    display flex
+    flex-direction column
+    position relative
+
+    .vemojis
+      display: none;
+      position: absolute;
+      left: 0;
+      right: 0;
+      max-width: 500px;
+      color: #4a4a4a;
+      border: 1px solid rgba(144, 147, 153, 0.31);
+      top: 6.7rem
+      z-index: 1000;
+      animation: .3s ease .1s 1 normal both running donate_effcet
+      width: 500px;
+      border: var(--style-border-always)
+      border-radius: 8px !important;
+      overflow: hidden;
+      background-color: var(--efu-maskbg)
+      backdrop-filter: saturate(180%) blur(10px);
+      transform: translateZ(0);
+      overflow-y: auto;
+      padding: 10px;
+
+  .vwrap
+    flex 1
+    display flex
+    border none !important
+    padding 0
+    overflow: inherit;
+    flex-direction column-reverse
+
+    .vheader
+      display flex
+      margin .5rem 0
+      position relative
+      width calc(100% - 5.5rem)
+      gap .5rem
+
+      +maxWidth768()
+        flex-direction column
+
+      input
+        border-radius 12px
+        width calc((100% - 1rem) / 3)
+        flex 1
+        position relative
+        font-size 13px
+        background var(--efu-secondbg)
+        border var(--style-border-always)
+        padding 6px 10px
+        line-height 1
+
+        +maxWidth768()
+          width 100%
+
+  .vquote
+
+    .vcard
+      background: var(--efu-card-bg);
+      border none
+      border-top: var(--style-border-dashed);
+      border-radius: 12px;
+      transition: .3s;
+      padding: 1rem 0 0;
+      margin-top: 0;
+      box-shadow: none;
+
+  .vreply-wrapper
+
+    .vrow .vcol:first-child
+      bottom 78px
+
+      +maxWidth768()
+        bottom 164px
+
+    .vrow .vcol.text-right:not(.vctrl)
+      bottom 31px
+
+      +maxWidth768()
+        bottom 117px
+
+    .cancel-reply
+      display flex !important
+      flex-direction row
+      justify-content center
+      margin 0
+
+    .cancel-reply-btn
+      position inherit
+
+  .vrow
+    padding 0
+
+    .vcol
+      position absolute
+
+      &:first-child
+        bottom 56px
+        left 20px
+        width auto
+
+        +maxWidth768()
+          bottom 141px
+
+      &.text-right:not(.vctrl)
+        bottom 9px
+        right 0
+        transition .3s
+        border 0 solid var(--efu-main)
+        width 5rem
+        margin-left .5rem
+        border-radius 12px
+        height 34px
+
+        +maxWidth768()
+          bottom 94px
+
+        button
+          background-color var(--efu-fontcolor)
+          width 100%
+          height 100%
+          color var(--efu-card-bg)
+          border-radius 12px
+          opacity .2
+
+          +maxWidth768()
+            height 119px
+
+      svg
+        width 18px
+        height 18px
+
+  #veditor
+    display block
+    padding 16px 16px 40px 16px
+    line-height 1.5
+    width 100%
+    font-size 14px
+    background var(--efu-secondbg)
+    color var(--efu-fontcolor)
+    border-radius 12px
+    min-height 121px
+    border var(--style-border-always)
+
+    &:focus
+      border var(--style-border-hover-always)
+      box-shadow var(--efu-shadow-main)
+
+  .vcard
+    margin-top: 0
+    margin-bottom: .5rem
+    background: var(--efu-card-bg);
+    transition: .3s;
+    border-radius: 12px;
+    padding: 0;
+    padding-top: .5rem;
+    border: none;
+    border-top: var(--style-border-dashed);
+    display: flex;
+    flex-direction: row;
+    word-break: break-all;
+
+    +maxWidth768()
+      padding: 1rem;
+      border: var(--style-border-always);
+      box-shadow: var(--efu-shadow-border)
+
+    .vimg
+      width 32px
+      height 32px
+      border-radius 32px
+      cursor pointer
+      margin-right 16px
+
+      &:hover
+        transform: rotate(360deg)
+
+    .vh
+      flex 1
+      padding 0
+      border 0
+
+      .vhead
+        display flex
+        align-items center
+        gap: 5px;
+
+    .vnick
+      font-size 1rem
+      line-height 32px
+      margin-right 0
+
+    .vsys
+      background: var(--efu-card-bg);
+      border: var(--style-border-always);
+      padding: 3px 5px
+      border-radius: 8px;
+      color: var(--efu-secondtext)
+      display: inline
+      font-size: .5rem;
+
+    .vat
+      display: flex;
+      align-items: center;
+      color: var(--efu-lighttext)
+      padding: 3px 12px
+      transition: all .3s;
+      border-radius: 8px;
+      background-color: var(--efu-secondbg);
+      border: var(--style-border-always);
+      position: absolute;
+      right: 0;
+      bottom: 18px
+
+      &:hover
+        background-color: var(--efu-lighttext)
+        color: var(--efu-card-bg)
+
+  .vquote
+    border-left none
+
+  .vicon.actived
+    fill var(--efu-main)
+
+#page
+  .vcard
+    padding: 1rem 1rem 1.5rem;
+    border: var(--style-border);
+    border-top: var(--style-border);
+    box-shadow: var(--efu-shadow-border);

package/source/css/_global/index.styl

@@ -66,6 +66,9 @@ body
   line-height 2
   -webkit-tap-highlight-color transparent
   margin 0
+  if !hexo-config('copy.enable')
+    user-select none
+    -webkit-user-select none
 
 *
   box-sizing border-box

package/source/css/_highlight/highlight/index.styl

@@ -28,7 +28,7 @@ figure
           color var(--efu-secondtext)
           background var(--efu-secondbg)
           border-right var(--style-border-always)
-          text-align right
+          text-align center
 
       &.code
         width 100%

package/source/css/_highlight/prismjs/line-number.styl

@@ -6,7 +6,7 @@
       > code
         display block
         position relative
-        padding 8px 0 8px 45px
+        padding 8px 0 8px 38px
 
       .line-numbers-rows
         position absolute

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

@@ -47,7 +47,7 @@
       display flex
       flex-direction column
       -webkit-box-flex 1
-      flex 1 1 0%
+      flex 1 1 0
 
       a
         overflow hidden

package/source/css/_layout/aside.styl

@@ -205,7 +205,7 @@ if "about" in aside
 
     > .card-widget.card-info
       &:before
-        background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep), var(--efu-main), var(--efu-main-op-deep))
+        background linear-gradient(-25deg, var(--efu-main), var(--efu-main-op-deep))
         background-size 400%
         position absolute
         width 100%
@@ -336,7 +336,7 @@ if "about" in aside
         .author-info__description
           line-height 1.38
           margin .3rem 0
-          text-align justify
+          text-align left
           color var(--efu-card-bg)
 
           b
@@ -345,7 +345,7 @@ if "about" in aside
         .author-info__description2
           line-height 1.38
           margin .3rem 0
-          text-align justify
+          text-align left
           width 100%
           z-index 2
           color var(--efu-card-bg)

package/source/css/_layout/console.styl

@@ -170,7 +170,7 @@
       transition .3s
       cursor pointer
 
-      a.darkmode_switchbutton
+      span.darkmode_switchbutton
         [data-theme="dark"] &
           background var(--efu-orange)
           color var(--efu-white)
@@ -180,10 +180,10 @@
         margin-right .5rem
 
       &:hover
-        a
+        span
           background var(--efu-main)
 
-      a
+      span
         width 100%
         height 100%
         background var(--efu-card-bg)
@@ -193,22 +193,23 @@
         align-items center
         justify-content center
         color var(--efu-fontcolor)
+        transition all .3s
 
         i
           font-size 1rem
 
       &.on
-        a
+        span
           background var(--efu-orange)
           color var(--efu-white)
           transition .3s
 
       &:not(.on)
-        a:hover
+        span:hover
           background var(--efu-main)
 
       &:hover
-        a
+        span
           color var(--efu-white)
 
   .console-card.tags

package/source/css/_layout/footer.styl

@@ -161,6 +161,7 @@
 
     .random-friends-btn
       display flex
+      margin-left 8px
 
   /#footer-bar
     padding 1rem

package/source/css/_layout/header.styl

@@ -886,6 +886,8 @@ if hexo-config('nav.group')
           height 35px
           line-height 35px
           border-radius 40px
+          if hexo-config('language') == 'en'
+            letter-spacing 0
 
 #travellings_button
   display inline

package/source/css/_layout/sidebar.styl

@@ -22,7 +22,6 @@
     height 100%
     background var(--efu-maskbgdeep)
     transition all .5s ease 0s
-    padding-top 30px
     z-index 1001
     border-left var(--style-border-always)
 
@@ -48,6 +47,33 @@
           .site-page span:hover
             color var(--efu-white)
 
+    .site-data
+      display flex
+      width 100%
+      justify-content flex-start
+      margin 12px 0 0 0
+      padding .6rem 16px
+
+      .data-item
+        display flex
+        justify-content flex-start
+        margin-right 36px
+
+        .data-item-link > a
+          display flex
+          flex-direction column
+          align-items flex-start
+
+        .data-item-link .length-num
+          color var(--efu-fontcolor)
+          font-size 20px
+          font-weight 700
+          line-height 1
+
+        .data-item-link .headline
+          font-size 12px
+          color var(--efu-secondtext)
+
     .menus_items
       padding 0 16px
 
@@ -137,22 +163,6 @@
         &:hover
           transform rotate(360deg)
 
-    .site-data
-      display table
-      padding .6rem .5rem 0
-      width 100%
-      table-layout fixed
-
-      .data-item
-        display table-cell
-
-        .data-item-link .length-num
-          color var(--text-highlight-color)
-          font-size 1.28em
-
-        .data-item-link .headline
-          color var(--efu-fontcolor)
-
     hr
       margin 1rem auto
 
@@ -188,14 +198,14 @@
       padding 0 16px
       margin-bottom 6px
 
-      a.darkmode_switchbutton
+      span.darkmode_switchbutton
         padding 4px 8px
 
         [data-theme="dark"] &
           background var(--efu-orange)
           color var(--efu-white)
 
-      a.menu-child
+      span.menu-child
         width 100%
         background var(--efu-card-bg)
         border-radius 8px
@@ -211,7 +221,7 @@
           align-items center
           justify-content center
 
-      a.menu-child span
+      span.menu-child span
         margin-left 10px
 
     .webinfo

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

@@ -334,7 +334,7 @@
   border-radius 60px
   margin-bottom 12px
   color var(--efu-white)
-  width 94px
+  width 100px
   position relative
   background-size 200%
 

package/source/css/_page/_home/recent-post.styl

@@ -118,7 +118,7 @@ if hexo-config('index_post_list.direction') == "column"
           overflow hidden
           -webkit-box-orient vertical
           padding 5px 32px
-          color var(--efu-gray)
+          opacity .8
           font-size 14px
           line-height 1.8
 
@@ -338,7 +338,7 @@ else if hexo-config('index_post_list.direction') == "row"
           overflow hidden
           -webkit-box-orient vertical
           padding 5px 32px
-          color var(--efu-gray)
+          opacity .8
           font-size 14px
           line-height 1.8
           +maxWidth768()

package/source/css/_page/index.styl

@@ -31,7 +31,4 @@ if hexo-config('music.enable')
 @import "share.styl"
 
 if hexo-config('google_adsense.enable')
-  @import "google.styl"
-
-if hexo-config('message.enable')
-  @import "message/index.styl"
+  @import "google.styl"

package/source/css/_page/links.styl

@@ -28,7 +28,7 @@
       top 0
       width 100px
       height 50px
-      background-image -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0))
+      background-image -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0))
       animation light_tag 4s both infinite
 
     &.vip
@@ -73,7 +73,6 @@
         width calc(50% - 16px)
 
       .img
-        -webkit-mask-image -webkit-radial-gradient(center, #fff, #000)
         border-radius 0
         height 120px
         width 100%
@@ -81,7 +80,6 @@
         border none
         padding 0
         transition all .3s ease 0s
-        background #f6f6f6
         overflow hidden
 
         img
@@ -114,6 +112,7 @@
           height 20px
           min-width 20px
           min-height 20px
+          transform scale(1.1)
           background var(--efu-secondbg)
 
         .site-card-text
@@ -147,15 +146,17 @@
       &:hover
         border var(--style-border-hover)
         box-shadow var(--efu-shadow-main)
+        background var(--efu-main)
 
         .site-card-tag
           left: -60px
 
         .img
-          transform scale(1.1)
+          transform scale(1)
           filter brightness(.3)
           border-radius 12px
           background var(--efu-lighttext)
+          background var(--efu-main)
           +minWidth768()
             height 80px
 
@@ -191,7 +192,6 @@
     padding 0
     margin 0.5rem -6px 1rem -6px
     overflow-x hidden
-    overflow auto
     text-align center
 
     &.mini

package/source/css/_post/content.styl

@@ -9,15 +9,20 @@
 
   a
     color var(--efu-fontcolor)
-    padding 0 4px
     border-radius 4px 4px 0 0
 
-    &:not(.fancybox):hover
-      border 0
-      text-decoration none
-      color var(--efu-white)
-      border-radius 4px
-      background var(--efu-main)
+    border-bottom 2px dotted var(--efu-lighttext)
+    font-weight 700
+
+    &:not(.fancybox)
+      padding 0 4px
+
+      &:hover
+        border 0
+        text-decoration none
+        color var(--efu-white)
+        border-radius 4px
+        background var(--efu-main)
 
   .table-wrap
     margin 1rem 0
@@ -63,6 +68,20 @@
     img
       margin auto
 
+    a
+      &:not(.fancybox)
+        text-decoration none
+        border-bottom 2px dotted var(--efu-lighttext)
+        color var(--efu-fontcolor)
+        font-weight 700
+        padding 0 4px
+        border-radius 4px 4px 0 0
+
+        &:hover
+          color var(--efu-white)
+          border-radius 4px
+          background var(--efu-main)
+
   code:not([class*='language-'])
     color var(--efu-white)
     padding 0.2rem 0.4rem