hexo-theme-solitude 1.7.8 → 1.7.10

package/source/css/_tags/gallery.styl

@@ -1,67 +1,107 @@
 #article-container
-  .gallery-item
-    overflow hidden
-    border var(--style-border-always)
-    border-radius 12px
-    position relative
-    display inline-flex
-    height 250px
-    width calc(100% / 2 - 16px)
-    cursor pointer
-    margin-bottom 10px
-    user-select none
+  figure.gallery-group
+    position: relative
+    float: left
+    overflow: hidden
+    margin: 6px 4px
+    width: calc(50% - 8px)
+    height: 250px
+    border-radius: 8px
+    background: var(--efu-black)
+    -webkit-transform: translate3d(0, 0, 0)
 
-    +maxWidth768()
-      width 100%
+    +maxWidth600()
+      width: calc(100% - 8px)
 
     &:hover
-      .cover
-        filter brightness(0.5)
-        transition all .3s
-        transform scale(1.1)
+      img
+        opacity: .4
+        transform: translate3d(0, 0, 0)
+
+      .gallery-group-name::after
+        transform: translate3d(0, 0, 0)
+
+      p
+        opacity: 1
+        transform: translate3d(0, 0, 0)
+
+    img
+      position: relative
+      margin: 0
+      max-width: none
+      width: calc(100% + 20px)
+      height: 250px
+      backface-visibility: hidden
+      opacity: .8
+      transition: all .3s, filter 375ms ease-in .2s
+      transform: translate3d(-10px, 0, 0)
+      object-fit: cover
+      border none
 
-      .title::after
-        width 100%
-        transition all .3s
+    figcaption
+      position: absolute
+      top: 0
+      left: 0
+      padding: 30px
+      width: 100%
+      height: 100%
+      color: var(--efu-white)
+      text-transform: uppercase
+      backface-visibility: hidden
 
-      .desc
-        left 10%
-        transition left .35s
-        text-wrap unset
+      & > a
+        position: absolute
+        top: 0
+        right: 0
+        bottom: 0
+        left: 0
+        z-index: 1000
+        opacity: 0
 
-    .cover
-      width 100%
-      object-fit cover
-      transition all 0.3s
-      margin 0
-      max-width 100%
+    p
+      @extend .limit-more-line
+      margin: 0
+      padding: 8px 0 0
+      letter-spacing: 1px
+      font-size: 1.1em
+      line-height: 1.5
+      opacity: 0
+      transition: opacity .35s, transform .35s
+      transform: translate3d(100%, 0, 0)
+      -webkit-line-clamp: 4
 
-    .title
-      position absolute
-      top 10%
-      left 10%
-      font-weight 700
-      font-size 32px
-      color var(--efu-white)
+    .gallery-group-name
+      @extend .limit-more-line
+      position: relative
+      margin: 0
+      padding: 8px 0
+      font-weight: bold
+      font-size: 1.65em
+      line-height: 1.5
+      -webkit-line-clamp: 2
 
-      &::after
-        top 55px
-        width 0
-        left 0
-        height 2px
-        background var(--efu-white)
-        content ""
-        border-radius 1px
-        position absolute
-        transition all .3s
+      &:after
+        position: absolute
+        bottom: 0
+        left: 0
+        width: 100%
+        height: 2px
+        background: var(--efu-white)
+        content: ''
+        transition: transform .35s
+        transform: translate3d(-100%, 0, 0)
+
+  .gallery-group-main
+    overflow: auto
+    padding: 0 0 16px
+
+  .gallery-item
+    min-height 5rem
+    width 24.97%
+    padding 4px
+    position relative
 
-    .desc
-      position absolute
-      top 35%
-      left 100%
-      width 80%
-      color var(--efu-white)
-      font-size 1.1em
-      transition left .35s
-      letter-spacing 1px
-      text-wrap break-word
+    img
+      max-width: 100%;
+      border-radius: 0;
+      margin 0

package/source/js/main.js

@@ -30,6 +30,7 @@ const sidebarFn = () => {
         if (utils.isHidden($toggleMenu)) {
             if ($mobileSidebarMenus.classList.contains('open')) closeMobileSidebar()
         }
+        sco.reflashEssayWaterFall();
     })
 }
 
