hexo-theme-solitude 2.0.4 → 2.0.6

package/source/css/_layout/header.styl

@@ -148,9 +148,10 @@
 
       div
         padding 0
+        margin-left .5rem
 
       .nav-button
-        margin-left 12px
+        margin-left .5rem
         cursor pointer
 
         a
@@ -953,4 +954,4 @@ if hexo-config('nav.group')
 if hexo-config('console.enable')
   #nav-console
     +maxWidth768()
-      display none
+      display none

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

@@ -270,7 +270,6 @@
   border-radius 60px
   margin-bottom 12px
   color var(--efu-white)
-  width 100px
   position relative
   background-size 200%
 
@@ -281,4 +280,4 @@
     background-position 100% 0
 
 .banners-link-title
-  margin-left auto
+  margin 0 .1rem 0 .5rem

package/source/css/_page/links.styl

@@ -22,6 +22,8 @@
 .flink#article-container
   margin-top 1rem
 
+#article-container
+
   .flink-desc
     margin 0
     color var(--efu-secondtext)
@@ -226,122 +228,122 @@
           .flink-item-desc
             display none
 
-    > .flink-list-item
-      margin 6px 6px
-      transition .3s
-      border-radius 12px
-      transition-timing-function ease-in-out
-      position relative
-      width calc(20% - 12px)
-      border var(--style-border-always)
-      box-shadow var(--efu-shadow-border)
-      background var(--efu-card-bg)
-      display flex
-      float left
-      overflow hidden
-      height 90px
-      line-height 17px
-      transform translateZ(0)
+  .flink-list-item
+    margin 6px 6px
+    transition .3s
+    border-radius 12px
+    transition-timing-function ease-in-out
+    position relative
+    width calc(20% - 12px)
+    border var(--style-border-always)
+    box-shadow var(--efu-shadow-border)
+    background var(--efu-card-bg)
+    display flex
+    float left
+    overflow hidden
+    height 90px
+    line-height 17px
+    transform translateZ(0)
 
-      +maxWidth1200()
-        width calc(25% - 12px)
+    +maxWidth1200()
+      width calc(25% - 12px)
 
-      +maxWidth1024()
-        width calc(33.3333% - 12px)
+    +maxWidth1024()
+      width calc(33.3333% - 12px)
 
-      +maxWidth768()
-        width calc(50% - 12px)
+    +maxWidth768()
+      width calc(50% - 12px)
 
-      +maxWidth600()
-        width calc(100% - 12px)
+    +maxWidth600()
+      width calc(100% - 12px)
 
-      a
-        display flex
-        width 100%
-        height 100%
-        border none
-        align-items center
+    a
+      display flex
+      width 100%
+      height 100%
+      border none
+      align-items center
 
-        .img-alt
-          display none
+      .img-alt
+        display none
 
-        img
-          border-radius 32px
-          margin 15px 20px 15px 15px
-          transition .3s
-          background var(--efu-background)
-          min-width 60px
-          min-height 60px
-          float left
-          width 60px
-          height 60px
-
-        .flink-item-info
-          display flex
-          flex-direction column
-          justify-content center
-          width calc(100% - 90px)
-          height fit-content
-          padding 0 4px
+      img
+        border-radius 32px
+        margin 15px 20px 15px 15px
+        transition .3s
+        background var(--efu-background)
+        min-width 60px
+        min-height 60px
+        float left
+        width 60px
+        height 60px
 
-          span
-            transition .3s
+      .flink-item-info
+        display flex
+        flex-direction column
+        justify-content center
+        width calc(100% - 90px)
+        height fit-content
+        padding 0 4px
 
-        .flink-item-name
-          text-align left
-          font-size 19px
-          line-height 20px
-          color var(--efu-fontcolor)
-          display block
-          padding 0 10px 0 0
-          font-weight 700
-          max-width calc(100% - 12px)
-          overflow hidden
-          text-overflow ellipsis
-          white-space nowrap
+        span
+          transition .3s
 
