hexo-theme-solitude 1.5.11 → 1.6.1

package/source/js/main.js

@@ -234,17 +234,29 @@ let sco = {
             }));
         }
     },
+    musicToggle: function () {
+        const $music = document.querySelector('#nav-music');
+        const $meting = document.querySelector('meting-js');
+        const $console = document.getElementById('consoleMusic');
+        const $toggleButton = document.getElementById('menu-music-toggle');
+        wleelw_musicPlaying = !wleelw_musicPlaying;
+        $music.classList.toggle("playing", wleelw_musicPlaying);
+        $console.classList.toggle("on", wleelw_musicPlaying);
+        if (wleelw_musicPlaying) {
+            $meting.aplayer.play();
+        } else {
+            $meting.aplayer.pause();
+        }
+    },
     switchCommentBarrage: function () {
         let commentBarrageElement = document.querySelector(".comment-barrage");
         if (commentBarrageElement) {
             if (window.getComputedStyle(commentBarrageElement).display === "flex") {
                 commentBarrageElement.style.display = "none";
-                document.querySelector(".menu-commentBarrage-text").textContent = "显示热评";
                 document.querySelector("#consoleCommentBarrage").classList.remove("on");
                 localStorage.removeItem("commentBarrageSwitch");
             } else {
                 commentBarrageElement.style.display = "flex";
-                document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评";
                 document.querySelector("#consoleCommentBarrage").classList.add("on");
                 localStorage.setItem("commentBarrageSwitch", "false");
             }
@@ -290,12 +302,10 @@ let sco = {
             document.documentElement.setAttribute('data-theme', 'dark')
             saveToLocal.set('theme', 'dark', 0.02);
             utils.snackbarShow(GLOBAL_CONFIG.lang.theme.dark, false, 2000)
-            GLOBAL_CONFIG.rightside && (document.querySelector(".menu-darkmode-text").textContent = "浅色模式");
         } else {
             document.documentElement.setAttribute('data-theme', 'light')
             saveToLocal.set('theme', 'light', 0.02);
             utils.snackbarShow(GLOBAL_CONFIG.lang.theme.light, false, 2000)
-            GLOBAL_CONFIG.rightside && (document.querySelector(".menu-darkmode-text").textContent = "深色模式");
         }
     },
     hideTodayCard: () => document.getElementById('todayCard').classList.add('hide'),
@@ -368,67 +378,6 @@ let sco = {
             }
         });
     },
-    downloadImage: function (imageUrl, filename = 'photo') {
-        if (rm.downloadimging) {
-            utils.snackbarShow("有正在进行中的下载，请稍后再试");
-            return;
-        }
-
-        rm.hideRightMenu();
-        rm.downloadimging = true;
-        utils.snackbarShow("正在下载中，请稍后", false, 10000);
-
-        let img = new Image();
-        img.setAttribute("crossOrigin", "anonymous");
-        img.onload = function () {
-            let canvas = document.createElement("canvas");
-            canvas.width = img.width;
-            canvas.height = img.height;
-            let ctx = canvas.getContext("2d");
-            ctx.drawImage(img, 0, 0, img.width, img.height);
-
-            let dataUrl = canvas.toDataURL("image/png");
-            let link = document.createElement("a");
-            link.download = filename;
-            link.href = dataUrl;
-
-            let clickEvent = new MouseEvent("click");
-            link.dispatchEvent(clickEvent);
-
-            utils.snackbarShow("图片已添加盲水印，请遵守版权协议");
-            rm.downloadimging = false;
-        };
-        img.src = imageUrl;
-    },
-    musicToggle: function () {
-        const $music = document.querySelector('#nav-music');
-        const $meting = document.querySelector('meting-js');
-        const $console = document.getElementById('consoleMusic');
-        const $toggleButton = document.getElementById('menu-music-toggle');
-        wleelw_musicPlaying = !wleelw_musicPlaying;
-        $music.classList.toggle("playing", wleelw_musicPlaying);
-        $console.classList.toggle("on", wleelw_musicPlaying);
-        if (wleelw_musicPlaying) {
-            $meting.aplayer.play();
-            $toggleButton.innerHTML = `<i class="solitude st-pause-fill"></i><span>暂停音乐</span>`;
-        } else {
-            $meting.aplayer.pause();
-            $toggleButton.innerHTML = `<i class="solitude st-play-fill"></i><span>播放音乐</span>`;
-        }
-        rm.hideRightMenu();
-    },
-    musicSkipBack: function () {
-        document.querySelector('meting-js').aplayer.skipBack()
-        rm.hideRightMenu()
-    },
-    musicSkipForward: function () {
-        document.querySelector('meting-js').aplayer.skipForward()
-        rm.hideRightMenu()
-    },
-    musicGetName: function () {
-        const titles = Array.from(document.querySelectorAll('.aplayer-title')).map(e => e.innerText);
-        return titles[0];
-    },
     scrollToComment: function () {
         utils.scrollToDest(utils.getEleTop(document.getElementById('post-comment')), 300)
     },
