hexo-theme-solitude 1.2.6 → 1.3.0

package/source/css/_widgets/_tags/link.styl

@@ -0,0 +1,80 @@
+#article-container .tag-Link
+  background var(--sco-secondbg)
+  border-radius 8px !important
+  display flex
+  border var(--style-border)
+  flex-direction column
+  padding .3rem 1rem .6rem
+  border-width 1px !important
+  margin-top 1rem
+
+  &:hover
+    border var(--style-border-hover)
+
+  .tag-link-tips
+    border-bottom var(--style-border-always)
+    padding-bottom 4px
+    font-size .6rem
+    color var(--sco-gray)
+    font-weight 400
+    pointer-events none
+
+  &:hover .tag-link-tips
+    color var(--sco-fontcolor)
+
+  .tag-link-bottom
+    display flex
+    margin-top .5rem
+    align-items center
+    justify-content space-around
+    pointer-events none
+
+    .tag-link-left
+      width 60px
+      min-width 60px
+      height 60px
+      background-size cover !important
+      border-radius 8px
+      background var(--sco-card-bg)
+      pointer-events none
+      display flex
+
+      i
+        padding 0
+        margin auto
+        font-size 24px
+        color var(--sco-fontcolor)
+
+    .tag-link-right
+      margin-left 1rem
+      pointer-events none
+
+      .tag-link-title
+        font-size 16px
+        line-height 1.2
+        pointer-events none
+        word-break break-all
+        text-overflow ellipsis
+        display -webkit-box
+        -webkit-box-orient vertical
+        -webkit-line-clamp 2
+        overflow hidden
+
+      .tag-link-sitename
+        font-size .7rem
+        color var(--sco-gray)
+        font-weight 400
+        margin-top 8px
+        pointer-events none
+        line-height 1
+        overflow hidden
+        text-overflow ellipsis
+        white-space nowrap
+
+  &:hover .tag-link-bottom .tag-link-right .tag-link-sitename
+    color var(--sco-fontcolor)
+
+  .tag-link-bottom i
+    margin-left auto
+    padding-left .5rem
+    pointer-events none

package/source/css/_widgets/_tags/note.styl

@@ -0,0 +1,101 @@
+$colors = {
+  info: #428bca,
+  danger: #d9534f,
+  primary: #6f42c1,
+  warning: #f0ad4e,
+  success: #5cb85c,
+  default: #777
+}
+
+.note
+  position relative
+  margin 1rem 0
+  padding 15px
+  border-radius 3px
+
+  &.default:not(.no-icon)::before
+    content: '\e0a9'
+
+  &.info:not(.no-icon)::before
+    content: '\e0a7'
+
+  &.danger:not(.no-icon)::before
+    content: '\e0aa'
+
+  &.primary:not(.no-icon)::before
+    content: '\e0a8'
+
+  &.warning:not(.no-icon)::before
+    content: '\e0a5'
+
+  &.success:not(.no-icon)::before
+    content: '\e0a4'
+
+  &::before
+    font-family 'scoicon'
+
+  &.icon
+    padding-left 2.25rem
+
+  > .note-icon
+    position absolute
+    top calc(50% - .4rem)
+    left .7rem
+    font-size larger
+
+  for $color, $value in $colors
+    &.{$color}:not(.no-icon)::before
+      color $value
+    &.{$color}:not(.disabled)
+      border-left-color $value
+
+      &.modern
+        color $value
+
+      &:not(.simple)
+        background lighten($value, 75%)
+
+      > .note-icon
+        color $value
+
+  &.simple
+    border-width 1px 1px 1px 5px
+    border-style solid
+    border-color #eee
+    border-image initial
+
+  &.modern
+    background-color #f5f5f5
+    color #4c4948
+    border 1px solid transparent !important
+
+  &.flat
+    border-top initial
+    border-right initial
+    border-bottom initial
+    border-image initial
+    border-left 5px solid #eee
+    background-color #f9f9f9
+    color #4c4948
+
+  h2, h3, h4, h5, h6
+    margin-top 3px
+    margin-bottom 0
+    border-bottom initial
+    padding-top 0
+
+  blockquote:first-child, img:first-child, ol:first-child, p:first-child, pre:first-child, table:first-child, ul:first-child
+    margin-top 0 !important
+
+  blockquote:last-child, img:last-child, ol:last-child, p:last-child, pre:last-child, table:last-child, ul:last-child
+    margin-bottom 0 !important
+    font-size 14px !important
+
+  &:not(.no-icon)
+    padding-left 2.25rem
+
+    &::before
+      position absolute
+      top calc(50% - 19px)
+      left .7rem
+      font-size larger