-        .flink-item-desc
-          white-space normal
-          padding 5px 10px 16px 0
-          color var(--efu-fontcolor)
-          text-align left
-          height 40px
-          text-overflow ellipsis
-          opacity .7
-          display -webkit-box
-          overflow hidden
-          -webkit-box-orient vertical
-          -webkit-line-clamp 2
-          font-size .93em
+      .flink-item-name
+        text-align left
+        font-size 19px
+        line-height 20px
+        color var(--efu-fontcolor)
+        display block
+        padding 0 10px 0 0
+        font-weight 700
+        max-width calc(100% - 12px)
+        overflow hidden
+        text-overflow ellipsis
+        white-space nowrap
+
+      .flink-item-desc
+        white-space normal
+        padding 5px 10px 16px 0
+        color var(--efu-fontcolor)
+        text-align left
+        height 40px
+        text-overflow ellipsis
+        opacity .7
+        display -webkit-box
+        overflow hidden
+        -webkit-box-orient vertical
+        -webkit-line-clamp 2
+        font-size .93em
 
-      &:hover
-        background var(--efu-theme)
+    &:hover
+      background var(--efu-theme)
 
-        .site-card-tag
-          left: -50px
+      .site-card-tag
+        left: -50px
 
-        a
-          background 0 0
+      a
+        background 0 0
 
-          img
-            transition .6s
-            width 0
-            height 0
-            opacity 0
-            margin 5px
-            min-width 0
-            min-height 0
+        img
+          transition .6s
+          width 0
+          height 0
+          opacity 0
+          margin 5px
+          min-width 0
+          min-height 0
 
-        .flink-item-info
-          min-width calc(100% - 20px)
+      .flink-item-info
+        min-width calc(100% - 20px)
 
-          .flink-item-name
-            color var(--efu-card-bg)
+        .flink-item-name
+          color var(--efu-card-bg)
 
-          .flink-item-desc
-            color var(--efu-card-bg)
-            overflow hidden
-            width 100%
+        .flink-item-desc
+          color var(--efu-card-bg)
+          overflow hidden
+          width 100%
 
 @keyframes light_tag
   0%
@@ -349,4 +351,4 @@
     left -150px
   99%
     transform skewx(-25deg)
-    left 50px
+    left 50px

package/source/css/_page/other.styl

@@ -135,6 +135,11 @@ div#banners
       font-weight 700
       box-shadow var(--efu-shadow-blackdeep)
 
+      +maxWidth768()
+        .flink &
+          width 70px
+          height 70px
+
       &:nth-child(even)
         margin-top 1rem
         transform translate(-60px)
@@ -269,4 +274,4 @@ div#banners
             font-size 1.5rem
 
       .banner-button-text
-        display none
+        display none

package/source/css/_page/says.styl

@@ -28,6 +28,7 @@ if hexo-config('says.home_mini')
       margin 0
       background var(--efu-background)
       border none
+      padding 0 .2rem
   i.bber-logo,
   i.bber-gotobb
     transition .3s
@@ -38,7 +39,7 @@ if hexo-config('says.home_mini')
       color var(--efu-theme)
 
   i.bber-logo
-    font-size 2rem
+    font-size 1.2rem
     margin-right 1rem
 
   i.bber-gotobb
@@ -367,4 +368,4 @@ if hexo-config('says.enable')
     .li-style
       &:hover
         color var(--efu-theme)
-        transition .3s
+        transition .3s

package/source/css/_post/copyright.styl

@@ -85,6 +85,7 @@
             color var(--efu-white)
             cursor pointer
             border-radius 4px
+
 .social-share
   display flex
   justify-content center
@@ -114,6 +115,7 @@
   .icon-qq
     color #56b6e7
     border-color #56b6e7
+
     &:hover
       background-color #56b6e7
 
@@ -151,18 +153,21 @@
 
     &:hover
       background-color #0077b5
+
   .icon-whatsapp
     color #25d366
     border-color #25d366
 
     &:hover
       background-color #25d366
+
   .icon-link
     color #425AEF
     border-color #425AEF
 
     &:hover
       background-color #425AEF
+
   .icon-qrcode
     position relative
     color #000
@@ -194,7 +199,7 @@
 
         .reward-dec
           font-size 0.6rem
-          color var(--efu-fontcolor)!important
+          color var(--efu-fontcolor) !important
           text-align center
 
   #qrcode
@@ -210,4 +215,4 @@
 
     img
       width 132px
-      height 132px
+      height 132px

package/source/css/_tags/mermaid.styl

@@ -3,4 +3,4 @@
   justify-content center
 
   text
-    fill var(--efu-fontcolor) !important
+    fill var(--efu-fontcolor) !important

package/source/css/_tags/tabs.styl

