hexo-theme-solitude 1.2.6 → 1.3.1

package/source/css/_widgets/_post/_highlight/index.styl

@@ -0,0 +1,144 @@
+figure
+  &:hover
+    box-shadow var(--sco-shadow-border-hover)
+
+  .copy-btn
+    position absolute
+    top 1rem
+    right 1rem
+    z-index 10
+    color var(--sco-fontcolor)
+    cursor pointer
+    transition all .2s ease 0s
+
+    &:hover
+      color var(--sco-lighttext)
+
+  &.highlight
+    background-color var(--sco-hl-bg)
+    color var(--sco-fontcolor)
+    border var(--style-border-always)
+    overflow hidden
+    border-radius 8px 8px 4px 4px
+    position relative
+    margin .5rem 0 .5rem
+    padding 0
+    line-height 1.6
+
+    pre
+      margin 0
+      padding 8px 0
+      border none
+
+    .highlight-tools
+      position relative
+      display flex
+      -webkit-box-align center
+      align-items center
+      overflow hidden
+      min-height 1.2rem
+      height 2.15em
+      font-size 16px
+      background var(--sco-hltools-bg)
+      border-bottom var(--style-border-always)
+      color var(--sco-fontcolor)
+
+      .sco-copy-fill
+        position absolute
+        cursor pointer
+        transition color .2s
+        font-size 18px
+
+      .sco-copy-fill:hover
+        color var(--sco-main)
+
+      .expand
+        position absolute
+        padding 0.4rem 0.3rem
+        cursor pointer
+        transition transform .3s ease 0s
+
+        &.closed
+          transition all .3s ease 0s
+
+      .code-lang
+        text-transform capitalize
+        position absolute
+        font-weight 700
+        font-size 1.15em
+        user-select none
+
+    .code-expand-btn
+      background var(--sco-hltools-bg)
+      transition .3s
+      backdrop-filter saturate(180%) blur(20px)
+      transform translateZ(0)
+      border-top var(--style-border-always)
+      position absolute
+      bottom 0
+      z-index 10
+      width 100%
+      text-align center
+      font-size 16px
+      cursor pointer
+      display flex
+      align-items center
+      justify-content center
+      height 32px
+
+      i
+        color var(--sco-fontcolor)
+        font-size 14px
+        line-height 1
+        animation 1.2s ease 0s infinite normal none running code-expand-key
+
+      &:hover
+        background var(--sco-main)
+
+        i
+          color var(--sco-white)
+
+    table
+      display block
+      border none
+      overflow-y hidden
+      overflow-x auto
+
+      td
+        padding 0
+        border none
+        height 100%
+
+        &.gutter
+          opacity .6
+          user-select none
+
+          pre
+            overflow auto
+            line-height 1.6
+            margin 0
+            padding 8px .5rem
+            border none
+            color var(--sco-secondtext)
+            background var(--sco-secondbg)
+            border-right var(--style-border-always)
+            text-align right
+
+        &.code
+          width 100%
+          display flex
+          position relative
+
+          pre
+            padding-right .5rem
+            padding-left .5rem
+            width 100%
+
+    .line
+      &.marked
+        background-color: rgba(97, 97, 97, .314)
+
+@import "theme"
+@import "diff"
+
+@import "theme/" + hexo-config('hightlight.theme')

package/source/css/_widgets/_post/_highlight/theme/default.styl

@@ -0,0 +1,12 @@
+figure
+  &.highlight
+    .highlight-tools
+      .sco-copy-fill
+        right .7rem
+
+    .expand
+      & + .code-lang
+        left 1.7rem
+
+      &.closed
+        transform rotate(-90deg)

package/source/css/_widgets/_post/_highlight/theme/mac.styl

@@ -0,0 +1,25 @@
+figure
+  &.highlight
+    .highlight-tools
+      .sco-copy-fill
+        right 1.7rem
+
+      &:after
+        position absolute
+        left 14px
+        width 12px
+        height 12px
+        border-radius 50%
+        background #fc625d
+        -webkit-box-shadow 20px 0 #fdbc40, 40px 0 #35cd4b
+        box-shadow 20px 0 #fdbc40, 40px 0 #35cd4b
+        content ' '
+
+      .expand
+        right 0
+
+        & + .code-lang
+          left 75px
+
+        &.closed
+          transform rotate(90deg)