@@ -581,13 +530,13 @@ let sco = {
         });
     },
     addNavBackgroundInit: function () {
-        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+        const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
         if (scrollTop !== 0) {
-            var pageHeader = document.getElementById("page-header");
+            const pageHeader = document.getElementById("page-header");
             if (pageHeader) {
                 pageHeader.classList.add("nav-fixed", "nav-visible");
             }
-            var cookiesWindow = document.getElementById("cookies-window");
+            const cookiesWindow = document.getElementById("cookies-window");
             if (cookiesWindow) {
                 cookiesWindow.style.display = 'none';
             }
@@ -656,9 +605,63 @@ let sco = {
             element.dispatchEvent(new Event("input"));
         });
     },
+    owoBig() {
+        const type = GLOBAL_CONFIG.comment.type;
+        const owoSelectors = {
+            body: type === 'twikoo' ? '.OwO-body' : '.wl-emoji-popup',
+            item: type === 'twikoo' ? '.OwO-items li' : '.wl-tab-wrapper button'
+        };
+
+        let owoBig = document.getElementById('owo-big');
+        if (!owoBig) {
+            owoBig = document.createElement('div');
+            owoBig.id = 'owo-big';
+            document.body.appendChild(owoBig);
+        }
+
+        const debounce = (func, wait) => {
+            let timeout;
+            return function (...args) {
+                const later = () => {
+                    clearTimeout(timeout);
+                    func(...args);
+                };
+                clearTimeout(timeout);
+                timeout = setTimeout(later, wait);
+            };
+        };
+
+        const showOwoBig = (event) => {
+            const target = event.target;
+            const owoItem = target.closest(owoSelectors.item);
+            if (owoItem && target.closest(owoSelectors.body)) {
+                const imgSrc = owoItem.querySelector('img')?.src;
+                if (imgSrc) {
+                    owoBig.innerHTML = `<img src="${imgSrc}" style="max-width: 100%; height: auto;">`;
+                    owoBig.style.display = 'block';
+                    positionOwoBig(owoItem);
+                }
+            }
+        };
+
+        const hideOwoBig = (event) => {
+            if (event.target.closest(owoSelectors.item) && event.target.closest(owoSelectors.body)) {
+                owoBig.style.display = 'none';
+            }
+        };
+
+        function positionOwoBig(owoItem) {
+            const itemRect = owoItem.getBoundingClientRect();
+            owoBig.style.left = `${itemRect.left - (owoBig.offsetWidth / 4)}px`;
+            owoBig.style.top = `${itemRect.top}px`;
+        }
+
+        document.addEventListener('mouseover', debounce(showOwoBig, 100));
+        document.addEventListener('mouseout', hideOwoBig);
+    }
 }
 