@@ -96,7 +96,7 @@
   > .tab-contents .tab-item-content.active
     animation tabshow 0s
     -webkit-animation tabshow 0s
-    padding 1.2rem 1.2rem
+    padding 1.2rem
     border-radius 8px
 
     +maxWidth768()

package/source/js/main.js

@@ -465,7 +465,7 @@ const addHighlight = () => {
     const expandClass = !expand === true ? 'closed' : ''
     const $syntaxHighlight = syntax === 'highlight.js' ? document.querySelectorAll('figure.highlight') : document.querySelectorAll('pre[class*="language-"]')
     if (!(($isShowTool || limit) && $syntaxHighlight.length)) return
-    const copyEle = copy ? `<i class="solitude far fa-copy copy-button"></i>` : '<i></i>';
+    const copyEle = copy ? `<i class="solitude fas fa-copy copy-button"></i>` : '<i></i>';
     const expandEle = `<i class="solitude fas fa-angle-down expand"></i>`;
     const limitEle = limit ? `<i class="solitude fas fa-angles-down"></i>` : '<i></i>';
     const alertInfo = (ele, text) => utils.snackbarShow(text, false, 2000)
@@ -713,4 +713,4 @@ window.onkeydown = e => {
 };
 document.addEventListener('copy', () => {
     utils.snackbarShow(GLOBAL_CONFIG.lang.copy.success, false, 3000);
-});
+});

package/source/js/third_party/waterfall.min.js

@@ -1 +1,5 @@
-function waterfall(a){function b(a,b){var c=window.getComputedStyle(b);return parseFloat(c["margin"+a])||0}function c(a){return a+"px"}function d(a){return parseFloat(a.style.top)}function e(a){return parseFloat(a.style.left)}function f(a){return a.clientWidth}function g(a){return a.clientHeight}function h(a){return d(a)+g(a)+b("Bottom",a)}function i(a){return e(a)+f(a)+b("Right",a)}function j(a){a=a.sort(function(a,b){return h(a)===h(b)?e(b)-e(a):h(b)-h(a)})}function k(b){f(a)!=t&&(b.target.removeEventListener(b.type,arguments.callee),waterfall(a))}"string"==typeof a&&(a=document.querySelector(a));var l=[].map.call(a.children,function(a){return a.style.position="absolute",a});a.style.position="relative";var m=[];l.length&&(l[0].style.top="0px",l[0].style.left=c(b("Left",l[0])),m.push(l[0]));for(var n=1;n<l.length;n++){var o=l[n-1],p=l[n],q=i(o)+f(p)<=f(a);if(!q)break;p.style.top=o.style.top,p.style.left=c(i(o)+b("Left",p)),m.push(p)}for(;n<l.length;n++){j(m);var p=l[n],r=m.pop();p.style.top=c(h(r)+b("Top",p)),p.style.left=c(e(r)),m.push(p)}j(m);var s=m[0];a.style.height=c(h(s)+b("Bottom",s));var t=f(a);window.addEventListener?window.addEventListener("resize",k):document.body.onresize=k}
+/**
+ * @license Copyright 2024 Ever Funnel. All rights reserved.
+ * Licensed under the MIT License.
+ */
+function waterfall(t){function e(t,e){var n=window.getComputedStyle(t);return parseFloat(n["margin"+e])||0}function n(t){return t+"px"}function r(t){return parseFloat(t.style.top)||0}function o(t){return parseFloat(t.style.left)||0}function i(t){return t.clientWidth}function l(t){return t.clientHeight}function u(t){return r(t)+l(t)+e(t,"Bottom")}function a(t){return o(t)+i(t)+e(t,"Right")}function s(t){t.sort(function(t,e){var n=u(t),r=u(e);return n===r?o(e)-o(t):r-n})}function f(e){i(t)!==containerWidth&&(window.removeEventListener(e.type,f),waterfall(t))}"string"==typeof t&&(t=document.querySelector(t));var c=Array.from(t.children).map(function(t){return t.style.position="absolute",t});t.style.position="relative";var p=Array.from(t.querySelectorAll("img")),y=p.map(function(t){return new Promise(function(e){t.complete?e():(t.addEventListener("load",e),t.addEventListener("error",e))})});Promise.all(y).then(function(){var r=[];c.length&&(c[0].style.top="0px",c[0].style.left=n(e(c[0],"Left")),r.push(c[0]));for(var l=1;l<c.length;l++){var p=c[l-1],y=c[l];if(!(a(p)+i(y)<=i(t)))break;y.style.top=p.style.top,y.style.left=n(a(p)),r.push(y)}for(var v=r.length;v<c.length;v++){s(r);var d=c[v],h=r.pop();d.style.top=n(u(h)+e(d,"Top")),d.style.left=n(o(h)),r.push(d)}s(r);var m=r[0];t.style.height=n(u(m)+e(m,"Bottom"));i(t);window.addEventListener("resize",f)})}