package/source/css/_widgets/_post/_highlight/theme.styl

@@ -0,0 +1,68 @@
+$highlight_color = hexo-config('hightlight.color')
+
+if $highlight_color == "default"
+  $highlight-comment = #969896
+  $highlight-red = #FF5370
+  $highlight-orange = #F78C6C
+  $highlight-yellow = #FFCB6B
+  $highlight-green = #C3E88D
+  $highlight-aqua = #89DDFF
+  $highlight-blue = #82AAFF
+  $highlight-purple = #C792EA
+  $highlight-deletion = #BF42BF
+  $highlight-addition = #105EDE
+else if $highlight_color == "vscode"
+  $highlight-comment = #6A9955
+  $highlight-red = #D16969
+  $highlight-orange = #D7BA7D
+  $highlight-yellow = #D7BA7D
+  $highlight-green = #608B4E
+  $highlight-aqua = #4EC9B0
+  $highlight-blue = #569CD6
+  $highlight-purple = #C586C0
+  $highlight-deletion = #D16969
+  $highlight-addition = #608B4E
+else if $highlight_color == "solarized-dark"
+  $highlight-comment = #93A1A1
+  $highlight-red = #DC322F
+  $highlight-orange = #CB4B16
+  $highlight-yellow = #B58900
+  $highlight-green = #859900
+  $highlight-aqua = #2AA198
+  $highlight-blue = #268BD2
+  $highlight-purple = #6C71C4
+  $highlight-deletion = #DC322F
+  $highlight-addition = #859900
+else if $highlight_color == "solarized-light"
+  $highlight-comment = #586E75
+  $highlight-red = #D30102
+  $highlight-orange = #BD3613
+  $highlight-yellow = #A57705
+  $highlight-green = #728A05
+  $highlight-aqua = #259185
+  $highlight-blue = #2176C7
+  $highlight-purple = #6C71C4
+  $highlight-deletion = #D30102
+  $highlight-addition = #728A05
+else if $highlight_color == "dracula"
+  $highlight-comment = #6272A4
+  $highlight-red = #FF5555
+  $highlight-orange = #FFB86C
+  $highlight-yellow = #F1FA8C
+  $highlight-green = #50FA7B
+  $highlight-aqua = #8BE9FD
+  $highlight-blue = #BD93F9
+  $highlight-purple = #FF79C6
+  $highlight-deletion = #FF5555
+  $highlight-addition = #50FA7B
+else if $highlight_color == "monokai"
+  $highlight-comment = #75715E
+  $highlight-red = #F926
+  $highlight-orange = #FD971F
+  $highlight-yellow = #E6DB74
+  $highlight-green = #A6E22E
+  $highlight-aqua = #66D9EF
+  $highlight-blue = #AE81FF
+  $highlight-purple = #F92672
+  $highlight-deletion = #F926
+  $highlight-addition = #A6E22E

package/source/css/_widgets/_post/commentBarrage.styl