-const AddHighLightTool = () => {
+const addHighlight = () => {
     const highlight = GLOBAL_CONFIG.highlight;
     if (!highlight) return;
 
@@ -810,13 +813,12 @@ window.refreshFn = () => {
     sco.listenToPageInputPress()
     sco.addNavBackgroundInit()
     utils.changeTimeFormat()
-    GLOBAL_CONFIG.rightside.enable && addRightMenuClickEvent()
     GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg()
     GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar)"))
     GLOBAL_CONFIG.randomlinks && randomLinksList()
     PAGE_CONFIG.comment && initComment()
     PAGE_CONFIG.toc && toc.init();
-    (PAGE_CONFIG.is_post || PAGE_CONFIG.is_page) && ((AddHighLightTool()) || tabs.init())
+    (PAGE_CONFIG.is_post || PAGE_CONFIG.is_page) && ((addHighlight()) || tabs.init())
     PAGE_CONFIG.is_home && showTodayCard()
     GLOBAL_CONFIG.covercolor.enable && coverColor()
     sco.initConsoleState()

package/source/js/utils.js

@@ -224,7 +224,7 @@ const utils = {
             }
         }
     },
-    changeTimeFormat(){
+    changeTimeFormat() {
         window.Lately && Lately.init({
             target: 'time',
             lang: GLOBAL_CONFIG.lang.lately,

package/layout/includes/recent-posts.pug

@@ -1,9 +0,0 @@
-
-if page.posts.length > 0
-  #recent-posts
-    h1 Recent Posts
-    each post in page.posts.sort('date', -1).limit(10).toArray()
-      .recent-post-item
-        a(href=url_for(post.path))= post.title
-        if post.date
-          time(datetime=post.date.toJSON())= date(post.date, date_format)

package/layout/includes/widgets/rightside/index.pug

@@ -1,87 +0,0 @@
-div#rightMenu
-    div.rightMenu-group.rightMenu-small
-        div.rightMenu-item#menu-backward
-            i.solitude.st-arrow-left-line
-        div.rightMenu-item#menu-forward
-            i.solitude.st-arrow-right-line
-        div.rightMenu-item#menu-refresh
-            i.solitude.st-restart-line
-        div.rightMenu-item#menu-top
-            i.solitude.st-arrow-up-line
-    div.rightMenu-group.rightMenu-line.rightMenuPlugin
-        div.rightMenu-item#menu-copytext
-            i.solitude.st-copy-fill
-            span= _p('rightmenu.copytext')
-        div.rightMenu-item#menu-pastetext
-            i.solitude.st-clipboard-fill
-            span= _p('rightmenu.pastetext')
-        if theme.comment.enable
-            a.rightMenu-item#menu-commenttext
-                i.solitude.st-chat-new-fill
-                span= _p('rightmenu.commenttext')
-        div.rightMenu-item#menu-newwindow
-            i.solitude.st-window-fill
-            span= _p('rightmenu.newwindow')
-        div.rightMenu-item#menu-copylink
-            i.solitude.st-link-line
-            span= _p('rightmenu.copylink')
-        div.rightMenu-item#menu-copyimg
-            i.solitude.st-copy-fill
-            span= _p('rightmenu.copyimg')
-        div.rightMenu-item#menu-downloadimg
-            i.solitude.st-download-cloud-fill
-            span= _p('rightmenu.downloadimg')
-        div.rightMenu-item#menu-search
-            i.solitude.st-search-line
-            span= _p('rightmenu.search')
-        div.rightMenu-item#menu-music-toggle
-            i.solitude.st-play-fill
-            span= _p('rightmenu.music.toggle')
-        div.rightMenu-item#menu-music-back
-            i.solitude.st-skip-back-fill
-            span= _p('rightmenu.music.back')
-        div.rightMenu-item#menu-music-forward
-            i.solitude.st-skip-forward-fill
-            span= _p('rightmenu.music.forward')
-        div.rightMenu-item#menu-music-playlist(onclick=`window.open('${theme.capsule.server === 'tencent' ? `https://y.qq.com/n/ryqq/playlist/${theme.capsule.id}` : `https://music.163.com/#/playlist?id=${theme.capsule.id}`}', '_blank');`)
-            i.solitude.st-play-list-2-line
-            span= _p('rightmenu.music.playlist')
-        div.rightMenu-item#menu-music-copyMusicName
-            i.solitude.st-copy-fill
-            span= _p('rightmenu.music.copyMusicName')
-    div.rightMenu-group.rightMenu-line.rightMenuOther
-        a.rightMenu-item.menu-Link#menu-randomPost
-            i.solitude.st-signal-tower-fill
-            span= _p('rightmenu.randomPost')
-        a.rightMenu-item.menu-link(href="/categories/")
-            i.solitude.st-checkbox-multiple-blank-fill
-            span= _p('rightmenu.categories')
-        a.rightMenu-item.menu-link(href="/tags/")
-            i.solitude.st-price-tag-fill
-            span= _p('rightmenu.tags')
-    div.rightMenu-group.rightMenu-line.rightMenuOther
-        div.rightMenu-item#menu-copy
-            i.solitude.st-external-link-fill
-            span= _p('rightmenu.copyaddress')
-        if  theme.comment.enable && theme.comment.commentBarrage
-            div.rightMenu-item#menu-commentBarrage
-                i.solitude.st-chat-fill
-                span.menu-commentBarrage-text= _p('rightmenu.commentBarrage')
-        div.rightMenu-item#menu-darkmode
-            i.solitude.st-moon-clear-fill
-            case theme.display_mode.type
-                when 'auto'
-                when 'light'
-                    span.menu-darkmode-text= _p('rightmenu.dark')
-                when 'dark'
-                    span.menu-darkmode-text= _p('rightmenu.light')
-        if theme.translate.enable
-            div.rightMenu-item#menu-translate
-                case theme.translate.defaultEncoding
-                    when 2
-                        i.solitude.st-panben-line
-                        span= _p('rightmenu.chs_to_cht')
-                    when 1
-                        i.solitude.st-jianben-line
-                        span= _p('rightmenu.cht_to_chs')
-div#rightmenu-mask

package/source/css/_layout/basic.styl

@@ -1,308 +0,0 @@
-*
-  box-sizing border-box
-
-html
-  line-height 1.15
-  -webkit-text-size-adjust 100%
-  text-size-adjust 100%
-  height: 100%;
-  font-size: 20px
-  overflow-y: overlay
-
-main
-  display block
-
-body
-  position relative
-  min-height 100%
-  background var(--efu-background)
-  color var(--efu-fontcolor)
-  font-size 16px
-  font-family "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"
-  line-height 2
-  -webkit-tap-highlight-color transparent
-  margin 0
-
-::selection
-  background var(--efu-main)
-  color var(--efu-white)
-
-i.solitude
-  font-size 22px
-  line-height 1
-
-h1
-  font-size 2em
-  margin .67em 0
-
-h1, h2, h3, h4, h5, h6
-  padding-top 0
-  padding-left 0
-  font-weight 700
-  position relative
-  margin 1rem 0 0.7rem
-  color var(--efu-fontcolor)
-
-hr
-  box-sizing content-box
-  height 0
-  overflow visible
-  display: none
-
-pre
-  font-family monospace, monospace
-
-a
-  color var(--efu-fontcolor)
-  text-decoration none
-  transition all .3s ease 0s
-  overflow-wrap break-word
-  -webkit-user-drag none
-
-abbr[title]
-  border-bottom none
-  text-decoration underline dotted
-
-b, strong
-  font-weight bolder
-
-code, kbd, samp
-  font-family monospace, monospace
-  font-size 1em
-
-small
-  font-size 80%
-
-sub, sup
-  font-size 75%
-  line-height 0
-  position relative
-  vertical-align baseline
-
-sub
-  bottom -.25em
-
-sup
-  top -.5em
-
-button, input, optgroup, select, textarea
-  font-family inherit
-  font-size 100%
-  line-height 1.15
-  margin 0
-
-button, input
-  overflow visible
-
-input::placeholder
-  color var(--efu-gray)
-
-button, select
-  text-transform none
-
-[type=button], [type=reset], [type=submit], button
-  appearance button
-
-fieldset
-  padding .35em .75em .625em
-
-legend
-  box-sizing border-box
-  color inherit
-  display table
-  max-width 100%
-  padding 0
-  white-space normal
-
-progress
-  vertical-align baseline
-
-textarea
-  overflow auto
-
-[type=checkbox], [type=radio]
-  box-sizing border-box
-  padding 0
-
-[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
-  height auto
-
-[type=search]
-  appearance textfield
-  outline-offset -2px
-
-[type=search]::-webkit-search-decoration
-  appearance none
-
-input[type=checkbox] + label::before, input[type=radio] + label::before
-  content ''
-  display inline-block
-  width 16px
-  height 16px
-  border 1px solid #999
-  background-color #fff
-  margin-right 5px
-  vertical-align middle
-
-::-webkit-file-upload-button
-  appearance button
-  font inherit
-
-summary
-  display list-item
-
-template
-  display none
-
-[hidden]
-  display none
-
-input::placeholder
-  color var(--efu-fontcolor)
-
-.table-wrap
-  overflow-x scroll
-  margin 0 0 1rem
-
-table
-  display table
-  width 100%
-  border-spacing 0
-  border-collapse collapse
-  empty-cells show
-
-table thead
-  background rgba(153, 169, 191, .1)
-
-table td, table th
-  padding .3rem .6rem
-  border 1px solid var(--light-grey)
-  vertical-align middle
-
-button
-  padding 0
-  outline 0
-  border none
-  color var(--efu-fontcolor)
-  background 0 0
-  cursor pointer
-
-img
-  border-style none
-  max-width 100%
-  transition all .2s ease 0s
-  -webkit-user-drag none
-
-img:not([src]), img[src=""]
-  opacity 0
-
-.img-alt
-  font-size 12px
-  margin 0
-  margin-top 8px
-  color var(--efu-secondtext)
-
-.is-center
-  text-align center
-  display flex
-  flex-wrap wrap
-  justify-content center
-  flex-direction row
-  align-items center
-
-.copy-true
-  user-select all
-
-.pull-left
-  float left
-
-.pull-right
-  float right
-
-blockquote
-  border: var(--style-border-always);
-  background-color: var(--efu-secondbg);
-  color: var(--efu-secondtext);
-  border-radius: 8px;
-  margin: 1rem 0;
-  padding: .5rem .8rem
-
-  a
-    color var(--blockquote-color)
-
-  p
-    margin 0 !important
-    padding: 0
-
-  .pullquote
-    position relative
-    max-width 45%
-    font-size 110%
-
-    .left
-      left 0
-      margin 1em .5em 0 0
-
-    .right
-      right 0
-      margin 1em 0 0 .5em
-
-li, ul
-  list-style none
-  display block
-  margin 0
-  padding 0
-
-::-webkit-scrollbar
-  width 6px
-  height 6px
-
-::-webkit-scrollbar-thumb
-  background var(--efu-scrollbar)
-  border-radius 8px
-  cursor pointer
-
-::-webkit-scrollbar-thumb:hover
-  background var(--efu-main)
-  opacity 1
-  display block !important
-
-::-webkit-scrollbar-track
-  background-color var(--efu-none)
-
-[data-theme=dark] img
-  filter brightness(1)
-
-a.extend
-  .next
-    right 0
-
-  .prev
-    left 0
-
-.table-wrap
-  margin 1rem 0
-  border-radius 8px
-
-table td, table th
-  border var(--style-border-always)
-
-table thead
-  background var(--efu-secondbg)
-
-b, strong
-  color var(--efu-lighttext)
-
-.button--animated
-  border-radius 8px
-  transition .3s
-  position relative
-
-if hexo-config('fancybox')
-  a.fancybox
-    border-bottom 0
-    padding 0
-    margin auto
-    display contents
-    width fit-content
-    user-select none