package/scripts/tags/btns.js

@@ -1,35 +0,0 @@
-"use strict";
-
-function postBtns(args, content) {
-    return `<div class="btns ${args.join(" ")}">
-            ${content}
-          </div>`;
-}
-
-function postCell(args, content) {
-    args = args.join(" ").split(",");
-    let text = args[0] || "";
-    let url = args[1] || "";
-    text = text.trim();
-    url = url.trim();
-    if (url.length > 0) {
-        url = "href='" + url + "'";
-    }
-    let icon = "";
-    let img = "https://npm.elemecdn.com/hexo-butterfly-tag-plugins-plus/lib/assets/default.svg";
-    if (args.length > 2) {
-        if (args[2].indexOf(" solitude") > -1) {
-            icon = args[2].trim();
-        } else {
-            img = args[2].trim();
-        }
-    }
-    if (icon.length > 0) {
-        return `<a class="button no-text-decoration" ${url} title='${text}'><i class='${icon}'></i>${text}</a>`;
-    } else {
-        return `<a class="button no-text-decoration" ${url} title='${text}'><img src='${img}'>${text}</a>`;
-    }
-}
-
-hexo.extend.tag.register("btns", postBtns, { ends: true });
-hexo.extend.tag.register("cell", postCell);

package/scripts/tags/button.js

@@ -1,21 +0,0 @@
-"use strict";
-
-const urlFor = require("hexo-util").url_for.bind(hexo);
-
-function btn(args) {
-    args = args.join(" ").split(",");
-    let url = args[0] || "";
-    let text = args[1] || "";
-    let icon = args[2] || "";
-    let option = args[3] || "";
-
-    url = url.trim();
-    text = text.trim();
-    icon = icon.trim();
-    option = option.trim();
-
-    return `<button class="btn-sco ${option}" onclick="${url.startsWith("http") ? `window.open('${url}')` : `pjax.loadUrl('${urlFor(url)}')`}" 
-  title="${text}">${icon.length ? `<i class="solitude ${icon}"></i>` : ""}${text.length ? `<span>${text}</span>` : ""}</button>`;
-}
-
-hexo.extend.tag.register("btn", btn, { ends: false });

package/scripts/tags/bvideo.js

@@ -1,7 +0,0 @@
-'use strict'
-
-function bilibili(args) {
-  return `<iframe class="bvideo" width="100%" height="600" src="//player.bilibili.com/player.html?autoplay=0&bvid=${args}" border="0" frameBorder="no" framespacing="0" allowFullScreen="true"></iframe>`
-}
-
-hexo.extend.tag.register('bvideo', bilibili, {ends: false})

package/scripts/tags/checkbox.js

@@ -1,51 +0,0 @@
-'use strict';
-
-function postCheckbox(args) {
-    args = args.join(' ').split(',')
-    var cls = ''
-    var text = ''
-    var checked = false
-    if (args.length > 1) {
-        cls = (args[0] || '').trim()
-        if (cls.length > 0) {
-            cls = ' ' + cls
-        }
-        if (cls.indexOf('checked') > -1) {
-            checked = true
-        }
-        text = (args[1] || '').trim()
-    } else if (args.length > 0) {
-        text = (args[0] || '').trim()
-    }
-    if (text.length > 0) {
-        return `<div class='checkbox${cls}'><input type="checkbox" ${ checked ? 'checked="checked"' : '' }/>
-            ${hexo.render.renderSync({text: text, engine: 'markdown'}).split('\n').join('')}
-            </div>`
-    }
-}
-function postRadio(args) {
-    args = args.join(' ').split(',')
-    var cls = ''
-    var text = ''
-    var checked = false
-    if (args.length > 1) {
-        cls = (args[0] || '').trim()
-        if (cls.length > 0) {
-            cls = ' ' + cls
-        }
-        if (cls.indexOf('checked') > -1) {
-            checked = true
-        }
-        text = (args[1] || '').trim()
-    } else if (args.length > 0) {
-        text = (args[0] || '').trim()
-    }
-    if (text.length > 0) {
-        return `<div class='checkbox${cls}'><input type="radio" ${ checked ? 'checked="checked"' : '' }/>
-            ${hexo.render.renderSync({text: text, engine: 'markdown'}).split('\n').join('')}
-            </div>`
-    }
-}
-
-hexo.extend.tag.register('checkbox', postCheckbox);
-hexo.extend.tag.register('radio', postRadio);

