hexo-theme-solitude 1.1.3 → 1.2.1

package/source/css/_widgets/aside/power.styl

@@ -0,0 +1,90 @@
+#aside-content
+  .card-power
+    .power-charge
+      margin-left auto
+      color var(--sco-secondtext)
+      font-size 14px
+      line-height 1
+
+      &:hover
+        color var(--sco-lighttext)
+
+    #power-star
+      display flex
+      padding 8px
+      border var(--style-border-always)
+      border-radius 8px
+      flex-direction row
+      flex-wrap nowrap
+      justify-content flex-start
+      position relative
+      margin 12px 0
+      background var(--sco-secondbg)
+      transition .3s ease-out
+      cursor pointer
+
+      &:hover
+        background var(--sco-main)
+        color var(--sco-white)
+        box-shadow var(--sco-shadow-theme)
+
+        #power-star-image
+          transform scale(.9)
+
+      #power-star-image
+        width 60px
+        height 60px
+        border-radius 60px
+        background-size cover
+        margin-right 12px
+        border var(--style-border-always)
+        transition .3s ease-out
+
+      #power-star-title
+        overflow hidden
+        text-overflow ellipsis
+        white-space nowrap
+        font-size 16px
+        font-weight 700
+        line-height 1
+        margin-bottom 8px
+
+      #power-star-desc
+        display -webkit-box
+        -webkit-box-orient vertical
+        -webkit-line-clamp 2
+        overflow hidden
+        font-size 12px
+        max-width 100%
+        line-height 1.2
+
+      .power-star-body
+        display flex
+        flex-direction column
+        align-items flex-start
+        flex-wrap wrap
+        position relative
+        width calc(100% - 68px)
+        justify-content center
+
+    .power-list
+      display flex
+      flex-direction row
+      flex-wrap wrap
+      margin 0 -4px
+
+      .power-item-body
+        display flex
+        flex-direction row
+        flex-wrap wrap
+
+      .power-item
+        .power-item-link
+          a
+            padding 2px 4px
+            border-radius 4px
+            margin-left 8px
+
+            &:hover
+              background var(--sco-main)
+              color var(--sco-white)

package/source/css/_widgets/aside/toc.styl

@@ -0,0 +1,85 @@
+#aside-content
+  .card-toc
+    padding .5rem .5rem !important
+
+    &:hover
+      box-shadow var(--sco-shadow-border)
+
+    +minWidth900()
+      right 0 !important
+
+    .toc-content
+      overflow-y auto
+      max-height calc(100vh - 300px)
+
+      &::before
+        position absolute
+        top .6rem
+        right 1.2rem
+        color #a9a9a9
+        content attr(progress-percentage)
+        font-style italic
+        font-size 1.2rem
+
+      .toc-link.active
+        border-left-color #0061cc
+        background #0079ff
+        color #fff
+
+  #card-toc
+    +minWidth901()
+      right 0 !important
+
+    .toc-content
+      overflow-y: auto
+      max-height: calc(100vh - 300px)
+      ol
+        margin 0
+        padding 0
+
+        &ul
+          list-style: none
+
+      &:hover
+      .toc-content
+        .toc-link:not(.active) span
+          filter: blur(0)
+          opacity: 1
+
+      .toc-item.active .toc-link
+        opacity 1
+        border-radius 8px
+
+      .toc-link
+        line-height 24px
+        padding 8px
+        border-left 0 solid transparent
+        border-radius 12px
+        color var(--sco-secondtext)
+        cursor default
+        min-height 40px
+        display flex
+        align-items center
+        transition all .2s ease-in-out 0s
+
+        &.active
+          border-radius 12px
+          border-left-color var(--sco-hovertext)
+          background-color var(--sco-card-bg)
+          color var(--sco-lighttext)
+          font-weight 700
+          font-size 20px
+
+        &:not(.active) span
+          opacity .6
+          cursor pointer
+          filter blur(1px)
+          transition .3s
+
+          &:hover
+            color var(--sco-lighttext)
+
+[data-theme=dark]
+  .toc
+    .toc-item.active .toc-link .toc-text
+      color: var(--sco-white)

package/source/css/_widgets/aside/welcome.styl

@@ -0,0 +1,14 @@
+#aside-content
+  #welcome-info
+    overflow hidden
+    margin-top 4px
+
+    .welcome-time
+      width 100%
+      margin 12px 0 0
+      display inline-flex
+
+    .welcome-message
+      width 100%
+      margin-bottom 8px
+      display inline-flex

package/source/css/_widgets/index.styl

@@ -0,0 +1,3 @@
+// aside（侧边栏）
+
+@import "aside/index.styl"

package/source/css/index.styl

@@ -0,0 +1,40 @@
+@charset "UTF-8"
+
+if hexo-config('css_prefix')
+  @import 'nib'
+
+// project
+@import '_global/animation.css'
+@import '_global/*'
+@import '_layout/*'
+@import '_page/index.styl'
+@import '_post/*'
+
+// widgets
+@import '_widgets/index.styl'
+
+// comment
+if hexo-config('comment.enable')
+  @import '_comment/index.styl'
+  @import '_comment/twikoo.styl' when hexo-config('comment.type') == 'twikoo'
+
+// 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

