<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="云监控,ServerStatus中文版,ServerStatus,ServerStatus cppla"> <meta name="author" content="ServerStatus Theme by AI"> <title>云监控</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/light.css" title="light"> <link rel="stylesheet" href="css/dark.css" title="dark"> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" role="navigation"> <div class="container"> <a class="navbar-brand" href="#">云监控</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#server" data-bs-toggle="tab">首页</a> </li> <li class="nav-item"> <a class="nav-link" href="#monitor" data-bs-toggle="tab">服务</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> 风格 </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#" onclick="setActiveStyleSheet('dark')">黑夜</a></li> <li><a class="dropdown-item" href="#" onclick="setActiveStyleSheet('light')">白天</a></li> <li><a class="dropdown-item" href="/index3.html">简洁</a></li> </ul> </li> </ul> </div> </div> </nav> <div class="container content"> <noscript> <div class="alert alert-danger text-center"> <strong>请启用 JavaScript</strong>,否则无法正常使用本站功能。 </div> </noscript> <div id="loading-notice" class="text-center"> 警告:如果出现此消息,请确保您已启用 Javascript!<br> 否则云监控主服务没启动或已关闭。 </div> <div class="tab-content"> <div class="tab-pane fade show active" id="server"> <!--主机--> <table class="table table-striped table-hover"> <thead> <tr> <th id="online_status" style="text-align: center;">🔗协议</th> <th id="month_traffic" style="text-align: center;">📊月流量↓|↑</th> <th id="name">📌节点</th> <th id="type">🗂️虚拟化</th> <th id="location">🌍位置</th> <th id="uptime">⏱️在线</th> <th id="load">负载</th> <th id="network">🚦网络↓|↑</th> <th id="traffic">📋总流量↓|↑</th> <th id="cpu">🎯核芯</th> <th id="ram">⚡️内存</th> <th id="hdd">💾硬盘</th> <th id="ping">🌐CU|CT|CM</th> </tr> </thead> <tbody id="servers"> <!-- Servers here \o/ --> </tbody> </table> </div> <div class="tab-pane fade" id="monitor"> <!--服务--> <table class="table table-striped table-hover"> <thead> <tr> <th id="monitor_status" style="text-align: center;">🔗协议</th> <th id="monitor_node">📌监测节点</th> <th id="monitor_location">🌍监测位置</th> <th id="monitor_text" style="text-align: center;">📋监测内容</th> </tr> </thead> <tbody id="monitors"> <!-- Monitors here \o/ --> </tbody> </table> </div> </div> <br/> <div id="updated">更新中...</div> </div> <footer class="container"> <p class="text-center" style="font-size: 10px;"> <a href="https://github.com/cppla/ServerStatus">ServerStatus中文版</a> </p> </footer> <script src="js/bootstrap.bundle.min.js"></script> <script src="js/serverstatus.js"></script> </body> </html>