package/scripts/tags/fold.js

@@ -1,13 +0,0 @@
-'use strict'
-
-function postTabs(args, content) {
-    const title = args[0] ? args[0] : ""
-    const open = args[1] ? args[1] : ""
-
-    return `<details ${open}><summary>${title}</summary><div class="content">${hexo.render.renderSync({
-        text: content,
-        engine: 'markdown'
-    })}</div></details>`
-}
-
-hexo.extend.tag.register('fold', postTabs, {ends: true})

package/scripts/tags/image.js

@@ -1,75 +0,0 @@
-'use strict';
-
-hexo.extend.tag.register('image', function(args) {
-    args = args.join(' ').split(',');
-    let url = args[0].trim();
-    let alt = '';
-    let bg = '';
-    let style = '';
-    if (args.length > 1) {
-        for (let i = 1; i < args.length; i++) {
-            let tmp = args[i].trim();
-            if (tmp.includes('alt=')) {
-                alt = tmp.substring(4, tmp.length);
-            } else if (tmp.includes('width=')) {
-                style += 'width:' + tmp.substring(6, tmp.length) + ';';
-            } else if (tmp.includes('height=')) {
-                style += 'height:' + tmp.substring(7, tmp.length) + ';';
-            } else if (tmp.includes('bg=')) {
-                bg = tmp.substring(3, tmp.length);
-            }
-        }
-    }
-    function img(url, alt, style) {
-        let img = '';
-        img += '<img class="img" src="' + url + '"';
-        if (alt.length > 0) {
-            img += ' alt="' + alt + '"';
-        }
-        if (style.length > 0) {
-            img += ' style="' + style + '"';
-        }
-        img += '/>';
-        return img;
-    }
-
-    let ret = '';
-    ret += '<div class="img-wrap">';
-    ret += '<div class="img-bg"';
-    if (bg.length > 0) {
-        ret += ' style="background:' + bg + '"';
-    }
-    ret += '>';
-    ret += img(url, alt, style);
-    ret += '</div>';
-
-    if (alt.length > 0) {
-        ret += '<span class="image-caption">' + alt + '</span>';
-    }
-
-    ret += '</div>';
-    return ret;
-});
-
-hexo.extend.tag.register('inlineimage', function(args) {
-    args = args.join(' ').split(', ');
-    let url = args[0].trim();
-    let ret = '';
-    ret += '<img no-lazy class="inline" src="' + url + '"';
-    let style = '';
-    if (args.length > 1) {
-        for (let i = 1; i < args.length; i++) {
-            let tmp = args[i].trim();
-            if (tmp.includes('height=')) {
-                style += 'height:' + tmp.substring(7, tmp.length) + ';';
-            }
-        }
-    }
-    if (style.length > 0) {
-        ret += ' style="' + style + '"';
-    } else {
-        ret += ' style="height:1.5em"';
-    }
-    ret += '/>';
-    return ret;
-});

package/scripts/tags/inline-image.js

@@ -1,12 +0,0 @@
-'use strict'
-
-const urlFor = require('hexo-util').url_for.bind(hexo)
-
-function inlineImg (args) {
-    const img = args[0]
-    const height = args[1] ? `style="height:${args[1]}"` : ''
-
-    return `<img class="inline-img" src="${urlFor(img)}" ${height}/>`
-}
-
-hexo.extend.tag.register('inlineimage', inlineImg, { ends: false })

package/scripts/tags/label.js

@@ -1,10 +0,0 @@
-'use strict'
-
-function addLabel (args, content) {
-    const text = args[0]
-    const className = args[1] || 'default'
-
-    return `<label class="hl-label bg-${className}">${text}</label> `
-}
-
-hexo.extend.tag.register('label', addLabel, { ends: false })