哪吒监控 V1前端美化 - 拥抱日出的小屋

以下为图文教程：

进入您的哪吒监控后台（即/dashboard）

点击您的头像：

点击“系统设置”

找到“自定义代码（样式和脚本）”，将以下代码粘贴至框中

    /*  基础设置 */
    <script>
        window.CustomLogo = "https://ybrc.byside.top/upload/logo.jpg";  /*  自定义logo */
        window.ShowNetTransfer  = "true"; /* 卡片显示上下行流量 */
        window.DisableAnimatedMan  = "true";    /*  关掉动画人物插图 */
        window.CustomDesc ="拥抱日出，也拥抱代码"; /* 自定义描述 */
    </script>
    /* 以上鼠标特效 */
    <script>
    window.CustomBackgroundImage="https://ybrc.byside.top/upload/%E9%87%8F%E5%8A%9B%E8%80%8C%E8%A1%8C%EF%BC%88%E6%97%A0%E6%8D%9F%E6%94%BE%E5%A4%A7%EF%BC%89-TyZv.png"; /* 背景图 */
    </script>
    
    /* 更换卡通小人 */
    <script>
    var observer = new MutationObserver(function(mutationsList, observer) {
        var xpath = "/html/body/div/div/main/div[2]/section[1]/div[4]/div";
        var container = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
    
        if (container) {
            observer.disconnect();
            var existingImg = container.querySelector("img");
            if (existingImg) {
                container.removeChild(existingImg);
            }
            var imgElement = document.createElement("img");
            imgElement.src = "https://ybrc.byside.top/upload/478f9675aceb326c1c74526bde11dbf4.png";
            imgElement.style.position = "absolute";
            imgElement.style.right = "8px";
            imgElement.style.top = "-80px";
            imgElement.style.zIndex = "10";
            imgElement.style.width = "90px";
            container.appendChild(imgElement);
        }
    });
    var config = { childList: true, subtree: true };
    observer.observe(document.body, config);
    </script>

代码来自https://blog.fis.ink/posts/3

然后点击保存，回到首页（/）后，您会得到下面的样式：

评论