@@ -3,12 +3,13 @@ function initializeCommentBarrage() {
     let e = {
         maxBarrage: 1,
         barrageTime: 8e3,
-        twikooUrl: GLOBALCONFIG.comment.twikooUrl,
+        twikooUrl: GLOBAL_CONFIG.comment.twikoo.url,
         pageUrl: window.location.pathname,
-        accessToken: GLOBALCONFIG.comment.twikooAccessToken,
+        accessToken: GLOBAL_CONFIG.comment.twikoo.accessToken,
     };
     new class {
         commentInterval = null
+
         constructor(e) {
             this.config = {
                 ...e,
@@ -106,11 +107,11 @@ function initializeCommentBarrage() {
         async initCommentBarrage() {
             if (localStorage.getItem("commentBarrageSwitch") != null) {
                 document.querySelector(".comment-barrage").style.display = "flex";
-                document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评";
+                GLOBAL_CONFIG.rightside.enable && (document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评");
                 document.querySelector("#consoleCommentBarrage").classList.add("on");
             } else {
                 document.querySelector(".comment-barrage").style.display = "none";
-                document.querySelector(".menu-commentBarrage-text").textContent = "显示热评";
+                GLOBAL_CONFIG.rightside.enable && (document.querySelector(".menu-commentBarrage-text").textContent = "显示热评");
                 document.querySelector("#consoleCommentBarrage").classList.remove("on");
             }
             const comments = await this.fetchComments();
@@ -154,4 +155,6 @@ function initializeCommentBarrage() {
     (e)
 }
 
-initializeCommentBarrage();
+if(PAGE_CONFIG.comment){
+    initializeCommentBarrage();
+}

package/source/js/extend/console/comment.js

@@ -1,77 +1,76 @@
 const changeContent = (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 '';
+        if (img) return '[图片]';
+        if (link) return '[链接]';
+        if (code) return '[代码]';
+        return '';
     })
-  
+
     if (content.length > 150) {
-      content = content.substring(0,150) + '...'
+        content = content.substring(0, 150) + '...'
     }
     return content
-  }
-  
-  const getComment = () => {
+}
+
+const getComment = () => {
     const $dom = document.querySelector('#card-newest-comments .aside-list')
-  
+
     const runTwikoo = () => {
-      twikoo.getRecentComments({
-        envId: GLOBALCONFIG.comment.twikooUrl,
-        region: '',
-        pageSize: 6,
-        includeReply: true
-      }).then(function (res) {
-        const twikooArray = res.map(e => ({
-          'content': changeContent(e.comment),
-          'avatar': e.avatar,
-          'nick': e.nick,
-          'url': `${e.url}#${e.id}`,
-          'date': new Date(e.created).toISOString()
-        }))
+        twikoo.getRecentComments({
+            envId: GLOBAL_CONFIG.comment.twikoo.url,
+            region: '',
+            pageSize: 6,
+            includeReply: true
+        }).then(function (res) {
+            const twikooArray = res.map(e => ({
+                'content': changeContent(e.comment),
+                'avatar': e.avatar,
+                'nick': e.nick,
+                '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 += `昵称（请勿包含博客等字样）：
+            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";
+                text[0].style.height = "142px"
+                submit.item(0).style.display = "none";
 
-          window.checkForm = function(){
-            const checkboxes = document.querySelectorAll('input[onclick="checkForm()"]');
-            let allChecked = true;
+                window.checkForm = function () {
+                    const checkboxes = document.querySelectorAll('input[onclick="checkForm()"]');
+                    let allChecked = true;
 
-            checkboxes.forEach(checkbox => {
-              if (!checkbox.checked) {
-                allChecked = false;
-              }
-            });
+                    checkboxes.forEach(checkbox => {
+                        if (!checkbox.checked) {
+                            allChecked = false;
+                        }
+                    });
 
-            if(allChecked){
-              submit.item(0).style.display = "block";
-            }else {
-              submit.item(0).style.display = "none";
+                    if (allChecked) {
+                        submit.item(0).style.display = "block";
+                    } else {
+                        submit.item(0).style.display = "none";
+                    }
+                }
             }
-          }
-        }
-  
-        generateHtml(twikooArray)
-      }).catch(function (err) {
-        $dom.innerHTML= "无法获取评论，请确认相关配置是否正确"
-      })
+
+            generateHtml(twikooArray)
+        }).catch(function (err) {
+            $dom.innerHTML = "无法获取评论，请确认相关配置是否正确"
+        })
     }
-        runTwikoo()
-  }
-  
-  const generateHtml = array => {
+    runTwikoo()
+}
+
+const generateHtml = array => {
     const $dom = document.querySelector('#card-newest-comments .aside-list')
-  
-    let result = array.length ? array.map(item => `
+    $dom.innerHTML = array.length ? array.map(item => `
     <div class='aside-list-item'>
       <a href='${item.url}' class='thumbnail'>
         <img src='${item.avatar}' alt='${item.nick}'>
@@ -83,17 +82,15 @@ const changeContent = (content) => {
       </div>
     </div>
   `).join('') : '没有评论'
-  
-    $dom.innerHTML = result
     window.lazyLoadInstance && window.lazyLoadInstance.update()
     window.pjax && window.pjax.refresh($dom)
-    chageTimeFormate()
-  }
-  
-  const newestCommentInit = () => {
+    changeTimeFormat()
+}
+
+const newestCommentInit = () => {
     const $asideList = document.querySelector('#card-newest-comments .aside-list')
     if ($asideList) {
-      getComment()
+        getComment()
     }
-  }
+}
   

package/source/js/extend/covercolor/local.js

@@ -144,7 +144,7 @@ function initThemeColor() {
     let themeColor;
     if (currentTop > 0) {
         themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-card-bg');
-    } else if (PAGECONFIG.is_post) {
+    } else if (PAGE_CONFIG.is_post) {
         themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-main');
     } else {
         themeColor = getComputedStyle(document.documentElement).getPropertyValue('--sco-background');