hexo-theme-shokax 0.3.12 → 0.3.14

package/source/js/_app/components/sidebar.js

@@ -1,210 +0,0 @@
-/* 边栏分区 */
-import { Container, diffY, menuToggle, showContents, sideBar } from '../globals/globalVars';
-import { clipBoard } from '../globals/tools';
-import { pageScroll, transition } from '../library/anime';
-import { $dom } from '../library/dom';
-export const sideBarToggleHandle = (event, force) => {
-    if (sideBar.hasClass('on')) {
-        sideBar.removeClass('on');
-        menuToggle.removeClass('close');
-        if (force) {
-            // @ts-ignore
-            // noinspection JSConstantReassignment
-            sideBar.style = '';
-        }
-        else {
-            transition(sideBar, 'slideRightOut');
-        }
-    }
-    else {
-        if (force) {
-            // @ts-ignore
-            // noinspection JSConstantReassignment
-            sideBar.style = '';
-        }
-        else {
-            transition(sideBar, 'slideRightIn', () => {
-                sideBar.addClass('on');
-                menuToggle.addClass('close');
-            });
-        }
-    }
-};
-export const sideBarTab = () => {
-    const sideBarInner = sideBar.child('.inner');
-    if (sideBar.child('.tab')) {
-        sideBarInner.removeChild(sideBar.child('.tab'));
-    }
-    const list = document.createElement('ul');
-    let active = 'active';
-    list.className = 'tab';
-    ['contents', 'related', 'overview'].forEach((item) => {
-        const element = sideBar.child('.panel.' + item);
-        if (element.innerHTML.trim().length < 1) {
-            if (item === 'contents') {
-                showContents.display('none');
-            }
-            return;
-        }
-        if (item === 'contents') {
-            showContents.display('');
-        }
-        const tab = document.createElement('li');
-        const span = document.createElement('span');
-        const text = document.createTextNode(element.attr('data-title'));
-        span.appendChild(text);
-        tab.appendChild(span);
-        tab.addClass(item + ' item');
-        if (active) {
-            element.addClass(active);
-            tab.addClass(active);
-        }
-        else {
-            element.removeClass('active');
-        }
-        tab.addEventListener('click', (event) => {
-            const target = event.currentTarget;
-            if (target.hasClass('active'))
-                return;
-            sideBar.find('.tab .item').forEach((element) => {
-                element.removeClass('active');
-            });
-            sideBar.find('.panel').forEach((element) => {
-                element.removeClass('active');
-            });
-            sideBar.child('.panel.' + target.className.replace(' item', '')).addClass('active');
-            target.addClass('active');
-        });
-        list.appendChild(tab);
-        active = '';
-    });
-    if (list.childNodes.length > 1) {
-        sideBarInner.insertBefore(list, sideBarInner.childNodes[0]);
-        sideBar.child('.panels').style.paddingTop = '';
-    }
-    else {
-        sideBar.child('.panels').style.paddingTop = '.625rem';
-    }
-};
-export const sidebarTOC = () => {
-    const activateNavByIndex = (index) => {
-        const target = navItems[index];
-        if (!target)
-            return;
-        if (target.hasClass('current')) {
-            return;
-        }
-        $dom.each('.toc .active', (element) => {
-            element && element.removeClass('active current');
-        });
-        sections.forEach((element) => {
-            element && element.removeClass('active');
-        });
-        target.addClass('active current');
-        sections[index] && sections[index].addClass('active');
-        let parent = target.parentNode;
-        while (!parent.matches('.contents')) {
-            if (parent.matches('li')) {
-                parent.addClass('active');
-                const t = $dom(parent.child('a.toc-link').attr('href'));
-                if (t) {
-                    t.addClass('active');
-                }
-            }
-            parent = parent.parentNode;
-        }
-        // Scrolling to center active TOC element if TOC content is taller than viewport.
-        if (getComputedStyle(sideBar).display !== 'none' && tocElement.hasClass('active')) {
-            pageScroll(tocElement, target.offsetTop - (tocElement.offsetHeight / 4));
-        }
-    };
-    const navItems = $dom.all('.contents li');
-    if (navItems.length < 1) {
-        return;
-    }
-    // @ts-ignore
-    let sections = [...navItems];
-    let activeLock = null;
-    sections = sections.map((element, index) => {
-        const link = element.child('a.toc-link');
-        const anchor = $dom(decodeURI(link.attr('href')));
-        if (!anchor)
-            return null;
-        const alink = anchor.child('a.anchor');
-        const anchorScroll = (event) => {
-            event.preventDefault();
-            const target = $dom(decodeURI(event.currentTarget.attr('href')));
-            activeLock = index;
-            pageScroll(target, null, () => {
-                activateNavByIndex(index);
-                activeLock = null;
-            });
-        };
-        // TOC item animation navigate.
-        link.addEventListener('click', anchorScroll);
-        alink && alink.addEventListener('click', (event) => {
-            anchorScroll(event);
-            clipBoard(CONFIG.hostname + '/' + LOCAL.path + event.currentTarget.attr('href'));
-        });
-        return anchor;
-    });
-    const tocElement = sideBar.child('.contents.panel');
-    const findIndex = (entries) => {
-        let index = 0;
-        let entry = entries[index];
-        if (entry.boundingClientRect.top > 0) {
-            index = sections.indexOf(entry.target);
-            return index === 0 ? 0 : index - 1;
-        }
-        for (; index < entries.length; index++) {
-            if (entries[index].boundingClientRect.top <= 0) {
-                entry = entries[index];
-            }
-            else {
-                return sections.indexOf(entry.target);
-            }
-        }
-        return sections.indexOf(entry.target);
-    };
-    const createIntersectionObserver = () => {
-        const observer = new IntersectionObserver((entries) => {
-            const index = findIndex(entries) + (diffY < 0 ? 1 : 0);
-            if (activeLock === null) {
-                activateNavByIndex(index);
-            }
-        }, {
-            rootMargin: '0px 0px -100% 0px', threshold: 0
-        });
-        sections.forEach((element) => {
-            element && observer.observe(element);
-        });
-    };
-    createIntersectionObserver();
-};
-export const backToTopHandle = () => {
-    pageScroll(0);
-};
-export const goToBottomHandle = () => {
-    pageScroll(parseInt(String(Container.changeOrGetHeight())));
-};
-export const goToCommentHandle = () => {
-    pageScroll($dom('#comments'));
-};
-export const menuActive = () => {
-    $dom.each('.menu .item:not(.title)', (element) => {
-        const target = element.child('a[href]');
-        const parentItem = element.parentNode.parentNode;
-        if (!target)
-            return;
-        const isSamePath = target.pathname === location.pathname || target.pathname === location.pathname.replace('index.html', '');
-        const isSubPath = !CONFIG.root.startsWith(target.pathname) && location.pathname.startsWith(target.pathname);
-        const active = target.hostname === location.hostname && (isSamePath || isSubPath);
-        element.toggleClass('active', active);
-        if (element.parentNode.child('.active') && parentItem.hasClass('dropdown')) {
-            parentItem.removeClass('active').addClass('expand');
-        }
-        else {
-            parentItem.removeClass('expand');
-        }
-    });
-};