package/source/css/_widgets/_tags/span.styl

@@ -0,0 +1,61 @@
+#article-container
+  p.p.subtitle
+    font-weight: bold
+    color: mix(#44D7B6, #444, 75)
+    font-size: 1.25rem
+    padding-top: 1.5rem
+    &:first-child
+      padding-top: 1rem
+
+  span.p,p.p
+    &.left
+      display: block
+      text-align: left
+    &.center
+      display: block
+      text-align: center
+    &.right
+      display: block
+      text-align: right
+
+  span.p,p.p
+    &.small
+      font-size: var(--global-font-size)
+    &.large
+      font-size: 2.5rem
+      line-height: 1.4
+    &.huge
+      font-size: 4rem
+      line-height: 1.4
+    &.ultra
+      font-size: 6rem
+      line-height: 1.4
+    &.small,&.large,&.huge,&.ultra
+      margin: 0
+      padding: 0
+    &.bold
+      font-weight: bold
+    &.h1,&.h2
+      padding-bottom: .2rem
+      font-weight: 500
+    &.h1
+      font-size: 1.625rem
+      color: var(--color-h1)
+      padding-top: 1em * 2
+    &.h2
+      font-size: 1.625rem
+      color: var(--color-h2)
+      padding-top: 1em * 2
+      border-bottom: 1px solid alpha(#444, .1)
+    &.h3
+      font-size: 1.375rem
+      color: var(--color-h3)
+      padding-top: 1em * 2
+    &.h4
+      font-size: 1.125rem
+      color: var(--color-h4)
+      padding-top: 1em * 2
+    &.h5
+      font-size: 1rem
+      color: var(--color-h5)
+      padding-top: 1em * 1.5

package/source/css/_widgets/_tags/tabs.styl

@@ -0,0 +1,105 @@
+#article-container .tabs
+  position relative
+  border 1px solid var(--tab-border-color)
+
+  > .nav-tabs
+    > .tab
+      margin 4px
+      padding 0
+      list-style none
+
+      +maxWidth768()
+        -webkit-box-flex 1
+        flex-grow 1
+
+      button i
+        width 1.5em
+        font-size inherit
+
+      &.active button
+        border var(--style-border-hover-always)
+        background var(--sco-background)
+        border-radius 8px;
+
+      &:not(.active) button:hover
+        border-top 2px solid var(--tab-button-hover-bg)
+        background var(--tab-button-hover-bg)
+
+  > .tab-contents .tab-item-content
+    position relative
+    display none
+    padding 1.8rem 1.2rem
+    background var(--sco-background)
+    border var(--style-border-always)
+
+    +maxWidth768()
+      padding 1.2rem .7rem
+
+    &.active
+      display block
+      animation .5s ease 0s 1 normal none running tabshow
+
+  .tab-to-top
+    position relative
+    display block
+    margin 16px 0 0 auto
+    color #99a9bf
+
+  margin 1rem 0 !important
+  border-radius 12px
+  overflow hidden
+  box-shadow var(--sco-shadow-border)
+  padding 8px
+  background var(--sco-card-bg)
+  border var(--style-border)
+
+  .nav-tabs
+    background var(--sco-card-bg)
+    padding 16px
+    display flex
+    justify-content center
+    flex-wrap wrap
+    flex-direction row
+
+    +maxWidth768()
+      padding 0
+      margin-bottom 8px
+
+  > .nav-tabs > .tab button
+    -webkit-transition all 0s
+    background var(--sco-secondbg)
+    transition .3s
+    border var(--style-border-always)
+    border-radius 8px
+    font-size 14px
+    line-height 1
+    padding 8px 16px
+    display flex
+    width 100%
+    justify-content center
+    align-items center
+    color var(--sco-fontcolor)
+
+  > .nav-tabs > .tab:not(.active) button:hover
+    background var(--sco-main)
+    color var(--sco-white)
+    transition .3s
+    border var(--style-border-hover-always)
+
+.tab-item-content
+  background var(--sco-card-bg)
+
+#article-container .tabs
+
+  > .tab-contents .tab-item-content.active
+    animation tabshow 0s
+    -webkit-animation tabshow 0s
+    padding 1.2rem 1.2rem
+    border-radius 8px
+
+    +maxWidth768()
+      padding .5rem .5rem
+
+.tab-contents
+  border-radius 8px
+  overflow hidden

package/source/css/_widgets/_tags/timeline.styl

@@ -0,0 +1,80 @@
+div.timenode
+  position relative
+
+  &:before,
+  &:after
+    content ''
+    z-index 1
+    position absolute
+    background var(--sco-theme)
+    width 2px
+    left 7px
+
+  &:before
+    top 0
+    height 6px
+
+  &:after
+    top 26px
+    height 100%
+
+  &:last-child:after
+    height calc(100% - 26px - 16px)
+    border-bottom-left-radius 2px
+    border-bottom-right-radius 2px
+
+  .meta
+    position relative
+    color var(--tab-botton-color)
+    line-height 32px
+    height 32px
+    left 27px
+
+    &:before,
+    &:after
+      content ''
+      position absolute
+      top 8px
+      z-index 2
+      left -27px
+
+    &:before
+      background var(--sco-theme)
+      width 16px
+      height 16px
+      border-radius 8px
+
+    &:after
+      background var(--sco-card-bg)
+      margin-left 2px
+      margin-top 2px
+      width 12px
+      height 12px
+      border-radius 6px
+      transform scale(0.5)
+      transition all 0.28s ease
+
+    p
+      font-weight 500
+      margin 0 0 0 24px
+
+  .body
+    margin 4px 0 16px 24px
+    padding 16px
+    border-radius 8px
+    background var(--blockquote-bg)
+
+    p:first-child
+      margin-top 0
+
+    p:last-child
+      margin-bottom 0
+
+  &:hover
+    .meta
+      &:before
+        background var(--sco-theme)
+
+      &:after
+        background var(--sco-theme-op)
+        transform scale(1)

package/source/css/_widgets/index.styl

@@ -1,3 +1,52 @@
 // aside（侧边栏）
+@import "_aside/index.styl"
 
-@import "aside/index.styl"
+// 手机端侧边栏
+@import "_mixins/sidebar.styl"
+
+// article-sort （归档）
+@import "_mixins/article-sort.styl"
+
+// footer
+@import "_mixins/footer.styl"
+
+// 零散的样式
+@import "_mixins/other.styl"
+
+// 短标签
+@import "_tags/*"
+
+// comment
+if hexo-config('comment.enable')
+  @import '_widgets/_comment/index.styl'
+  @import '_widgets/_comment/twikoo.styl' when hexo-config('comment.type') == 'twikoo'
+  @import '_widgets/_comment/waline.styl' when hexo-config('comment.type') == 'waline'
+
+// search
+if hexo-config('thirdparty.search.enable')
+  if hexo-config('thirdparty.search.type') == 'algolia'
+    @import '_search/algolia-search'
+  else if hexo-config('thirdparty.search.type') == 'local'
+    @import '_search/local-search'
+
+// 控制台样式
+@import '_extra/console.styl'
+
+// rightmenu
+if hexo-config('rightside.enable')
+  @import '_extra/rightmenu.styl'
+
+// pace
+if hexo-config('loading.pace')
+  @import "_extra/pace.styl"
+
+// fullpage
+if hexo-config('loading.fullpage')
+  @import "_extra/fullpage.styl"
+
+// 音乐胶囊
+if hexo-config('thirdparty.aplayer.enable')
+  @import "_extra/music.styl"
+
+// post
+@import "_post/index.styl"

package/source/css/index.styl

@@ -8,34 +8,9 @@ if hexo-config('css_prefix')
 @import '_global/*'
 @import '_layout/*'
 @import '_page/index.styl'
-@import '_post/*'
 
 // widgets
 @import '_widgets/index.styl'
 
-// comment
-if hexo-config('comment.enable')
-  @import '_widgets/comment/index.styl'
-  @import '_widgets/comment/twikoo.styl' when hexo-config('comment.type') == 'twikoo'
-  @import '_widgets/comment/waline.styl' when hexo-config('comment.type') == 'waline'
-
-// commentBarrage
-if hexo-config('thirdparty.comment.enable')
-  @import '_post/commentBarrage.styl'
-
-// extra
-@import '_extra/console.styl'
-
-// rightmenu
-if hexo-config('rightside.enable')
-  @import '_extra/rightmenu.styl'
-
-// search
-if hexo-config('thirdparty.search.enable')
-  if hexo-config('thirdparty.search.type') == 'algolia'
-    @import '_search/algolia-search'
-  else if hexo-config('thirdparty.search.type') == 'local'
-    @import '_search/local-search'
-
 // dark
 @import '_mode/*'

package/source/js/{commentBarrage.js → extend/comment/twikoo/commentBarrage.js}

@@ -153,8 +153,4 @@ function initializeCommentBarrage() {
         }
     }
     (e)
-}
-
-if(PAGE_CONFIG.comment){
-    initializeCommentBarrage();
 }