@@ -0,0 +1,144 @@
+.comment-barrage
+  position fixed
+  bottom 0
+  right 20px
+  padding 0 0 20px 10px
+  display flex
+  flex-direction column
+  justify-content flex-end
+  z-index 999
+  transition all .3s ease 0s
+  user-select none
+
+  +maxWidth768()
+    display none !important
+
+  .comment-barrage-item
+    min-width 300px
+    max-width 300px
+    width fit-content
+    min-height 80px
+    max-height 150px
+    margin 4px
+    padding 8px 14px
+    background var(--sco-maskbgdeep)
+    border-radius 8px
+    color var(--sco-fontcolor)
+    animation 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) 0s 1 normal none running barrageIn;
+    transition all 0.3s ease 0s
+    display: flex
+    flex-direction column
+    border var(--style-border)
+    backdrop-filter saturate(180%) blur(20px)
+    box-shadow var(--sco-shadow-border)
+    overflow hidden
+
+    &:hover
+      border var(--style-border-hover)
+      box-shadow var(--sco-shadow-main)
+
+    &.out
+      opacity 0
+      animation 0.6s cubic-bezier(0.42, 0, 0.3, 1.11) 0s 1 normal none running barrageOut
+
+    &.hovered
+      opacity 0
+
+    .comment-barrage-close
+      color var(--sco-secondtext)
+      cursor pointer
+      line-height 1
+      margin 4px
+
+      &:hover
+        color var(--sco-main)
+
+      .scoicon
+        color var(--sco-fontcolor)
+        font-size 18px
+
+    .barrageHead
+      height 30px
+      padding 0 0 6px
+      line-height 30px
+      font-size 12px
+      border-bottom var(--style-border)
+      display flex
+      justify-content space-between
+      align-items center
+      font-weight 700
+
+      .barrageTitle
+        color var(--sco-card-bg)
+        margin-right 8px
+        background var(--sco-fontcolor)
+        line-height 1
+        padding 4px
+        border-radius 4px
+        white-space nowrap
+
+        &:hover
+          background var(--sco-main)
+          color var(--sco-white)
+
+    .barrageAvatar
+      width 16px
+      height 16px
+      margin 0 8px 0 auto
+      border-radius 50%
+      background var(--sco-secondbg)
+
+    .barrageContent
+      height calc(100% - 30px)
+      overflow hidden
+      width fit-content
+      max-height 48px
+      font-size 14px !important
+      font-weight 400 !important
+
+      h1, h2, h3, h4
+        font-size 14px !important
+        font-weight 400 !important
+        margin 8px 0 !important
+
+      a
+        pointer-events none
+        font-size 14px !important
+
+      p
+        margin 8px 0
+        line-height 1.3
+        overflow hidden
+        text-overflow ellipsis
+        -webkit-line-clamp 2
+        display -webkit-box
+        -webkit-box-orient vertical
+        font-size 14px
+        max-width 270px
+
+        img:not(.tk-owo-emotion)
+        display none
+        img.tk-owo-emotion
+          width 16px
+          padding 0
+          margin 0
+          transform translateY(2px)
+
+      pre
+        display none
+
+      li
+        display none
+
+      blockquote
+        display none
+
+      br
+        display none
+
+      &::-webkit-scrollbar
+        height 0
+        width 4px
+
+      &::-webkit-scrollbar-button
+        display none

package/source/css/_widgets/_post/content.styl

@@ -0,0 +1,152 @@
+#article-container
+  overflow-wrap break-word
+
+  .table-wrap
+    margin 1rem 0
+    border-radius 8px
+    overflow-x scroll
+
+  .headerlink
+    float right
+    opacity .08
+    position relative
+    padding 0
+    border none
+    border-radius 8px
+    line-height 1
+    font-size .8rem
+
+    &::before
+      content "\e082"
+      font-family scoicon
+      cursor pointer
+
+    &:hover
+      opacity 1
+
+      &::before
+        color var(--sco-main)
+
+  p
+    font-size .9rem
+    line-height 1.7
+    font-weight 400
+    margin 1rem 0
+    text-align left
+    letter-spacing .6px
+
+    img
+      margin auto
+
+  code
+    color var(--sco-white)
+    padding 0.2rem 0.4rem
+    border-radius 4px
+    margin 0 4px
+    background var(--sco-pink)
+    line-height 2
+    box-shadow var(--sco-shadow-border)
+
+  img
+    cursor zoom-in
+    border-radius 12px
+    object-fit cover
+    display block
+    margin 0.8rem auto
+    max-width 90%
+    max-height 450px
+
+  a:not(.headerlink)
+    border-bottom 2px dotted var(--sco-lighttext)
+    color var(--sco-fontcolor)
+    font-weight 700
+    padding 0 4px
+    border-radius 4px 4px 0 0
+
+    &:hover
+      text-decoration none
+      background var(--sco-main)
+      border-width 0
+      color var(--sco-white)
+      border-radius 4px
+
+  ul, ol
+    padding 0
+    margin-top 0.4rem
+    list-style none
+    counter-reset li 0
+
+    li
+      &:before
+        position absolute
+        top 0
+        left 0
+        color var(--sco-fontcolor)
+        transition all .3s ease-out 0s
+        background var(--sco-lighttext)
+
+      &:not(.tab)
+        position relative
+        margin 0.2rem 0
+
+  ul
+    > li
+      &:not(.tab)
+        padding 0.2em 0.2em 0.2em 1.4em
+
+        &:before
+          top 0.78em
+          width 0.42em
+          height 0.42em
+          border-radius 0.42em
+          background 0 0
+          content ""
+          line-height .42em
+          border 0.21em solid var(--sco-lighttext)
+          background var(--sco-lighttext)
+
+  ol
+    > li
+
+      &:not(.tab)
+        padding .2em .2em .2em 1.8em
+
+      &:before
+        margin-top .65em
+        width 1.45em
+        height 1.45em
+        border-radius .725em
+        content counter(li)
+        counter-increment li 1
+        text-align center
+        font-size .85em
+        color var(--sco-white)
+        line-height 1.45em
+
+  // 文章内容样式
+
+  &.post-content
+    h1, h2, h3, h4
+      display flex
+      align-items center
+      justify-content space-between
+      flex-direction row-reverse
+      transition all .2s ease-out 0s
+
+    h1
+      font-size 1.5rem
+      line-height 1.3
+
+    h2
+      font-size 1.3rem
+      line-height 1.3
+      border-top 1px dashed var(--sco-theme-op)
+      padding-top 1.5rem
+
+    h3
+      font-size 1.1rem
+      line-height 1.3
+
+    h4
+      font-size 1.1rem
+      line-height 1.3