package/source/js/_app/fireworks.js

@@ -1,10 +0,0 @@
-import firework from 'mouse-firework';
-/*
-*  烟花分区
-*/
-export function initFireworks() {
-    if (typeof CONFIG.fireworks === 'undefined') {
-        return;
-    }
-    firework(CONFIG.fireworks);
-}

package/source/js/_app/globals/globalVars.js

@@ -1,80 +0,0 @@
-import { $dom } from '../library/dom';
-import initProto from '../library/proto';
-initProto();
-export const statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root;
-export const scrollAction = { x: 0, y: 0 };
-export let diffY = 0;
-export let originTitle, titleTime;
-export const BODY = document.getElementsByTagName('body')[0];
-export const HTML = document.documentElement;
-export const Container = $dom('#container');
-export const loadCat = $dom('#loading');
-export const siteNav = $dom('#nav');
-export const siteHeader = $dom('#header');
-export const menuToggle = siteNav.child('.toggle');
-export const quickBtn = $dom('#quick');
-export const sideBar = $dom('#sidebar');
-export const siteBrand = $dom('#brand');
-export let toolBtn = $dom('#tool');
-export let toolPlayer;
-export let backToTop;
-export let goToComment;
-export let showContents;
-export let siteSearch = $dom('#search');
-export let siteNavHeight, headerHightInner, headerHight;
-export let oWinHeight = window.innerHeight;
-export let oWinWidth = window.innerWidth;
-export let LOCAL_HASH = 0;
-export let LOCAL_URL = window.location.href;
-export let pjax;
-export function setSiteNavHeight(value) {
-    siteNavHeight = value;
-}
-export function setHeaderHightInner(value) {
-    headerHightInner = value;
-}
-export function setHeaderHight(value) {
-    headerHight = value;
-}
-export function setOWinHeight(value) {
-    oWinHeight = value;
-}
-export function setOWinWidth(value) {
-    oWinWidth = value;
-}
-export function setDiffY(value) {
-    diffY = value;
-}
-export function setTitleTime(value) {
-    titleTime = value;
-}
-export function setLocalHash(value) {
-    LOCAL_HASH = value;
-}
-export function setLocalUrl(value) {
-    LOCAL_URL = value;
-}
-export function setPjax(value) {
-    pjax = value;
-}
-export function setOriginTitle(value) {
-    originTitle = value;
-}
-export function setToolPlayer(value) {
-    toolPlayer = value;
-}
-export function setBackToTop(value) {
-    backToTop = value;
-}
-export function setGoToComment(value) {
-    goToComment = value;
-}
-export function setShowContents(value) {
-    showContents = value;
-}
-export function setToolBtn(value) {
-    toolBtn = value;
-}
-export function setSiteSearch(value) {
-    siteSearch = value;
-}