package/source/js/extend/comment/{twikoo.js → twikoo/twikoo.js}

@@ -1,17 +1,16 @@
 const changeContent = (content) => {
-    if (content === '') return content
+    if (content === '') return content;
 
-    content = content.replace(/<img.*?src="(.*?)"?[^\>]+>|<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>|<pre><code>.*?<\/pre>|<[^>]+>/g, (match, img, link, code) => {
-        if (img) return '[图片]';
-        if (link) return '[链接]';
-        if (code) return '[代码]';
-        return '';
-    })
+    const replacements = [
+        { regex: /<img.*?src="(.*?)"?[^\>]+>/ig, replacement: '[图片]' },
+        { regex: /<a[^>]+?href=["']?([^"']+)["']?[^>]*>([^<]+)<\/a>/gi, replacement: '[链接]' },
+        { regex: /<pre><code>.*?<\/pre>/gi, replacement: '[代码]' },
+        { regex: /<[^>]+>/g, replacement: "" }
+    ];
 
-    if (content.length > 150) {
-        content = content.substring(0, 150) + '...'
-    }
-    return content
+    content = replacements.reduce((str, { regex, replacement }) => str.replace(regex, replacement), content);
+
+    return content.length > 150 ? content.substring(0, 150) + '...' : content;
 }
 
 const getComment = () => {
@@ -31,35 +30,6 @@ const getComment = () => {
                 'url': `${e.url}#${e.id}`,
                 'date': new Date(e.created).toISOString()
             }))
-
-            if (window.location.pathname === "/links/" || window.location.pathname === "/links") {
-                let submit = document.getElementsByClassName('tk-submit ')
-                let text = document.getElementsByClassName("el-textarea__inner");
-                text[0].value += `昵称（请勿包含博客等字样）：
-网站地址（要求博客地址，请勿提交个人主页）：
-头像图片url（请提供尽可能清晰的图片，我会上传到我的图床）：
-描述：`;
-                text[0].style.height = "142px"
-                submit.item(0).style.display = "none";
-
-                window.checkForm = function () {
-                    const checkboxes = document.querySelectorAll('input[onclick="checkForm()"]');
-                    let allChecked = true;
-
-                    checkboxes.forEach(checkbox => {
-                        if (!checkbox.checked) {
-                            allChecked = false;
-                        }
-                    });
-
-                    if (allChecked) {
-                        submit.item(0).style.display = "block";
-                    } else {
-                        submit.item(0).style.display = "none";
-                    }
-                }
-            }
-
             generateHtml(twikooArray)
         }).catch(function (err) {
             $dom.innerHTML = "无法获取评论，请确认相关配置是否正确"
@@ -93,3 +63,5 @@ const newestCommentInit = () => {
         getComment()
     }
 }
+
+newestCommentInit()