hexo-theme-solitude 1.3.1 → 1.4.0

package/source/js/rightside.js

@@ -0,0 +1,404 @@
+let rm = {};
+
+rm.stopdragimg = Array.from(document.getElementsByTagName('img'));
+rm.stopdragimg.forEach(function (img) {
+    img.addEventListener('dragstart', function () {
+        return false;
+    });
+});
+
+rm.showRightMenu = function (e, n = 0, t = 0) {
+    let o = document.getElementById('rightMenu');
+    o.style.top = n + 'px';
+    o.style.left = t + 'px';
+
+    if (e) {
+        o.style.display = 'block';
+        stopMaskScroll();
+    } else {
+        o.style.display = 'none';
+    }
+};
+
+rm.hideRightMenu = function () {
+    rm.showRightMenu(false);
+    document.getElementById('rightmenu-mask').style.display = 'none';
+};
+
+document.querySelector("#rightMenu").style.display = "block"
+rmWidth = document.querySelector("#rightMenu").offsetWidth;
+rmHeight = document.querySelector("#rightMenu").offsetHeight;
+document.querySelector("#rightMenu").style.display = 'none'
+
+rm.reloadrmSize = function () {
+    document.querySelector("#rightMenu").style.display = "block"
+    rmWidth = document.querySelector("#rightMenu").offsetWidth;
+    rmHeight = document.querySelector("#rightMenu").offsetHeight;
+    document.querySelector("#rightMenu").style.display = 'none'
+}
+
+let domhref = "", domImgSrc = "", globalEvent = null;
+
+function imageToBlob(e) {
+    const n = new Image
+        , t = document.createElement("canvas")
+        , o = t.getContext("2d");
+    return n.crossOrigin = "",
+        n.src = e,
+        new Promise((e => {
+                n.onload = function () {
+                    t.width = this.naturalWidth,
+                        t.height = this.naturalHeight,
+                        o.drawImage(this, 0, 0),
+                        t.toBlob((n => {
+                                e(n)
+                            }
+                        ), "image/png", .75)
+                }
+            }
+        ))
+}
+
+async function copyImage(e) {
+    try {
+        const n = await imageToBlob(e);
+        const t = new ClipboardItem({
+            "image/png": n
+        });
+        await navigator.clipboard.write([t]);
+    } catch (error) {
+        console.error('Failed to copy image: ', error);
+    }
+}
+
+function stopMaskScroll() {
+    if (document.getElementById("rightmenu-mask")) {
+        document.getElementById("rightmenu-mask").addEventListener("mousewheel", (function (e) {
+                rm.hideRightMenu()
+            }
+        ), !1)
+    }
+    if (document.getElementById("rightMenu")) {
+        document.getElementById("rightMenu").addEventListener("mousewheel", (function (e) {
+                rm.hideRightMenu()
+            }
+        ), !1)
+    }
+}
+
+window.oncontextmenu = function (e) {
+    if (document.body.clientWidth > 768) {
+        let n = e.clientX + 10;
+        let t = e.clientY;
+        let o = document.getElementsByClassName('rightMenuOther');
+        let i = document.getElementsByClassName('rightMenuPlugin');
+        let c = document.getElementById('menu-copytext');
+        let r = document.getElementById('menu-pastetext');
+        let m = document.getElementById('menu-commenttext');
+        let a = document.getElementById('menu-newwindow');
+        let u = document.getElementById('menu-copylink');
+        let l = document.getElementById('menu-copyimg');
+        let h = document.getElementById('menu-downloadimg');
+        let d = document.getElementById('menu-search');
+        let s = document.getElementById('menu-searchBaidu');
+        let g = document.getElementById('menu-music-toggle');
+        let w = document.getElementById('menu-music-back');
+        let f = document.getElementById('menu-music-forward');
+        let p = document.getElementById('menu-music-playlist');
+        let k = document.getElementById('menu-music-copyMusicName');
+        let y = e.target.href;
+        let M = e.target.currentSrc;
+        let b = false;
+
+        for (let j = 0; j < o.length; j++) {
+            o[j].style.display = 'block';
+        }
+        globalEvent = e;
+
+        if (selectTextNow && window.getSelection()) {
+            b = true;
+            c.style.display = 'block';
+            m.style.display = 'block';
+            d.style.display = 'block';
+            s.style.display = 'block';
+        } else {
+            c.style.display = 'none';
+            m.style.display = 'none';
+            s.style.display = 'none';
+            d.style.display = 'none';
+        }
+
+        if (y) {
+            b = true;
+            a.style.display = 'block';
+            u.style.display = 'block';
+            domhref = y;
+        } else {
+            a.style.display = 'none';
+            u.style.display = 'none';
+        }
+
+        if (M) {
+            b = true;
+            l.style.display = 'block';
+            h.style.display = 'block';
+            domImgSrc = M;
+        } else {
+            l.style.display = 'none';
+            h.style.display = 'none';
+        }
+
+        if (e.target.tagName.toLowerCase() === 'input' || e.target.tagName.toLowerCase() === 'textarea') {
+            b = true;
+            r.style.display = 'block';
+        } else {
+            r.style.display = 'none';
+        }
+
+        if (e.target.nodeName === 'METING-JS') {
+            b = true;
+            g.style.display = 'block';
+            w.style.display = 'block';
+            f.style.display = 'block';
+            p.style.display = 'block';
+            k.style.display = 'block';
+        } else {
+            g.style.display = 'none';
+            w.style.display = 'none';
+            f.style.display = 'none';
+            p.style.display = 'none';
+            k.style.display = 'none';
+        }
+
+        if (b) {
+            for (let j = 0; j < o.length; j++) {
+                o[j].style.display = 'none';
+            }
+            for (let j = 0; j < i.length; j++) {
+                i[j].style.display = 'block';
+            }
+        } else {
+            for (let j = 0; j < i.length; j++) {
+                i[j].style.display = 'none';
+            }
+        }
+
+        rm.reloadrmSize();
+        if (n + rmWidth > window.innerWidth) {
+            n -= rmWidth + 10;
+        }
+
+        if (t + rmHeight > window.innerHeight) {
+            t -= t + rmHeight - window.innerHeight;
+        }
+        rm.showRightMenu(true, t, n);
+        document.getElementById('rightmenu-mask').style.display = 'flex';
+
+        return false;
+    }
+};
+rm.downloadimging = !1
+rm.writeClipImg = function (e) {
+    const n = "localhost" === window.location.hostname || "127.0.0.1" === window.location.hostname ? 0 : 1e4;
+    rm.hideRightMenu();
+    utils.snackbarShow("正在下载中，请稍后", !1, n);
+    if (0 == rm.downloadimging) {
+        rm.downloadimging = !0;
+        setTimeout(async function () {
+            await copyImage(e);
+            utils.snackbarShow("复制成功！图片已添加盲水印，请遵守版权协议");
+            rm.downloadimging = !1;
+        }, 1000);
+    }
+}
+
+rm.switchDarkMode = function () {
+    sco.switchDarkMode()
+    rm.hideRightMenu()
+}
+
+rm.copyUrl = function (e) {
+    var n = e;
+    var t = document.createElement('input');
+    t.id = 'copyVal';
+    document.body.appendChild(t);
+    t.value = n;
+    t.select();
+    t.setSelectionRange(0, t.value.length);
+    document.execCommand('copy');
+    document.body.removeChild(t);
+}
+
+rm.rightmenuCopyText = function (e) {
+    navigator.clipboard && navigator.clipboard.writeText(e),
+        utils.snackbarShow("复制文本成功", !1, 2e3),
+        rm.hideRightMenu()
+}
+
+rm.copyPageUrl = function () {
+    var e = window.location.href;
+    rm.copyUrl(e),
+        utils.snackbarShow("复制本页链接地址成功", !1, 2e3),
+        rm.hideRightMenu()
+}
+
+rm.sharePage = function () {
+    window;
+    rm.copyUrl(url),
+        utils.snackbarShow("复制本页链接地址成功", !1, 2e3),
+        rm.hideRightMenu()
+}
+
+var selectTextNow = "";
+
+function selceText() {
+    var e;
+    e = document.selection ? document.selection.createRange().text : window.getSelection() + "",
+        selectTextNow = e || ""
+}
+
+function replaceAll(e, n, t) {
+    return e.split(n).join(t)
+}
+
+function addRightMenuClickEvent() {
+    document.getElementById('menu-backward').addEventListener('click', function () {
+        window.history.back();
+        rm.hideRightMenu();
+    });
+
+    document.getElementById('menu-forward').addEventListener('click', function () {
+        window.history.forward();
+        rm.hideRightMenu();
+    });
+
+    document.getElementById('menu-refresh').addEventListener('click', function () {
+        window.location.reload();
+    });
+
+    document.getElementById('menu-top').addEventListener('click', function () {
+        utils.scrollToDest(0, 500);
+        rm.hideRightMenu();
+    });
+
+    Array.from(document.getElementsByClassName('menu-link')).forEach(function (element) {
+        element.addEventListener('click', rm.hideRightMenu);
+    });
+
+    var menuDarkmode = document.getElementById('menu-darkmode');
+    menuDarkmode.onclick = null;
+    menuDarkmode.addEventListener('click', rm.switchDarkMode);
+
+    document.getElementById('menu-randomPost').addEventListener('click', function () {
+        toRandomPost();
+    });
+
+    if (GLOBAL_CONFIG.comment.commentBarrage) {
+        const menuCommentBarrage = document.getElementById('menu-commentBarrage');
+        menuCommentBarrage.onclick = null;
+        menuCommentBarrage.addEventListener('click', sco.switchCommentBarrage);
+    }
+
+    var rightmenuMask = document.getElementById('rightmenu-mask');
+    rightmenuMask.addEventListener('click', rm.hideRightMenu);
+    rightmenuMask.addEventListener('contextmenu', function () {
+        rm.hideRightMenu();
+        return false;
+    });
+
+    document.getElementById('menu-copy').addEventListener('click', rm.copyPageUrl);
+    document.getElementById('menu-pastetext').addEventListener('click', rm.pasteText);
+
+    document.getElementById('menu-copytext').addEventListener('click', function () {
+        rm.rightmenuCopyText(selectTextNow);
+        utils.snackbarShow("复制成功，复制和转载请标注本文地址");
+    });
+
+    document.getElementById('menu-commenttext').addEventListener('click', function () {
+        rm.rightMenuCommentText(selectTextNow);
+    });
+
+    document.getElementById('menu-newwindow').addEventListener('click', function () {
+        window.open(domhref);
+        rm.hideRightMenu();
+    });
+
+    document.getElementById('menu-copylink').addEventListener('click', rm.copyLink);
+
+    document.getElementById('menu-downloadimg').addEventListener('click', function () {
+        sco.downloadImage(domImgSrc);
+    });
+
+    document.getElementById('menu-copyimg').addEventListener('click', function () {
+        rm.writeClipImg(domImgSrc);
+    });
+
+    document.getElementById('menu-searchBaidu').addEventListener('click', rm.searchBaidu);
+
+    document.getElementById('menu-music-toggle').addEventListener('click', sco.musicToggle);
+    document.getElementById('menu-music-back').addEventListener('click', sco.musicSkipBack);
+    document.getElementById('menu-music-forward').addEventListener('click', sco.musicSkipForward);
+
+    document.getElementById('menu-music-copyMusicName').addEventListener('click', function () {
+        rm.rightmenuCopyText(sco.musicGetName());
+        utils.snackbarShow("复制歌曲名称成功", false, 3000);
+    });
+}
+
+document.onmouseup = document.ondbclick = selceText
+rm.readClipboard = function () {
+    navigator.clipboard && navigator.clipboard.readText().then((e => rm.insertAtCaret(globalEvent.target, e)))
+}
+
+rm.insertAtCaret = function (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) {
+        var 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()
+}
+
+rm.pasteText = function () {
+    rm.readClipboard();
+    rm.hideRightMenu()
+}
+
+rm.rightMenuCommentText = function (e) {
+    rm.hideRightMenu();
+    var n = document.getElementsByClassName("el-textarea__inner")[0];
+    let t = document.createEvent("HTMLEvents");
+    t.initEvent("input", !0, !0);
+    let o = replaceAll(e, "\n", "\n> ");
+    n.value = "> " + o + "\n\n",
+        n.dispatchEvent(t);
+    const i = document.querySelector("#post-comment").offsetTop;
+    window.scrollTo(0, i - 80),
+        n.focus(),
+        n.setSelectionRange(-1, -1),
+    document.getElementById("comment-tips") && document.getElementById("comment-tips").classList.add("show")
+}
+
+rm.searchBaidu = function () {
+    utils.snackbarShow("即将跳转到百度搜索", !1, 2e3);
+    setTimeout((function () {
+            window.open("https://www.baidu.com/s?wd=" + selectTextNow)
+        }
+    ), 2000);
+    rm.hideRightMenu()
+}
+
+rm.copyLink = function () {
+    rm.rightmenuCopyText(domhref)
+    utils.snackbarShow("已复制链接地址")
+}

