hexo-theme-solitude 1.9.2 → 1.10.0

package/layout/includes/widgets/third-party/news-comment/valine.pug

@@ -62,12 +62,12 @@ script.
             const $dom = document.querySelector('#card-newest-comments .aside-list')
             $dom.innerHTML = array.length ? array.map(item => `
                         <div class='aside-list-item'>
-                          <a onclick='pjax.loadUrl("${item.url}")' class='thumbnail'>
+                          <div onclick='pjax.loadUrl("${item.url}")' class='thumbnail'>
                             <img src='${item.avatar}' alt='${item.nick}'>
                             <div class='name'><span>${item.nick}</span></div>
-                          </a>
+                          </div>
                           <div class='content'>
-                            <a class='comment' onclick='pjax.loadUrl("${item.url}")'>${item.content}</a>
+                            <div class='comment' onclick='pjax.loadUrl("${item.url}")'>${item.content}</div>
                             <time class="datetime" datetime="${item.date}"></time>
                           </div>
                         </div>

package/layout/includes/widgets/third-party/news-comment/waline.pug

@@ -52,12 +52,12 @@ script.
             const $dom = document.querySelector('#card-newest-comments .aside-list')
             $dom.innerHTML = array.length ? array.map(item => `
                 <div class='aside-list-item'>
-                  <a onclick='pjax.loadUrl("${item.url}")' class='thumbnail'>
+                  <div onclick='pjax.loadUrl("${item.url}")' class='thumbnail'>
                     <img src='${item.avatar}' alt='${item.nick}'>
                     <div class='name'><span>${item.nick}</span></div>
-                  </a>
+                  </div>
                   <div class='content'>
-                    <a class='comment' onclick='pjax.loadUrl("${item.url}")'>${item.content}</a>
+                    <div class='comment' onclick='pjax.loadUrl("${item.url}")'>${item.content}</div>
                     <time class="datetime" datetime="${item.date}"></time>
                   </div>
                 </div>

package/layout/page.pug

@@ -20,6 +20,8 @@ block content
                     include includes/page/equipment
                 when 'music'
                     include includes/page/music
+                when 'message'
+                    !=partial('includes/page/message', {}, {cache: true})
                 when 'banner'
                     include includes/widgets/page/banner
                     if page.container

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-solitude",
-  "version": "1.9.2",
+  "version": "1.10.0",
   "description": "A beautiful, powerful, and efficient Hexo theme developed by the efu.",
   "main": "package.json",
   "scripts": {
@@ -26,7 +26,7 @@
     "url": "https://github.com/valor-x/hexo-theme-solitude/issues",
     "email": "o@efu.me"
   },
-  "homepage": "https://efu.me/",
+  "homepage": "https://www.efu.me/",
   "author": "Hexo-Theme-Solitude<o@efu.me>",
   "license": "MIT"
 }

package/plugins.yml

@@ -1,11 +1,11 @@
 algolia_search:
   name: algoliasearch
   file: dist/algoliasearch-lite.umd.js
-  version: 4.23.2
+  version: 4.23.3
 instantsearch:
   name: instantsearch.js
   file: dist/instantsearch.production.min.js
-  version: 4.66.1
+  version: 4.67.0
 pjax:
   name: pjax
   file: pjax.min.js
@@ -31,11 +31,11 @@ valine:
 artalk_css:
   name: artalk
   file: dist/Artalk.css
-  version: 2.8.4
+  version: 2.8.5
 artalk_js:
   name: artalk
   file: dist/Artalk.js
-  version: 2.8.4
+  version: 2.8.5
 katex:
   name: katex
   file: dist/katex.min.css
@@ -90,7 +90,7 @@ snackbar:
   file: dist/snackbar.min.js
   version: 0.1.16
 solitude_css:
-  name: st-source
+  name: solitude-source
   file: icon/solitude.min.css
   version: 1.0.5
 medium_zoom:
@@ -110,7 +110,7 @@ fancyapps_css:
 mermaid_js:
   name: mermaid
   file: dist/mermaid.min.js
-  version: 10.8.0
+  version: 10.9.0
 blueimp_md5:
   name: blueimp-md5
   file: js/md5.min.js

package/scripts/event/cdn.js

