Icarus调教指北 - 我对主题的修改

$toc.addClass('column-right is-sticky');   // 如果目录在左侧则改为 column-left

//右侧边栏吸底(无文章目录时生效)
var columnRight = $('.column-right')[0];

function fixRightColumnTop() {
    // if SBP return
    if ($(window).width() < 769) {
        columnRight.style.top = null;
    } else {
        if (columnRight) {
            columnRight.style.top = $(window).height() - columnRight.scrollHeight - 10 + 'px';
        } else {
            setTimeout(function () {
                columnRight = $('.column-right')[0];
                fixRightColumnTop();
            }, 500);
        }
    }
}
if (!($('#toc').length > 0)) {  // 无目录
    fixRightColumnTop();
    $(window).resize(fixRightColumnTop);
}

// 懒加载修复
    $(document).find('img[data-original]').each(function () {
        $(this).parent().attr("href", $(this).attr("data-original"));
    });

function loadSideBarFriends(id, url) {
    var uri = url + "/pub/friends/";
    var loadStyle = '<div class="qexo_loading"><div class="qexo_part"><div style="display: flex; justify-content: center"><div class="qexo_loader"><div class="qexo_inner one"></div><div class="qexo_inner two"></div><div class="qexo_inner three"></div></div></div></div><p style="text-align: center; display: block">友链加载中...</p></div>';
    for(let i=0;i<document.getElementsByClassName(id).length;i++){
        document.getElementsByClassName(id)[i].innerHTML = loadStyle;
    }
    document.getElementsByClassName(id)[1]
    var ajax;
    try {
        // Firefox, Opera 8.0+, Safari
        ajax = new XMLHttpRequest();
    } catch (e) {
        // Internet Explorer
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                alert("糟糕,你的浏览器不能上传文件!");
                return false;
            }
        }
    }
    ajax.open("get", uri, true);
    ajax.setRequestHeader("Content-Type", "text/plain");
    ajax.onreadystatechange = function () {
        if (ajax.readyState == 4) {
            if (ajax.status == 200) {
                var res = JSON.parse(ajax.response);
                if (res["status"]) {
                    var friends = res["data"];
                    for(let i=0;i<document.getElementsByClassName(id).length;i++){
                        document.getElementsByClassName(id)[i].innerHTML = '<ul class="menu-list">';
                    }
                    for (let i = 0; i < friends.length; i++) {
                        for(let j=0;j<document.getElementsByClassName(id).length;j++){
                            document.getElementsByClassName(id)[j].innerHTML += '<li><a class="level is-mobile is-mobile" href="'+friends[i]["url"]+'" target="_blank" rel="noopener"><span class="level-left"><span class="level-item">'+friends[i]["name"]+'</span></span><span class="level-right"><span class="level-item tag">'+friends[i]["url"].split('/')[2]+'</span></span></a></li>';
                        }
                    }
                } else {
                    console.log(res["data"]["msg"]);
                }
            } else {
                console.log("友链获取失败! 网络错误");
            }
        }
    };
    ajax.send(null);
}

function loadStatistic(e) {
    var t = e + "/pub/statistic/";
  
    function qexoInner(a,b) {if (document.getElementById(a)) document.getElementById(a).innerHTML = b;}
  
    function qexoFailed() {
    var j = ["qexo-site-uv","qexo-site-pv","qexo-page-pv"]
    for (var i = 0; i < j.length; i++) qexoInner(j[i],"请求失败");
    }
  
    fetch(t, {
        referrerPolicy: "no-referrer-when-downgrade"
    }).then(function (res) {
        if (res.ok) {
            res.json().then(function (e) {
                if (e.status) {
                    qexoInner("qexo-site-uv", e.site_uv);
                    qexoInner("qexo-site-pv", e.site_pv);
                    qexoInner("qexo-page-pv", e.page_pv);
                } else {
                    console.log(e.error);
                    qexoFailed()
                }
            })
        } else {
            qexoFailed()
        }
    }, function (ex) {
        console.log('站点统计失败! 网络错误')
        qexoFailed()
    });
}

function loadSideBarTalks(id, url, limit) { //id=class name
    var uri = url + "/pub/talks/?page=1&limit=" + limit;
    var loadStyle = '<div class="qexo_loading"><div class="qexo_part"><div style="display: flex; justify-content: center"><div class="qexo_loader"><div class="qexo_inner one"></div><div class="qexo_inner two"></div><div class="qexo_inner three"></div></div></div></div><p style="text-align: center; display: block">说说加载中...</p></div>';
    for (let i = 0; i < document.getElementsByClassName(id).length; i++) {
        document.getElementsByClassName(id)[i].innerHTML = loadStyle;
    }
    document.getElementsByClassName(id)[1]
    var ajax;
    try {
        // Firefox, Opera 8.0+, Safari
        ajax = new XMLHttpRequest();
    } catch (e) {
        // Internet Explorer
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                alert("糟糕,你的浏览器不能上传文件!");
                return false;
            }
        }
    }
    ajax.open("get", uri, true);
    ajax.setRequestHeader("Content-Type", "text/plain");
    ajax.onreadystatechange = function () {
        if (ajax.readyState == 4) {
            if (ajax.status == 200) {
                var res = JSON.parse(ajax.response);
                if (res["status"]) {
                    var talks = res["data"];
                    for (let i = 0; i < document.getElementsByClassName(id).length; i++) {
                        document.getElementsByClassName(id)[i].innerHTML = '';
                    }
                    for (let i = 0; i < talks.length; i++) {
                        var item = talks[i];
                        var date = new Date(item.time * 1000);
                        for (let j = 0; j < document.getElementsByClassName(id).length; j++) {
                            document.getElementsByClassName(id)[j].innerHTML +=
                                '<article class="media"><div class="media-content">' +
                                '<p class="title"><a href="#' + item.id + '">' + changeContent(item.content) + '</a></p>' +
                                '<p class="date">' + item.tags.join() + ' / ' + date.getFullYear() + "-" +
                                (date.getMonth() < 9 ? 0 : "") + (date.getMonth() + 1) + "-" + date.getDate() + '</p>' +
                                '</div></article>';
                        }
                    }
                } else {
                    console.log(res["data"]["msg"]);
                }
            } else {
                console.log("友链获取失败! 网络错误");
            }
        }
    };
    ajax.send(null);
}

// 从 butterfly 主题借鉴
// https://github.com/jerryc127/hexo-theme-butterfly/blob/dev/layout/includes/third-party/newest-comments/twikoo-comment.pug
function changeContent(content) {
    if (content === '') return content;
    content = content.replace(/<[^>]+>/g, ''); // remove html tag
    if (content.length > 150) {
        content = content.substring(0, 150) + '...';
    }
    return content;
}

var ifSysIsNight = window.matchMedia('(prefers-color-scheme: dark)');
if (isNight === null){
    isNight = ifSysIsNight.matches ? true : false;
    applyNight(isNight);
    localStorage.setItem('night', isNight);
}
else{
    isNight && applyNight(isNight);
}
ifSysIsNight.onchange = function (evt) {
    isNight = evt.matches ? true : false;
    applyNight(isNight);
    localStorage.setItem('night', isNight);
}