NodeSeekDev · podcctv · May 5, 2026 · May 5, 2026 · May 5, 2026 · May 5, 2026
diff --git a/README.md b/README.md
@@ -80,3 +80,25 @@ SITE_2=name="master-2",backend_url="wss://m2.example.com",token="xyz789"
 一个 `SITE_n` 都没设的话脚本啥也不干 直接用仓库里那份 `config.json` 本地 `npm run dev` 走的是 vite 直接起 也不会触发这个脚本
 
 可以只有一个 `SITE` 不强制 `SITE_2` `SITE_3` 之类的
+
+# 🎉 近期核心更新与深度优化
+
+近期针对性能、高频检测支持以及 UI 质感进行了大刀阔斧的重构，带来“秒开”与“仪表盘级别”的监控体验：
+
+### 🚀 极致的性能与加载体验
+- ** IndexedDB 刷新秒开**：突破了传统的 `localStorage` 容量限制，引入原生 IndexedDB 持久化存储全量 24h 历史 TCPing 数据。现在每次刷新页面或重新打开浏览器，无需任何请求等待，**历史监控图表瞬间“秒开”铺满**。
+- **无缝增量渲染**：在界面秒开的基础上，后台以“请求一个、渲染一个”的瀑布流方式静默拉取缺失的数据段并无缝拼合，彻底告别旧版漫长的干等白屏。
+- **高并发节点保护**：重写数据拉取逻辑为按顺序单节点并发查询（Concurrency=1），有效避免几十台节点瞬间发起几百个 Websocket 请求导致后端卡死或触发限流。
+- **支持 20 秒高频检测**：将单节点 TCPing 拉取上限扩容至 `15000` 条。即使节点每 20 秒执行一次 Ping 检测（一日上万条记录），也能轻松拉满 24 小时的完整热力图，彻底解决右侧数据缺失或只有几小时记录的 Bug。
+
+### 🎨 仪表盘级别的赛博质感
+- **细粒度网格进度条**：废弃了传统的单一直线进度条，CPU / 内存 / 磁盘的使用率现在采用 **20 格分离式点阵风格**（类似 TCPing 热力图），极具赛博科幻仪表盘质感。
+- **动态健康阈值色彩**：
+  - `< 70%` 正常状态：黑夜模式为纯白，白天模式为纯黑，带来极简的高对比度。
+  - `70% - 100%` 高负载：平滑的琥珀色到橙色警告渐变。
+  - `> 100%` 超频爆表：当 CPU 使用率破表时，激发 **专属高亮鲜红 + 红色光晕扩散特效**，监控一眼可见。
+- **全局日夜间双主题适配**：
+  - 白天模式（Light）：去除了深色模式下的朦胧透明感，全面启用 `slate-50` 纯净白灰底色及高对比度石板灰字体，界面锐利、通透明亮。
+  - 黑夜模式（Dark）：保持深邃暗黑的极客赛博风格。
+- **24h 在线率前置**：无需点进详情页，在首页卡片上直接渲染 24h 历史存活状态长条。
+- **精准掉线计算**：优化在线率统计算法，仅对“完全掉线（100% 丢包）”的时段进行离线惩罚，间歇性的偶发丢包不再会导致服务器被误判为离线并标红，更贴合实际生产环境。
diff --git a/index.html b/index.html
@@ -14,12 +14,12 @@
         }
       } catch (_) {}
     </script>
-    <link rel="stylesheet" href="./custom.css" />
+    <link rel="stylesheet" href="/custom.css" />
   </head>
 
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
-    <script src="./custom.js" defer></script>
+    <script type="module" src="/custom.js"></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "build": "vite build",
     "postbuild": "node scripts/build-template-config.mjs && node scripts/build-filelist.mjs && node scripts/build-zip.mjs && node scripts/build-config.mjs",
     "preview": "vite preview",