package/source/js/_app/globals/handles.js

@@ -1,138 +0,0 @@
-import { sideBarToggleHandle } from '../components/sidebar';
-import { $dom, getDocHeight } from '../library/dom';
-import { backToTop, diffY, headerHight, headerHightInner, oWinWidth, originTitle, scrollAction, sideBar, siteBrand, siteHeader, siteNav, statics, titleTime, toolBtn, setSiteNavHeight, setHeaderHightInner, setHeaderHight, setOWinHeight, setOWinWidth, setDiffY, setTitleTime } from './globalVars';
-import { changeMetaTheme } from './themeColor';
-import { Loader } from './thirdparty';
-export const resizeHandle = () => {
-    // 获取 siteNav 的高度
-    setSiteNavHeight(siteNav.changeOrGetHeight());
-    // 获取 siteHeader 的高度
-    setHeaderHightInner(siteHeader.changeOrGetHeight());
-    // 获取 #waves 的高度
-    setHeaderHight(headerHightInner + $dom('#waves').changeOrGetHeight());
-    // 判断窗口宽度是否改变
-    if (oWinWidth !== window.innerWidth) {
-        sideBarToggleHandle(null, 1);
-    }
-    // 记录窗口高度和宽度
-    setOWinHeight(window.innerHeight);
-    setOWinWidth(window.innerWidth);
-};
-export const scrollHandle = () => {
-    // 获取窗口高度
-    const winHeight = window.innerHeight;
-    // 获取文档高度
-    const docHeight = getDocHeight();
-    // 计算可见内容高度
-    const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight;
-    // 判断页面是否滚动超过 headerHightInner
-    const SHOW = window.scrollY > headerHightInner;
-    // 判断页面是否开始滚动
-    const startScroll = window.scrollY > 0;
-    // 根据条件修改 meta theme
-    if (SHOW) {
-        changeMetaTheme('#FFF');
-    }
-    else {
-        changeMetaTheme('#222');
-    }
-    // 控制导航栏的显示隐藏
-    siteNav.toggleClass('show', SHOW);
-    // 控制网站 logo 的显示隐藏
-    toolBtn.toggleClass('affix', startScroll);
-    // 控制侧边栏的显示隐藏，当滚动高度大于 headerHight 且窗口宽度大于 991px 时显示
-    siteBrand.toggleClass('affix', startScroll);
-    sideBar.toggleClass('affix', window.scrollY > headerHight && document.body.offsetWidth > 991);
-    // 初始化滚动时导航栏的显示方向
-    if (typeof scrollAction.y === 'undefined') {
-        scrollAction.y = window.scrollY;
-    }
-    setDiffY(scrollAction.y - window.scrollY);
-    // 控制滑动时导航栏显示
-    if (diffY < 0) {
-        siteNav.removeClass('up');
-        siteNav.toggleClass('down', SHOW);
-    }
-    else if (diffY > 0) {
-        siteNav.removeClass('down');
-        siteNav.toggleClass('up', SHOW);
-    }
-    else { /* empty */ }
-    scrollAction.y = window.scrollY;
-    // 计算滚动百分比
-    const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%';
-    // 更新回到顶部按钮的文字
-    if (backToTop.child('span').innerText !== scrollPercent) {
-        backToTop.child('span').innerText = scrollPercent;
-    }
-    // 更新百分比进度条的宽度
-    if ($dom('#sidebar').hasClass('affix') || $dom('#sidebar').hasClass('on')) {
-        $dom('.percent').changeOrGetWidth(scrollPercent);
-    }
-};
-/**
- * 此函数用于修改右键点击显示菜单 <br/>
- * 需要在document下存在如下元素:
- * - id为clickMenu的容器(右键菜单容器)
- * - class为clickSubmenu的容器(可以有0到无限个)(子菜单容器)
- * CSS应有如下class:
- * - clickMenu的active类(控制显示)
- */
-export const clickMenu = () => {
-    const menuElement = $dom('#clickMenu');
-    window.oncontextmenu = function (event) {
-        if (event.ctrlKey) { // 当按下ctrl键时不触发自定义菜单
-            return;
-        }
-        event.preventDefault();
-        let x = event.offsetX; // 触发点到页面窗口左边的距离
-        let y = event.offsetY;
-        const winWidth = window.innerWidth; // 窗口的内部宽度（包括滚动条）
-        const winHeight = window.innerHeight;
-        const menuWidth = menuElement.offsetWidth; // 菜单宽度
-        const menuHeight = menuElement.offsetHeight;
-        x = winWidth - menuWidth >= x ? x : winWidth - menuWidth;
-        y = winHeight - menuHeight >= y ? y : winHeight - menuHeight;
-        menuElement.style.top = y + 'px';
-        menuElement.style.left = x + 'px';
-        menuElement.classList.add('active');
-        $dom.each('.clickSubmenu', (submenu) => {
-            if (x > (winWidth - menuWidth - submenu.offsetWidth)) {
-                submenu.style.left = '-200px';
-            }
-            else {
-                submenu.style.left = '';
-                submenu.style.right = '-200px';
-            }
-        });
-    };
-    window.addEventListener('click', () => {
-        menuElement.classList.remove('active');
-    });
-};
-// 可见度监听(离开页面和返回时更改document的title)
-export const visibilityListener = () => {
-    const iconNode = $dom('[rel="icon"]');
-    document.addEventListener('visibilitychange', () => {
-        switch (document.visibilityState) {
-            case 'hidden':
-                iconNode.attr('href', statics + CONFIG.favicon.hidden);
-                document.title = LOCAL.favicon.hide;
-                if (CONFIG.loader.switch) {
-                    Loader.show();
-                }
-                clearTimeout(titleTime);
-                break;
-            case 'visible':
-                iconNode.attr('href', statics + CONFIG.favicon.normal);
-                document.title = LOCAL.favicon.show;
-                if (CONFIG.loader.switch) {
-                    Loader.hide(1000);
-                }
-                setTitleTime(setTimeout(() => {
-                    document.title = originTitle;
-                }, 2000));
-                break;
-        }
-    });
-};