package/source/js/{extend/search/algolia-search.js → search/algolia.js}

@@ -32,6 +32,16 @@ window.addEventListener("load", () => {
 
     const searchClickFn = () => {
         utils.addEventListenerPjax(document.querySelector("#search-button > .search"), "click", openSearch);
+
+        GLOBAL_CONFIG.rightside.enable && 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/{extend/search/local-search.js → search/local.js}

@@ -27,8 +27,30 @@ window.onload = () => {
         utils.animateOut($searchMask, "to_hide 0.5s");
         window.removeEventListener("resize", fixSafariHeight);
     };
-    utils.addEventListenerPjax(document.querySelector("#search-button > .search"), "click", openSearch);
-    utils.addEventListenerPjax(document.querySelector("#local-search .search-close-button"), "click", closeSearch);
+
+    const searchFnOnce = () => {
+        $searchMask.addEventListener("click", closeSearch);
+        utils.addEventListenerPjax(document.querySelector("#local-search .search-close-button"), "click", closeSearch);
+    };
+
+    searchFnOnce();
+
+    const searchClickFn = () =>{
+        utils.addEventListenerPjax(document.querySelector("#search-button > .search"), "click", openSearch);
+
+        GLOBAL_CONFIG.rightside.enable && 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();
+
     function initLunr() {
         fetch("/search.xml")
             .then(response => response.text())

package/source/js/utils.js

@@ -169,5 +169,79 @@ const utils = {
             ele.removeEventListener('animationend', f)
         })
         ele.style.animation = text
-    }
+    },
+    wrap: (selector, eleType, options) => {
+        const createEle = document.createElement(eleType)
+        for (const [key, value] of Object.entries(options)) {
+            createEle.setAttribute(key, value)
+        }
+        selector.parentNode.insertBefore(createEle, selector)
+        createEle.appendChild(selector)
+    },
+    lazyloadImg: function () {
+        window.lazyLoadInstance = new LazyLoad({
+            elements_selector: 'img',
+            threshold: 0,
+            data_src: 'lazy-src',
+            callback_error: (img) => {
+                img.setAttribute("src", GLOBAL_CONFIG.lazyload.error);
+            }
+        })
+    },
+    lightbox: function (selector) {
+        const lightbox = GLOBAL_CONFIG.lightbox
+
+        if (lightbox === 'mediumZoom' && mediumZoom) {
+            mediumZoom(selector, {background: "var(--sco-card-bg)"});
+        }
+
+        if (lightbox === 'fancybox') {
+            selector.forEach(i => {
+                if (i.parentNode.tagName !== 'A') {
+                    const dataSrc = i.dataset.lazySrc || i.src
+                    const dataCaption = i.title || i.alt || ''
+                    utils.wrap(i, 'a', {
+                        class: 'fancybox',
+                        href: dataSrc,
+                        'data-fancybox': 'gallery',
+                        'data-caption': dataCaption,
+                        'data-thumb': dataSrc
+                    })
+                }
+            })
+
+            if (!window.fancyboxRun) {
+                Fancybox.bind('[data-fancybox]', {
+                    Hash: false,
+                    Thumbs: {
+                        showOnStart: false
+                    },
+                    Images: {
+                        Panzoom: {
+                            maxScale: 4
+                        }
+                    },
+                    Carousel: {
+                        transition: 'slide'
+                    },
+                    Toolbar: {
+                        display: {
+                            left: ['infobar'],
+                            middle: [
+                                'zoomIn',
+                                'zoomOut',
+                                'toggle1to1',
+                                'rotateCCW',
+                                'rotateCW',
+                                'flipX',
+                                'flipY'
+                            ],
+                            right: ['slideshow', 'thumbs', 'close']
+                        }
+                    }
+                })
+                window.fancyboxRun = true
+            }
+        }
+    },
 }

package/layout/includes/head/fest.pug

@@ -1,22 +0,0 @@
-- var fests = theme.fest.list || {}
-
-script.
-    function setFest() {
-        const date = new Date();
-        const currentDate = `${date.getMonth() + 1}.${date.getDate()}`;
-
-        const specialDates = [!{fests}].map(String);
-
-        if (specialDates.includes(currentDate)) {
-            const css = `
-            html {
-                filter: grayscale(100%);
-            }
-            `;
-
-            const styleElement = document.createElement('style');
-            styleElement.textContent = css;
-            document.head.appendChild(styleElement);
-        }
-    }
-    setFest()

package/layout/includes/page/echarts.pug

@@ -1,7 +0,0 @@
-- var startDate = theme.about.echarts.startDate
-- var tagLength = theme.about.echarts.tagLength
-- var categoryParent = ""+theme.about.echarts.categoryParent
-
-#posts-chart(data-start=startDate, style="border-radius: 8px; height: 300px; padding: 10px;")
-#tags-chart(data-length=tagLength, style="border-radius: 8px; height: 300px; padding: 10px;")
-#categories-chart(data-parent=categoryParent, style="border-radius: 8px; height: 300px; padding: 10px;")

package/layout/includes/page/moments.pug

@@ -1,4 +0,0 @@
-include ../widgets/page/banner
-if theme.thirdparty.circle.angle.enable
-    include ../widgets/page/moments/angle
-include ../widgets/page/moments/index

package/layout/includes/widgets/aside/asideHistory.pug

@@ -1,8 +0,0 @@
-if theme.aside.history.enable
-    .card-widget.card-history
-        .item-headline
-            i(class=theme.aside.history.icon || 'scoicon sco-clock-fill')
-            span= theme.aside.history.title || _p('aside.history')
-        #history-baidu
-            #history-container.history_swiper-container(style="width: 100%;height: 100%;margin-top: 6px")
-                #history_container_wrapper.swiper-wrapper

package/layout/includes/widgets/aside/asideWelcome.pug

@@ -1,12 +0,0 @@
-if theme.aside.welcome.enable
-    .card-widget.card-welcome
-        .item-headline
-            i(class=theme.aside.welcome.icon || 'scoicon sco-map-pin-fill')
-            span= theme.aside.welcome.title || __('aside.welcome')
-        #welcome-info
-
-    script(data-pjax).
-        var longitude = '#{theme.aside.welcome.longitude}';
-        var Latitude = '#{theme.aside.welcome.Latitude}';
-        var txkey = '#{theme.aside.welcome.key}';
-        var ipLoacation;

package/layout/includes/widgets/page/moments/angle.pug

@@ -1,19 +0,0 @@
-- var randomstart = page.type === "moments" ? '' : 'display: none;'
-.title-h2-a
-    .title-h2-a-left
-        h2 🎣 钓鱼
-        a#random-post-start(href="javascript:fetchRandomPost();" style="transition-duration: 0.3s; transform: rotate(7560deg); opacity: 1;"+randomstart)
-            i.scoicon.sco-refresh-line
-    .title-h2-a-right(style=randomstart)
-        a.random-post-all(href="/links/") 全部友链
-
-#random-post
-
-script.
-    var fdata = {
-        apiurl: "#{theme.thirdparty.circle.api}",
-        defaultFish: 100,
-        hungryFish: 100,
-    }
-
-script(src=cdn_url_for("/lib/friends_post.js"))

package/layout/includes/widgets/page/moments/index.pug

@@ -1,23 +0,0 @@
-.title-h2-a
-    .title-h2-a-left
-        h2 🐟 鱼塘
-    .title-h2-a-right
-        span 以下内容自动生成，未经过审核
-div#hexo-circle-of-friends-root
-script.
-    let UserConfig = {
-        // 填写你的api地址
-        private_api_url: '!{theme.thirdparty.circle.api}',
-        // 默认加载文章数
-        page_init_number: !{theme.thirdparty.circle.page_init_number},
-        // 点击加载更多时，一次最多加载几篇文章，默认10
-        page_turning_number: !{theme.thirdparty.circle.page_turning_number},
-        // 头像加载失败时，默认头像地址
-        error_img: '!{theme.thirdparty.circle.error_img}',
-        // 进入页面时第一次的排序规则
-        sort_rule: '!{theme.thirdparty.circle.sort_rule}',
-        // 本地文章缓存数据过期时间（天）
-        expire_days: !{theme.thirdparty.circle.expire_days},
-    }
-script(src=cdn_url_for("/lib/circle.min.js"))
-script(src=cdn_url_for("/lib/bundle.min.js"))

package/layout/includes/widgets/page/says/saysBottom.pug

@@ -1,11 +0,0 @@
-.bber-bottom
-    .bber-info
-        .bber-info-time
-            i.scoicon.sco-calendar-todo-fill
-            time.datetime(datetime=moment(item.date).format())
-        if item.link
-            a.bber-content-link(href=url_for(item.link) title="跳转到短文指引的链接")
-                i.scoicon.sco-link-m-line
-                | 链接
-    a.bber-reply(onclick=`sco.toTalk('${item.content}')`)
-        i.scoicon.sco-chat-fill(style="font-size: 1rem;")

package/layout/includes/widgets/page/says/saysContent.pug

@@ -1,6 +0,0 @@
-#bber-content
-    p.datacont= item.content
-    if item.image
-        .bber-content-img
-            each img in item.image
-                img(src=img title="即刻短文配图")

package/layout/includes/widgets/page/says/saysFunction.pug

@@ -1,10 +0,0 @@
-if item.aplayer
-    .bber-music
-        meting-js(server=item.aplayer.server type="song" id=item.aplayer.id mutex="true" preload="none" theme="var(--sco-main)" data-lrctype="0")
-
-if item.video
-    .bber-video
-        if item.video.player
-            video(src=item.video.player controls="controls" style="object-fit: cover;")
-        if item.video.bilibili
-            iframe(src=item.video.bilibili scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true")

package/layout/includes/widgets/page/says/saysMeta.pug

@@ -1,7 +0,0 @@
-.meta
-    img.no-lightbox.no-lazyload.avatar(src=theme.aside.card.author.img)
-    .info
-        span.bber_nick= config.author
-        time.datetime.bber_date(datetime=moment(item.date).format())
-    a.bber-reply.goComment(onclick=`sco.toTalk('${item.content}')`)
-        i.scoicon.sco-chat-fill(style="font-size: 1rem;")