介绍

NezhaDash 是一个基于 Next.js 和 哪吒监控 的仪表盘，通过简洁的布局带来更好的体验。

初始模版有点单调，我们给它润色下，美化下UI界面。

Nezha官方文档：https://nezhadash-docs.buycoffee.top/custom-code

服务器公开备注生成器：https://nezhainfojson.pages.dev/

效果截图

自定义代码（样式和脚本）

/*  基础设置 */
<script>
    window.CustomLogo = "https://cdn.skyimg.de/up/2025/1/13/zera6q.webp";  /*  自定义logo */
    window.ShowNetTransfer  = "true"; /* 卡片显示上下行流量 */
    window.DisableAnimatedMan  = "true";    /*  关掉动画人物插图 */
    window.CustomDesc ="放养鸡，不吃饲料，天然无危害！"; /* 自定义描述 */
</script>

/* 以上鼠标特效 */
<script>
window.CustomBackgroundImage="https://wp.upx8.com/api.php"; /* 调用黑海洋的随机背景图api */
</script>
<script src="https://testingcf.jsdelivr.net/gh/mocchen/cssmeihua/js/aixin.js"></script>/* 点击爱心特效 */
<script src="https://testingcf.jsdelivr.net/gh/mocchen/cssmeihua/js/yinghua.js"></script>/* 页面樱花效果 */
<span class="js-cursor-container"></span>
<script src="https://testingcf.jsdelivr.net/gh/mocchen/cssmeihua/js/xiaoxingxing.js"></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://cdn.skyimg.de/up/2025/1/13/zera6q.webp";
        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>