package/source/js/_app/globals/themeColor.js

@@ -1,62 +0,0 @@
-import { $storage } from '../library/storage';
-import { $dom } from '../library/dom';
-import { HTML } from './globalVars';
-/**
- * 更改日夜模式
- */
-export const changeTheme = (type) => {
-    const btn = $dom('.theme .ic');
-    if (type === 'dark') {
-        HTML.attr('data-theme', type);
-        btn.removeClass('i-sun');
-        btn.addClass('i-moon');
-    }
-    else {
-        HTML.attr('data-theme', null);
-        btn.removeClass('i-moon');
-        btn.addClass('i-sun');
-    }
-};
-/**
- * 自动调整黑夜白天
- * 优先级: 手动选择>时间>跟随系统
- */
-export const autoDarkmode = () => {
-    if (CONFIG.auto_dark.enable) {
-        if (new Date().getHours() >= CONFIG.auto_dark.start || new Date().getHours() <= CONFIG.auto_dark.end) {
-            changeTheme('dark');
-        }
-        else {
-            changeTheme();
-        }
-    }
-};
-/**
- * 更改主题的meta
- */
-export const changeMetaTheme = (color) => {
-    if (HTML.attr('data-theme') === 'dark') {
-        color = '#222';
-    }
-    $dom('meta[name="theme-color"]').attr('content', color);
-};
-// 记忆日夜模式切换和系统亮暗模式监听
-export const themeColorListener = () => {
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (mediaQueryList) => {
-        if (mediaQueryList.matches) {
-            changeTheme('dark');
-        }
-        else {
-            changeTheme();
-        }
-    });
-    const t = $storage.get('theme');
-    if (t) {
-        changeTheme(t);
-    }
-    else {
-        if (CONFIG.darkmode) {
-            changeTheme('dark');
-        }
-    }
-};

