归档 artalk-cf 评论后端 + rss-robot 到 blog-admin（含技术选型/模块分布 README）

blog-admin/public/admin/index.html

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+<title>管理面板 · 优世界</title>
+<meta name="robots" content="noindex,nofollow">
+<script>
+  /* 主题要在样式生效前定好，否则会闪一下浅色 */
+  try { if (localStorage.getItem('atk-theme') === 'dark') document.documentElement.dataset.theme = 'dark'; } catch (e) {}
+</script>
+<link rel="stylesheet" href="./admin.css">
+</head>
+<body>
+
+<!-- ===================== 登录 ===================== -->
+<div id="gate" class="gate" hidden>
+  <div class="login-card">
+    <h1>管理面板</h1>
+    <p class="sub">优世界 · 评论 + 订阅统一管理</p>
+
+    <div id="lgErr" class="alert" hidden></div>
+
+    <form id="loginForm">
+      <label class="lbl" for="lgUser">账号</label>
+      <input id="lgUser" type="text" placeholder="admin" required autocomplete="username" spellcheck="false">
+
+      <label class="lbl" for="lgPass">密码</label>
+      <input id="lgPass" type="password" required autocomplete="current-password">
+
+      <label class="lbl" for="lgRss">订阅口令（管理订阅/友链用，留空则跳过）</label>
+      <input id="lgRss" type="password" autocomplete="off">
+
+      <button class="btn primary block" type="submit" id="lgBtn">登 录</button>
+    </form>
+
+    <p class="hint" title="Cloudflare Workers 没有 TCP，发不了 SMTP">邮箱验证码登录未启用</p>
+  </div>
+</div>
+
+<!-- ===================== 主界面 ===================== -->
+<div id="app" class="app" hidden>
+
+  <header class="mobile-bar">
+    <button class="icon-btn" data-act="menu" aria-label="打开菜单">&#9776;</button>
+    <span class="mobile-title">管理面板</span>
+  </header>
+
+  <div class="scrim" id="scrim" data-act="menu" hidden></div>
+
+  <aside class="sidebar" id="sidebar">
+    <div class="side-head">
+      <span class="logo">优</span>
+      <div class="side-tt">
+        <h1>优世界</h1>
+        <p>管理面板</p>
+      </div>
+    </div>
+
+    <nav class="side-nav" id="tabs"></nav>
+
+    <div class="side-foot">
+      <button class="sfoot-btn" data-act="theme" id="themeBtn"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.5 14.5A8.5 8.5 0 1 1 9.5 3.5a7 7 0 0 0 11 11z"/></svg><span>深色模式</span></button>
+      <button class="sfoot-btn" data-act="logout"><svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 4H5.5A1.5 1.5 0 0 0 4 5.5v13A1.5 1.5 0 0 0 5.5 20H9"/><path d="M15 16l4-4-4-4M19 12H9"/></svg><span>退出登录</span></button>
+    </div>
+  </aside>
+
+  <main class="main">
+    <header class="topbar">
+      <div class="crumb" id="crumb"></div>
+      <div class="top-right">
+        <span class="side-name" id="who"></span>
+      </div>
+    </header>
+    <div id="view"></div>
+    <div class="foot">
+      <span id="footL"></span>
+      <span id="footR"></span>
+    </div>
+  </main>
+
+</div>
+
+<div id="toast" class="toast" hidden></div>
+
+<div id="modal" class="modal" hidden>
+  <div class="modal-card" role="dialog" aria-modal="true">
+    <div class="modal-head">
+      <h3 id="modalTitle"></h3>
+      <button class="icon-btn" data-act="modal-close" aria-label="关闭">&#10005;</button>
+    </div>
+    <div class="modal-body" id="modalBody"></div>
+  </div>
+</div>
+
+<script src="./admin.js"></script>
+</body>
+</html>