+    "deploy:cf": "npm run build && npx wrangler deploy",
     "typecheck": "tsc -p tsconfig.json"
   },
   "dependencies": {

diff --git a/public/linux-logo-icon/download.html b/public/linux-logo-icon/download.html
@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>NodeGet Theme Downloader</title>
+  <link rel="icon" type="image/png" href="./logo.png" />
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"
+    integrity="sha512-XMVd28F1oH/O71fzwBnV7HucLxVwtxf26XV8P4wPk26EDxuGZ91N8bsOttmnomcCD3CS5ZMRL50H0GgOHvegtg=="
+    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+  <style>
+    body {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background-color: #f9fafb;
+      color: #111827;
+      margin: 0;
+      padding: 0;
+    }
+
+    header {
+      background: #fff;
+      padding: 1rem 2rem;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    header h1 {
+      margin: 0;
+      font-size: 1.25rem;
+    }
+
+    header a {
+      text-decoration: none;
+      color: #3b82f6;
+      font-weight: 500;
+    }
+
+    main {
+      max-width: 600px;
+      margin: 2rem auto;
+      padding: 0 1rem;
+    }
+
+    button {
+      background: #3b82f6;
+      color: white;
+      border: none;
+      padding: 0.5rem 1rem;
+      border-radius: 0.375rem;
+      cursor: pointer;
+      font-weight: 500;
+    }
+
+    button:disabled {
+      background: #a5b4fc;
+      cursor: not-allowed;
+    }
+
+    .file-list {
+      margin-top: 1rem;
+      border-radius: 0.5rem;
+      overflow: hidden;
+      background: #fff;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+    }
+
+    .file-item {
+      padding: 0.5rem 1rem;
+      border-bottom: 1px solid #e5e7eb;
+      display: flex;
+      justify-content: space-between;
+      font-size: 0.875rem;
+    }
+
+    .file-item:last-child {
+      border-bottom: none;
+    }
+
+    .progress-bar {
+      height: 4px;
+      background: #3b82f6;
+      width: 0%;
+      transition: width 0.2s;
+      border-radius: 2px;
+    }
+
+    .progress-container {
+      background: #e5e7eb;
+      border-radius: 2px;
+      overflow: hidden;
+      margin-top: 0.25rem;
+    }
+
+    .error {
+      color: #ef4444;
+      font-size: 0.8rem;
+    }
+  </style>
+</head>
+
+<body>
+  <header>
+    <h1>NodeGet Theme Downloader</h1>
+    <a href="/" id="home-link">Home</a>
+  </header>
+  <main>
+    <p style="margin-top: 200px;">
+      这是一个通用的下载器，用于提取当前网站所实用的 NodeGet 主题，下载后修改 nodeget-theme.json 即可将压缩包部署到任意静态储存服务。
+    </p>
+    <button id="start-btn" style="margin: 20px auto 20px;display: block;">开始下载</button>
+    <div id="overall-progress" class="progress-container" style="display:none;">
+      <div class="progress-bar" id="overall-bar"></div>
+    </div>
+    <div class="file-list" id="file-list"></div>
+  </main>
+
+  <script type="module">
+
+    const startBtn = document.getElementById('start-btn')
+    const fileListEl = document.getElementById('file-list')
+    const overallProgress = document.getElementById('overall-progress')
+    const overallBar = document.getElementById('overall-bar')
+    const getRandStr = () => Date.now() + '-' + crypto.randomUUID().replaceAll(/-/g, "").slice(10)
+
+    let fileEntries = []
+
+    startBtn.addEventListener('click', async () => {
+      startBtn.disabled = true
+      fileListEl.innerHTML = ''
+      overallProgress.style.display = 'block'
+
+      try {
+        const res = await fetch('nodeget-theme-files.json' + '?_=' + getRandStr())
+        fileEntries = await res.json() // 假设是扁平数组 ["assets/index.js","images/logo.png",...]
+      } catch (err) {
+        startBtn.disabled = false
+        return
+      }
+
+      const zip = new JSZip()
+      let completed = 0
+
+      for (const path of fileEntries) {
+        let fileItemEl = document.createElement('div')
+        fileItemEl.className = 'file-item'
+        fileItemEl.textContent = path
+        const statusEl = document.createElement('span')
+        statusEl.textContent = '等待'
+        fileItemEl.appendChild(statusEl)
+        fileListEl.appendChild(fileItemEl)
+
+        await downloadFileWithRetry(path, 3, zip, statusEl, () => {
+          completed++
+          overallBar.style.width = ((completed / fileEntries.length) * 100).toFixed(2) + '%'
+        })
+      }
+
+      // 生成 zip 并下载
+      const blob = await zip.generateAsync({ type: 'blob' })
+      const url = URL.createObjectURL(blob)
+      const a = document.createElement('a')
+      a.href = url
+      a.download = 'nodeget-theme.zip'
+      a.click()
+      URL.revokeObjectURL(url)
+      startBtn.disabled = false
+    })
+
+    // 下载文件带重试
+    async function downloadFileWithRetry(path, retries, zip, statusEl, progressCallback) {
+      for (let i = 0; i < retries; i++) {
+        try {
+          statusEl.textContent = '下载中...'
+          const res = await fetch(path + '?_=' + getRandStr())
+          if (!res.ok) throw new Error(`HTTP ${res.status}`)
+          const blob = await res.blob()
+          zip.file(path, blob)
+          statusEl.textContent = '完成'
+          progressCallback()
+          return
+        } catch (err) {
+          console.error(err)
+          statusEl.textContent = `错误，重试中 (${i + 1})`
+          await new Promise(r => setTimeout(r, 1000))
+        }
+      }
+      statusEl.textContent = '下载失败'
+      statusEl.classList.add('error')
+      progressCallback()
+    }
+
+    document.getElementById('home-link').addEventListener('click', (e) => {
+      e.preventDefault()
+      window.scrollTo({ top: 0, behavior: 'smooth' })
+    })
+  </script>
+</body>
+
+</html>