package/source/js/_app/globals/thirdparty.js

@@ -1,71 +0,0 @@
-// 与第三方js的交互或第三方嵌入js
-import lozad from 'lozad';
-import { loadCat } from './globalVars';
-import { transition } from '../library/anime';
-/**
- * 懒加载图片
- */
-export const lazyload = lozad('img, [data-background-image]', {
-    loaded(el) {
-        el.addClass('lozaded');
-    }
-});
-// 加载动画
-export const Loader = {
-    timer: undefined,
-    lock: false,
-    show() {
-        clearTimeout(this.timer);
-        document.body.removeClass('loaded');
-        loadCat.attr('style', 'display:block');
-        Loader.lock = false;
-    },
-    hide(sec) {
-        if (!CONFIG.loader.start) {
-            sec = -1;
-        }
-        this.timer = setTimeout(this.vanish, sec || 3000);
-    },
-    vanish() {
-        if (Loader.lock) {
-            return;
-        }
-        if (CONFIG.loader.start) {
-            transition(loadCat, 0);
-        }
-        document.body.addClass('loaded');
-        Loader.lock = true;
-    }
-};
-export const isOutime = () => {
-    let updateTime;
-    if (CONFIG.outime.enable && LOCAL.outime) {
-        const times = document.getElementsByTagName('time');
-        if (times.length === 0) {
-            return;
-        }
-        const posts = document.getElementsByClassName('body md');
-        if (posts.length === 0) {
-            return;
-        }
-        const now = Date.now(); // 当前时间戳
-        const pubTime = new Date(times[0].dateTime); // 文章发布时间戳
-        if (times.length === 1) {
-            updateTime = pubTime; // 文章发布时间亦是最后更新时间
-        }
-        else {
-            updateTime = new Date(times[1].dateTime); // 文章最后更新时间戳
-        }
-        // @ts-ignore
-        const interval = parseInt(String(now - updateTime)); // 时间差
-        const days = parseInt(String(CONFIG.outime.days)) || 30; // 设置时效，默认硬编码 30 天
-        // 最后一次更新时间超过 days 天（毫秒）
-        if (interval > (days * 86400000)) {
-            // @ts-ignore
-            const publish = parseInt(String((now - pubTime) / 86400000));
-            const updated = parseInt(String(interval / 86400000));
-            const template = LOCAL.template.replace('{{publish}}', String(publish)).replace('{{updated}}', String(updated));
-            posts[0].insertAdjacentHTML('afterbegin', template);
-        }
-    }
-};