@@ -204,6 +205,7 @@ class toc {
 
 let lastSayHello = "";
 let wleelw_musicPlaying = false
+let right_menu = false
 
 let sco = {
     hideCookie: function () {
@@ -238,14 +240,17 @@ let sco = {
         const $music = document.querySelector('#nav-music');
         const $meting = document.querySelector('meting-js');
         const $console = document.getElementById('consoleMusic');
-        const $toggleButton = document.getElementById('menu-music-toggle');
+        const $rm_text = document.querySelector('#menu-music-toggle span');
+        const $rm_icon = document.querySelector('#menu-music-toggle i');
         wleelw_musicPlaying = !wleelw_musicPlaying;
         $music.classList.toggle("playing", wleelw_musicPlaying);
         $console.classList.toggle("on", wleelw_musicPlaying);
         if (wleelw_musicPlaying) {
             $meting.aplayer.play();
+            right_menu && ($rm_text.textContent = GLOBAL_CONFIG.right_menu.music.stop) && ($rm_icon.className = 'solitude st-pause-fill')
         } else {
             $meting.aplayer.pause();
+            right_menu && ($rm_text.textContent = GLOBAL_CONFIG.right_menu.music.start) && ($rm_icon.className = 'solitude st-play-fill')
         }
     },
     switchCommentBarrage: function () {
@@ -255,10 +260,12 @@ let sco = {
                 commentBarrageElement.style.display = "none";
                 document.querySelector("#consoleCommentBarrage").classList.remove("on");
                 localStorage.removeItem("commentBarrageSwitch");
+                right_menu && rm.barrage(true)
             } else {
                 commentBarrageElement.style.display = "flex";
                 document.querySelector("#consoleCommentBarrage").classList.add("on");
                 localStorage.setItem("commentBarrageSwitch", "false");
+                right_menu && rm.barrage(false)
             }
         }
     },
@@ -302,15 +309,16 @@ let sco = {
             document.documentElement.setAttribute('data-theme', 'dark')
             saveToLocal.set('theme', 'dark', 0.02);
             utils.snackbarShow(GLOBAL_CONFIG.lang.theme.dark, false, 2000)
+            right_menu && rm.mode(true)
         } else {
             document.documentElement.setAttribute('data-theme', 'light')
             saveToLocal.set('theme', 'light', 0.02);
             utils.snackbarShow(GLOBAL_CONFIG.lang.theme.light, false, 2000)
+            right_menu && rm.mode(false)
         }
     },
     hideTodayCard: () => document.getElementById('todayCard').classList.add('hide'),
     toTop: () => utils.scrollToDest(0),
-
     showConsole: function () {
         let el = document.getElementById('console')
         if (el && !el.classList.contains('show')) {
@@ -335,7 +343,7 @@ let sco = {
         el && GLOBAL_CONFIG.runtime && (el.innerText = utils.timeDiff(new Date(GLOBAL_CONFIG.runtime), new Date()) + GLOBAL_CONFIG.lang.time.day)
     },
     toTalk: function (txt) {
-        const inputs = ["#wl-edit", ".el-textarea__inner"]
+        const inputs = ["#wl-edit", ".el-textarea__inner", "#veditor"]
         for (let i = 0; i < inputs.length; i++) {
             let el = document.querySelector(inputs[i])
             if (el != null) {
@@ -349,6 +357,7 @@ let sco = {
                 el.setSelectionRange(-1, -1)
             }
         }
+        utils.snackbarShow(GLOBAL_CONFIG.lang.totalk, !1, 2e3);
     },
     initbbtalk: function () {
         if (document.querySelector('#bber-talk')) {
@@ -387,10 +396,10 @@ let sco = {
             const hours = timeNow.getHours();
             const lang = GLOBAL_CONFIG.aside.sayhello;
             const greetings = [{
-                    start: 0,
-                    end: 5,
-                    text: lang.goodnight
-                },
+                start: 0,
+                end: 5,
+                text: lang.goodnight
+            },
                 {
                     start: 6,
                     end: 10,
@@ -660,19 +669,14 @@ let sco = {
             item.textContent = utils.diffDate(timeVal, true)
             item.style.display = 'inline'
         })
-    }
+    },
 }
 
 const addHighlight = () => {
     const highlight = GLOBAL_CONFIG.highlight;
     if (!highlight) return;
 
-    const {
-        copy,
-        expand,
-        limit,
-        syntax
-    } = highlight;
+    const {copy, expand, limit, syntax} = highlight;
     const $isPrismjs = syntax === 'prismjs';
     const $isShowTool = highlight.enable || copy || expand || limit;
     const expandClass = !expand === true ? 'closed' : ''
@@ -773,13 +777,7 @@ const addHighlight = () => {
 
 const addCopyright = () => {
     if (!GLOBAL_CONFIG.copyright) return
-    const {
-        limit,
-        author,
-        link,
-        source,
-        info
-    } = GLOBAL_CONFIG.copyright
+    const {limit, author, link, source, info} = GLOBAL_CONFIG.copyright
     const handleCopy = (e) => {
         e.preventDefault()
         const copyText = window.getSelection(0).toString()
@@ -834,8 +832,8 @@ class tabs {
 }
 
 window.refreshFn = () => {
-    if (PAGE_CONFIG.is_home) {
-        sco.changeTimeFormat(document.querySelectorAll('#recent-posts time'))
+    if (PAGE_CONFIG.is_home || PAGE_CONFIG.is_page) {
+        sco.changeTimeFormat(document.querySelectorAll('#recent-posts time, .webinfo-item time'))
         GLOBAL_CONFIG.runtime && sco.addRuntime()
     } else {
         sco.changeTimeFormat(document.querySelectorAll('#post-meta time'))
@@ -852,8 +850,9 @@ window.refreshFn = () => {
     sco.categoriesBarActive()
     sco.listenToPageInputPress()
     sco.addNavBackgroundInit()
+    sco.reflashEssayWaterFall()
     GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg()
-    GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar)"))
+    GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar,.gallery-group img)"))
     GLOBAL_CONFIG.randomlink && randomLinksList()
     PAGE_CONFIG.comment && initComment()
     PAGE_CONFIG.toc && toc.init();

package/source/js/right_menu.js

@@ -0,0 +1,230 @@
+var selectTextNow = "";
+let selectText = () => selectTextNow = document.selection ? document.selection.createRange().text : window.getSelection() + "" || ""
+document.onmouseup = document.ondbclick = selectText
+
+const rm = {
+    mask: document.getElementById("rightmenu-mask"),
+    menu: document.getElementById("rightMenu"),
+    width: document.querySelector("#rightMenu").offsetWidth,
+    height: document.querySelector("#rightMenu").offsetHeight,
+    domhref: "",
+    domsrc: "",
+    globalEvent: null,
+    menuItems: {
+        other: document.getElementsByClassName('rightMenuOther'),
+        plugin: document.getElementsByClassName('rightMenuPlugin'),
+        back: document.getElementById('menu-backward'),
+        forward: document.getElementById('menu-forward'),
+        refresh: document.getElementById('menu-refresh'),
+        top: document.getElementById('menu-top'),
+        copy: document.getElementById('menu-copytext'),
+        paste: document.getElementById('menu-pastetext'),
+        comment: document.getElementById('menu-commenttext'),
+        new: document.getElementById('menu-newwindow'),
+        copyLink: document.getElementById('menu-copylink'),
+        copyImg: document.getElementById('menu-copyimg'),
+        downloadImg: document.getElementById('menu-downloadimg'),
+        search: document.getElementById('menu-search'),
+        barrage: document.getElementById('menu-commentBarrage'),
+        music: [
+            toggle = document.getElementById('menu-music-toggle'),
+            back = document.getElementById('menu-music-back'),
+            forward = document.getElementById('menu-music-forward'),
+            copyMusicName = document.getElementById('menu-music-copyMusicName'),
+        ]
+    },
+    showRightMenu: (e, x = 0, y = 0) => {
+        rm.menu.style.top = y + 'px';
+        rm.menu.style.left = x + 'px';
+        rm.menu.style.display = e ? 'block' : 'none';
+        e ? stopMaskScroll() : rm.mask.style.display = 'none';
+    },
+    hideRightMenu: () => {
+        rm.showRightMenu(false)
+        rm.mask.style.display = 'none'
+    },
+    reLoadSize: () => {
+        rm.menu.style.display = "block";
+        rm.width = rm.menu.offsetWidth;
+        rm.height = rm.menu.offsetHeight;
+        rm.menu.style.display = 'none';
+    },
+    copyText: (e) => {
+        navigator.clipboard && navigator.clipboard.writeText(e)
+        utils.snackbarShow(GLOBAL_CONFIG.lang.copy.success, false, 2000)
+        rm.hideRightMenu()
+    },
+    pasteText: () => rm.readClipboard(),
+    readClipboard: () => navigator.clipboard && navigator.clipboard.readText().then((e => rm.insertAtCaret(rm.globalEvent.target, e))),
+    insertAtCaret: (e, n) => {
+        const t = e.selectionStart
+            , o = e.selectionEnd;
+        if (document.selection)
+            e.focus(),
+                document.selection.createRange().text = n,
+                e.focus();
+        else if (t || "0" === t) {
+            let i = e.scrollTop;
+            e.value = e.value.substring(0, t) + n + e.value.substring(o, e.value.length),
+                e.focus(),
+                e.selectionStart = t + n.length,
+                e.selectionEnd = t + n.length,
+                e.scrollTop = i
+        } else
+            e.value += n,
+                e.focus()
+    },
+    downloadImage: async function (imageUrl = rm.domsrc, filename = 'photo') {
+        try {
+            const response = await fetch(imageUrl);
+            const blob = await response.blob();
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = filename || 'image.jpg';
+            link.style.display = 'none';
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        } catch (error) {
+            utils.snackbarShow(GLOBAL_CONFIG.right_menu.img_error, false, 2000)
+        }
+    },
+    copyImage: async function (imgUrl = this.domsrc) {
+        try {
+            const response = await fetch(imgUrl);
+            const blob = await response.blob();
+            const data = new ClipboardItem({
+                'image/png': blob
+            });
+            await navigator.clipboard.write([data]);
+
+            utils.snackbarShow(GLOBAL_CONFIG.lang.copy.success, false, 3e3)
+        } catch (error) {
+            utils.snackbarShow(GLOBAL_CONFIG.right_menu.img_error, false, 2000)
+        }
+    },
+    mode: (darkmode) => (darkmode ? document.querySelector('.menu-darkmode-text').textContent = GLOBAL_CONFIG.right_menu.mode.light : document.querySelector('.menu-darkmode-text').textContent = GLOBAL_CONFIG.right_menu.mode.dark) && rm.hideRightMenu(),
+    barrage: (enable) => (enable ? document.querySelector(".menu-commentBarrage-text").textContent = GLOBAL_CONFIG.right_menu.barrage.open : document.querySelector(".menu-commentBarrage-text").textContent = GLOBAL_CONFIG.right_menu.barrage.close) && rm.hideRightMenu()
+}
+
+function stopMaskScroll() {
+    utils.addEventListenerPjax(rm.menu, "mousewheel", rm.hideRightMenu)
+    utils.addEventListenerPjax(rm.mask, "mousewheel", rm.hideRightMenu)
+    utils.addEventListenerPjax(rm.mask, "click", rm.hideRightMenu)
+}
+
+window.oncontextmenu = (ele) => {
+    if (document.body.clientWidth <= 768) return;
+    let x = ele.clientX + 10;
+    let y = ele.clientY;
+    Array.from(rm.menuItems.other).forEach(item => item.style.display = 'block');
+
+    rm.globalEvent = ele
+
+    let display = false
+    let link = ele.target.href
+    let src = ele.target.currentSrc
+
+    if (selectTextNow && window.getSelection()) {
+        display = true;
+        rm.menuItems.copy.style.display = 'block';
+        rm.menuItems.comment.style.display = 'block';
+        rm.menuItems.search.style.display = 'block';
+    } else {
+        rm.menuItems.copy.style.display = 'none';
+        rm.menuItems.comment.style.display = 'none';
+        rm.menuItems.search.style.display = 'none';
+    }
+
+    if (link) {
+        display = true;
+        rm.menuItems.new.style.display = 'block';
+        rm.menuItems.copyLink.style.display = 'block';
+        rm.domhref = link;
+    } else {
+        rm.menuItems.new.style.display = 'none';
+        rm.menuItems.copyLink.style.display = 'none';
+    }
+
+    if (src) {
+        display = true
+        rm.menuItems.copyImg.style.display = 'block'
+        rm.menuItems.downloadImg.style.display = 'block'
+        rm.domsrc = src
+    } else {
+        rm.menuItems.copyImg.style.display = 'none';
+        rm.menuItems.downloadImg.style.display = 'none';
+    }
+
+    let tagName = ele.target.tagName.toLowerCase();
+    if (tagName === 'input' || tagName === 'textarea') {
+        display = true;
+        rm.menuItems.paste.style.display = 'block';
+    } else {
+        rm.menuItems.paste.style.display = 'none';
+    }
+
+    if (tagName === 'meting-js') {
+        display = true;
+        rm.menuItems.music.forEach(item => item.style.display = 'block');
+    } else {
+        rm.menuItems.music.forEach(item => item.style.display = 'none');
+    }
+
+    Array.from(display ? rm.menuItems.other : rm.menuItems.plugin).forEach(item => item.style.display = 'none');
+    Array.from(display ? rm.menuItems.plugin : rm.menuItems.other).forEach(item => item.style.display = 'block');
+    rm.reLoadSize()
+    x + rm.width > window.innerWidth && (x -= rm.width + 10);
+    y + rm.height > window.innerHeight && (y -= y + rm.height - window.innerHeight)
+    rm.mask.style.display = 'flex';
+    rm.showRightMenu(true, x, y);
+    return false;
+}
+
+!function () {
+    rm.menuItems.back.addEventListener('click', () => window.history.back() || rm.hideRightMenu());
+    rm.menuItems.forward.addEventListener('click', () => window.history.forward() || rm.hideRightMenu());
+    rm.menuItems.refresh.addEventListener('click', () => window.location.reload())
+    rm.menuItems.top.addEventListener('click', () => sco.toTop() || rm.hideRightMenu());
+
+    if (GLOBAL_CONFIG.right_menu.music) {
+        rm.menuItems.music[0].addEventListener('click', () => {
+            sco.musicToggle()
+            rm.hideRightMenu()
+        })
+        rm.menuItems.music[1].addEventListener('click', () => {
+            document.querySelector('meting-js').aplayer.skipBack()
+            rm.hideRightMenu()
+        })
+        rm.menuItems.music[2].addEventListener('click', () => {
+            document.querySelector('meting-js').aplayer.skipForward()
+            rm.hideRightMenu()
+        })
+        rm.menuItems.music[3].addEventListener('click', () => {
+            const title = Array.from(document.querySelectorAll('.aplayer-title')).map(e => e.innerText)[0];
+            rm.copyText(title)
+        })
+    }
+
+    rm.menuItems.copy.addEventListener('click', () => {
+        if (GLOBAL_CONFIG.copyright) {
+            const {limit, author, link, source, info} = GLOBAL_CONFIG.copyright
+            if (selectTextNow.length > limit) {
+                selectTextNow = `${selectTextNow}\n\n${author}\n${link}${window.location.href}\n${source}\n${info}`
+            }
+        }
+        rm.copyText(selectTextNow)
+        rm.hideRightMenu()
+    })
+
+    rm.menuItems.paste.addEventListener('click', () => rm.pasteText() && rm.hideRightMenu())
+    rm.menuItems.comment.addEventListener('click', () => rm.hideRightMenu() || sco.toTalk(selectTextNow))
+    rm.menuItems.new.addEventListener('click', () => window.open(rm.domhref) && rm.hideRightMenu())
+    rm.menuItems.search.addEventListener('click', () => rm.hideRightMenu())
+    rm.menuItems.downloadImg.addEventListener('click', () => rm.downloadImage() && rm.hideRightMenu())
+    rm.menuItems.copyImg.addEventListener('click', () => rm.copyImage() && rm.hideRightMenu())
+}()
+
+right_menu = true

package/source/js/search/algolia.js

@@ -32,6 +32,16 @@ window.addEventListener("load", () => {
 
     const searchClickFn = () => {
         utils.addEventListenerPjax(document.querySelector("#search-button > .search"), "click", openSearch);
+
+        GLOBAL_CONFIG.right_menu && document.getElementById("menu-search").addEventListener("click", function (){
+            rm.hideRightMenu();
+            openSearch();
+            let t=document.getElementsByClassName('ais-SearchBox-input')[0];
+            let evt = document.createEvent('HTMLEvents');
+            evt.initEvent('input', true,true)
+            t.value = selectTextNow
+            t.dispatchEvent(evt)
+        })
     };
 
     const searchFnOnce = () => {

package/source/js/search/local.js

@@ -37,6 +37,16 @@ window.onload = () => {
 
     const searchClickFn = () =>{
         utils.addEventListenerPjax(document.querySelector("#search-button > .search"), "click", openSearch);
+
+        GLOBAL_CONFIG.right_menu && document.getElementById("menu-search").addEventListener("click", function (){
+            rm.hideRightMenu();
+            openSearch();
+            let t=document.getElementsByClassName('search-box-input')[0];
+            let evt = document.createEvent('HTMLEvents');
+            evt.initEvent('input', true,true)
+            t.value = selectTextNow
+            t.dispatchEvent(evt)
+        })
     }
 
     searchClickFn();