@@ -66,7 +66,7 @@ hexo.extend.filter.register('before_generate', () => {
         },
         commentBarrage: {
             name: 'hexo-theme-solitude',
-            file: 'js/barrage_comment.js',
+            file: 'js/third_party/barrage.min.js',
             version
         },
         waterfall: {
@@ -78,6 +78,11 @@ hexo.extend.filter.register('before_generate', () => {
             name: 'hexo-theme-solitude',
             file: 'js/third_party/universe.min.js',
             version
+        },
+        envelope_js: {
+            name: 'hexo-theme-solitude',
+            file: 'js/third_party/envelope.min.js',
+            version
         }
     }
 

package/source/css/_global/index.styl

@@ -249,19 +249,24 @@ input::placeholder
   margin 0 0 1rem
 
 table
-  display table
+  display block
   width 100%
   border-spacing 0
   border-collapse collapse
   empty-cells show
+  overflow-x auto
+
+  &::-webkit-scrollbar
+    display none
 
 table thead
-  background rgba(153, 169, 191, .1)
+  background var(--efu-secondbg)
 
 table td, table th
   padding .3rem .6rem
-  border 1px solid var(--light-grey)
+  border var(--style-border-always)
   vertical-align middle
+  min-width 100px
 
 button
   padding 0
@@ -311,10 +316,6 @@ blockquote
   margin 1rem 0
   padding .5rem .8rem
 
-  p
-    padding 0
-    margin 0
-
 li, ul
   list-style none
   display block
@@ -348,12 +349,6 @@ a.extend
   .prev
     left 0
 
-table td, table th
-  border var(--style-border-always)
-
-table thead
-  background var(--efu-secondbg)
-
 b, strong
   color var(--efu-lighttext)
 

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

@@ -1,6 +1,10 @@
 figure.highlight
-  table
-    scrollbar-color var(--hlscrollbar-bg) transparent
+  table::-webkit-scrollbar
+    color var(--efu-secondbg)
+    height 6px
+    background var(--efu-hl-bg)
+    border-radius 6px
+    display initial
   pre .deletion
     color $highlight-deletion
 

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

@@ -18,6 +18,7 @@ figure
       &.gutter
         opacity .6
         user-select none
+        min-width initial
 
         pre
           overflow auto

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

@@ -56,9 +56,6 @@
       color var(--efu-lighttext)
       opacity 1
 
-      &::before
-        color var(--efu-main)
-
   p
     font-size .9rem
     line-height 1.7
@@ -81,6 +78,12 @@
           border-radius 4px
           background var(--efu-main)
 
+  blockquote
+    p
+      padding 0
+      margin 0
+      font-size 15px
+
   code:not([class*='language-'])
     color var(--efu-white)
     padding 0.2rem 0.4rem
@@ -117,6 +120,9 @@
         position relative
         margin 0.2rem 0
 
+        p
+          margin 0
+
   ul
     > li
       &:not(.tab)

package/source/css/_layout/aside.styl

@@ -171,6 +171,7 @@
   #card-toc
     +minWidth901()
       right 0
+      padding .5rem
 
     .toc-content
       overflow-y: auto

package/source/css/_layout/console.styl

@@ -279,13 +279,15 @@
     .card-archive-list
       display flex
       flex-direction row
-      justify-content space-between
       flex-wrap wrap
       height 164px
 
       li.card-archive-list-item
         flex 0 0 24%
 
+        &:not(:nth-child(4n))
+          margin-right .555rem
+
       .card-archive-list-link
         border-radius 8px
         margin-top 8px

package/source/css/_layout/footer.styl

@@ -15,38 +15,37 @@
     content ''
     z-index -1
 
-  div#st-footer-bar
-    display none
-
-    a.footer-bar-link
-      padding 4px 16px
-      background var(--efu-secondbg)
-      border-radius 20px
-      margin-top 8px
-      font-size 14px
-      cursor pointer
-      border var(--style-border-always)
 
-      &:hover
-        background var(--efu-main)
-        color var(--efu-white)
-        transform scale(1.1)
-        border-color var(--efu-main)
+  if hexo-config('post.footer.enable')
+    div#st-footer-bar
+      display flex
+      flex-direction column
+      align-items center
+      margin-top 16px
+
+      a.footer-bar-link
+        padding 4px 16px
+        background var(--efu-secondbg)
+        border-radius 20px
+        margin-top 8px
+        font-size 14px
+        cursor pointer
+        border var(--style-border-always)
 
-    .footer-logo
-      font-size 24px
+        &:hover
+          background var(--efu-main)
+          color var(--efu-white)
+          transform scale(1.1)
+          border-color var(--efu-main)
 
-    .footer-bar-description
-      color var(--efu-secondtext)
-      font-weight 700
-      padding: 0 0.5rem
-      text-align: center
+      .footer-logo
+        font-size 24px
 
-  .post & div#st-footer-bar
-    display flex
-    flex-direction column
-    align-items center
-    margin-top 16px
+      .footer-bar-description
+        color var(--efu-secondtext)
+        font-weight 700
+        padding: 0 0.5rem
+        text-align: center
 
   #footer_deal
     justify-content center

package/source/css/_page/_home/category-bar.styl

@@ -74,4 +74,19 @@
 
         a
           background var(--efu-theme)
-          color var(--efu-white)
+          color var(--efu-white)
+
+.category-bar-next
+    margin-left 8px
+    cursor pointer
+    height 30px
+    width 30px
+    display flex
+    border-radius 8px
+    align-items center
+    justify-content center
+    transition .3s
+@media (hover: hover) 
+  .category-bar-next:hover 
+    backgroundvar(--efu-secondbg)
+    color var(--efu-lighttext)

package/source/css/_page/index.styl

@@ -26,7 +26,7 @@ if $about
 
 @import "other"
 
-@import "douban"
+@import "message"
 
 #page h1.page-title
   display inline

package/source/css/_page/message.styl

@@ -0,0 +1,63 @@
+.switch_message
+    display flex
+    justify-content center
+    margin 2rem 0
+    gap 1rem
+    button
+        background-color var(--efu-main)
+        border var(--style-border-always)
+        border-radius 50px
+        color var(--efu-card-bg)
+        padding 0.5rem 1rem
+        transition background-color 0.3s
+
+#barrage
+    display flex
+    justify-content center
+    width 100%
+    height calc(100% - 60px)
+    position fixed
+    left 0
+    top 60px
+    z-index 1
+    pointer-events none
+
+    .default-style 
+        pointer-events all
+        cursor pointer
+        font-size 16px
+        border-radius 100px
+        overflow hidden
+
+        a 
+            background-color rgba(0, 0, 0, 0.5)
+            transition .3s
+            color #eee
+            display flex
+            align-items center
+            justify-content center
+            padding 6px 16px 6px 6px
+            text-decoration none
+            border-bottom none
+
+            &:hover 
+                background-color rgba(0, 0, 0, 0.7)
+    
+        img 
+            pointer-events none
+            height 30px
+            width 30px
+            margin 0 5px 0 0 !important
+            border-radius 50% !important
+    
+        p 
+            line-height 1
+            pointer-events none
+            margin 0 !important
+            max-width 300px
+            white-space nowrap
+            overflow hidden
+            text-overflow ellipsis
+
+.hide
+    opacity 0