package/source/js/_app/globals/tools.js

@@ -1,92 +0,0 @@
-import { pageScroll } from '../library/anime';
-import { $dom } from '../library/dom';
-import { $storage } from '../library/storage';
-import { BODY, LOCAL_HASH, LOCAL_URL, scrollAction, setLocalHash } from './globalVars';
-// 显示提示(现阶段用于版权及复制结果提示)
-export const showtip = (msg) => {
-    if (!msg) {
-        return;
-    }
-    const tipbox = BODY.createChild('div', {
-        innerHTML: msg,
-        className: 'tip'
-    });
-    setTimeout(() => {
-        tipbox.addClass('hide');
-        setTimeout(() => {
-            BODY.removeChild(tipbox);
-        }, 300);
-    }, 3000);
-};
-export const pagePosition = () => {
-    // 判断配置项是否开启了自动记录滚动位置
-    if (CONFIG.auto_scroll) {
-        // 将当前页面的滚动位置存入本地缓存
-        $storage.set(LOCAL_URL, String(scrollAction.y));
-    }
-};
-export const positionInit = (comment) => {
-    // 获取页面锚点
-    const anchor = window.location.hash;
-    let target = null;
-    if (LOCAL_HASH) {
-        $storage.del(LOCAL_URL);
-        return;
-    }
-    if (anchor) {
-        target = $dom(decodeURI(anchor));
-    }
-    else {
-        target = CONFIG.auto_scroll ? parseInt($storage.get(LOCAL_URL)) : 0;
-    }
-    if (target) {
-        pageScroll(target);
-        setLocalHash(1);
-    }
-    if (comment && anchor && !LOCAL_HASH) {
-        pageScroll(target);
-        setLocalHash(1);
-    }
-};
-/*
-这段代码是用来复制文本的。它使用了浏览器的 Clipboard API，如果浏览器支持该 API 并且当前页面是安全协议 (https)，
-它将使用 Clipboard API 将文本复制到剪贴板。如果不支持，它会创建一个隐藏的文本区域并使用 document.execCommand('copy') 将文本复制到剪贴板。
-最后，它会回调传入的函数并传入一个布尔值表示是否成功复制。
-*/
-export const clipBoard = (str, callback) => {
-    if (navigator.clipboard && window.isSecureContext) {
-        navigator.clipboard.writeText(str).then(() => {
-            // eslint-disable-next-line chai-friendly/no-unused-expressions
-            callback && callback(true);
-        }, () => {
-            // eslint-disable-next-line chai-friendly/no-unused-expressions
-            callback && callback(false);
-        });
-    }
-    else {
-        // TODO 根据caniuse，需要此polyfill的设备不足5%，应考虑删除
-        const ta = BODY.createChild('textarea', {
-            style: {
-                top: window.scrollY + 'px',
-                position: 'absolute',
-                opacity: '0'
-            },
-            readOnly: true,
-            value: str
-        });
-        const selection = document.getSelection();
-        const selected = selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
-        ta.select();
-        ta.setSelectionRange(0, str.length);
-        ta.readOnly = false;
-        const result = document.execCommand('copy');
-        // eslint-disable-next-line chai-friendly/no-unused-expressions
-        callback && callback(result);
-        ta.blur(); // For iOS
-        if (selected) {
-            selection.removeAllRanges();
-            selection.addRange(selected);
-        }
-        BODY.removeChild(ta);
-    }
-};