package/source/css/_widgets/_post/copyright.styl

@@ -0,0 +1,98 @@
+#post
+  .post-copyright
+    background var(--sco-secondbg)
+    border-width 1px
+    transition 0.3s
+    position relative
+    margin 80px 0 30px
+    border-radius 12px
+    padding 34px 0 20px 0
+    border var(--style-border-always)
+
+    +maxWidth768()
+      box-shadow var(--sco-shadow-border)
+
+    .post-copyright__author_group
+      .post-copyright__author_img
+        width 64px
+        height 64px
+        margin auto
+        border-radius 64px
+        overflow hidden
+        position absolute
+        left calc(50% - 33px)
+        top -33px
+        border var(--style-border-always)
+        box-shadow var(--sco-shadow-main)
+
+        if hexo-config('post.default.copyright.author.enable')
+          &:hover
+            img.post-copyright__author_img_front
+              transform scale(1) translateY(3px)
+
+            img.post-copyright__author_img_back
+              transform scale(.8)
+
+        img
+          width 100%
+          height 100%
+          object-fit cover
+          object-position center
+          position absolute
+          bottom 0
+          left 0
+
+        if hexo-config('post.default.copyright.author.enable')
+          &_back
+            border-radius 66px
+            z-index 10
+
+        if hexo-config('post.default.copyright.author.enable')
+          &_front
+            z-index 20
+            transform scale(1.2) translateY(6px)
+
+      .post-copyright__author_name
+        text-align center
+        font-size 20px
+        font-weight 700
+        margin-top 16px
+        color var(--sco-fontcolor)
+        line-height 1
+
+      .post-copyright__author_desc
+        text-align center
+        font-size 14px
+        color var(--sco-secondtext)
+        margin-top 4px
+
+    .post-copyright__notice
+      font-size 12px
+      margin 0.5rem 0
+
+      .post-copyright-info
+        padding-left 0
+        color var(--sco-secondtext)
+        overflow hidden
+        display -webkit-box
+        -webkit-line-clamp 1
+        -webkit-box-orient vertical
+        text-align center
+
+        +maxWidth768()
+          -webkit-line-clamp 2
+
+        a
+          text-decoration none
+          word-break break-word
+          padding 0 4px
+          border-radius 4px
+          color var(--sco-fontcolor)
+          font-weight 700
+
+          &:hover
+            text-decoration none
+            background-color var(--sco-main)
+            color var(--sco-white)
+            cursor pointer
+            border-radius 4px

package/source/css/_widgets/_post/index.styl

@@ -0,0 +1,20 @@
+// commentBarrage
+if hexo-config('comment.commentBarrage')
+  @import 'commentBarrage'
+
+@import "content"
+
+@import "copyright"
+
+@import "meta"
+
+@import "relatedPost"
+
+@import "tools"
+
+@import "pagination"
+
+@import "_highlight/index"
+
+if hexo-config('thirdparty.ai.enable')
+  @import "postAI"