Upload folder using huggingface_hub

.dockerignore

@@ -0,0 +1,15 @@
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+.env
+.venv
+venv/
+ENV/
+.git
+.gitignore
+*.log
+.DS_Store
+urls.json
+logs.json

.gitignore

@@ -0,0 +1,11 @@
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+.env
+.venv
+venv/
+ENV/
+*.log
+.DS_Store

Dockerfile

@@ -0,0 +1,24 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+# 复制依赖文件
+COPY requirements.txt .
+
+# 安装依赖
+RUN pip install --no-cache-dir -r requirements.txt
+
+# 复制应用代码
+COPY . .
+
+# 创建数据目录
+RUN mkdir -p /app/data
+
+# 暴露端口
+EXPOSE 7860
+
+# 设置环境变量
+ENV PYTHONUNBUFFERED=1
+
+# 启动命令
+CMD ["python", "app.py"]

README.md

@@ -1,10 +1,15 @@
 ---
-title: Keephflive
-emoji: 👁
+title: "keephflive"
+emoji: "🚀"
 colorFrom: blue
-colorTo: yellow
+colorTo: green
 sdk: docker
-pinned: false
+app_port: 7860
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+### 🚀 一键部署
+[![Deploy with HFSpaceDeploy](https://img.shields.io/badge/Deploy_with-HFSpaceDeploy-green?style=social&logo=rocket)](https://github.com/kfcx/HFSpaceDeploy)
+
+本项目由[HFSpaceDeploy](https://github.com/kfcx/HFSpaceDeploy)一键部署
+
+

app.py

@@ -0,0 +1,260 @@
+"""
+Hugging Face Space 保活管理器
+每隔5小时自动向配置的URL发送GET请求，防止空间休眠
+"""
+
+import os
+import json
+import time
+import asyncio
+import aiohttp
+import threading
+from datetime import datetime, timedelta
+from flask import Flask, render_template, request, jsonify, redirect, url_for
+from apscheduler.schedulers.background import BackgroundScheduler
+from apscheduler.triggers.interval import IntervalTrigger
+
+app = Flask(__name__)
+
+# 数据存储文件
+DATA_FILE = "urls.json"
+LOG_FILE = "logs.json"
+
+# 保活间隔（小时）
+KEEPALIVE_INTERVAL_HOURS = 5
+
+def load_urls():
+    """加载已保存的URL列表"""
+    if os.path.exists(DATA_FILE):
+        try:
+            with open(DATA_FILE, 'r', encoding='utf-8') as f:
+                return json.load(f)
+        except:
+            return []
+    return []
+
+def save_urls(urls):
+    """保存URL列表"""
+    with open(DATA_FILE, 'w', encoding='utf-8') as f:
+        json.dump(urls, f, ensure_ascii=False, indent=2)
+
+def load_logs():
+    """加载日志"""
+    if os.path.exists(LOG_FILE):
+        try:
+            with open(LOG_FILE, 'r', encoding='utf-8') as f:
+                logs = json.load(f)
+                # 只保留最近100条日志
+                return logs[-100:]
+        except:
+            return []
+    return []
+
+def save_logs(logs):
+    """保存日志"""
+    # 只保留最近100条
+    logs = logs[-100:]
+    with open(LOG_FILE, 'w', encoding='utf-8') as f:
+        json.dump(logs, f, ensure_ascii=False, indent=2)
+
+def add_log(url, status, message):
+    """添加一条日志"""
+    logs = load_logs()
+    logs.append({
+        "timestamp": datetime.now().strftime("%Y-%m-%d %H:%M:%S"),
+        "url": url,
+        "status": status,
+        "message": message
+    })
+    save_logs(logs)
+
+async def ping_url(session, url_data):
+    """异步发送GET请求到指定URL"""
+    url = url_data.get("url", "")
+    name = url_data.get("name", url)
+    
+    try:
+        async with session.get(url, timeout=aiohttp.ClientTimeout(total=30)) as response:
+            status = response.status
+            if status == 200:
+                add_log(name, "success", f"状态码: {status}")
+                return {"url": url, "name": name, "status": "success", "code": status}
+            else:
+                add_log(name, "warning", f"状态码: {status}")
+                return {"url": url, "name": name, "status": "warning", "code": status}
+    except asyncio.TimeoutError:
+        add_log(name, "error", "请求超时")
+        return {"url": url, "name": name, "status": "error", "message": "请求超时"}
+    except Exception as e:
+        add_log(name, "error", str(e)[:100])
+        return {"url": url, "name": name, "status": "error", "message": str(e)[:100]}
+
+async def ping_all_urls():
+    """异步ping所有URL"""
+    urls = load_urls()
+    if not urls:
+        add_log("系统", "info", "没有配置需要保活的URL")
+        return []
+    
+    add_log("系统", "info", f"开始保活任务，共 {len(urls)} 个URL")
+    
+    async with aiohttp.ClientSession() as session:
+        tasks = [ping_url(session, url_data) for url_data in urls]
+        results = await asyncio.gather(*tasks)
+    
+    success_count = sum(1 for r in results if r.get("status") == "success")
+    add_log("系统", "info", f"保活任务完成，成功: {success_count}/{len(urls)}")
+    
+    return results
+
+def run_keepalive_job():
+    """运行保活任务的同步包装器"""
+    loop = asyncio.new_event_loop()
+    asyncio.set_event_loop(loop)
+    try:
+        loop.run_until_complete(ping_all_urls())
+    finally:
+        loop.close()
+
+# 初始化调度器
+scheduler = BackgroundScheduler()
+scheduler.add_job(
+    run_keepalive_job,
+    trigger=IntervalTrigger(hours=KEEPALIVE_INTERVAL_HOURS),
+    id='keepalive_job',
+    name='URL保活任务',
+    replace_existing=True
+)
+
+@app.route('/')
+def index():
+    """主页"""
+    urls = load_urls()
+    logs = load_logs()
+    # 获取下次执行时间
+    job = scheduler.get_job('keepalive_job')
+    next_run = job.next_run_time.strftime("%Y-%m-%d %H:%M:%S") if job and job.next_run_time else "未调度"
+    
+    return render_template('index.html', 
+                         urls=urls, 
+                         logs=reversed(logs),  # 最新的在前
+                         next_run=next_run,
+                         interval=KEEPALIVE_INTERVAL_HOURS)
+
+@app.route('/api/urls', methods=['GET'])
+def get_urls():
+    """获取所有URL"""
+    return jsonify(load_urls())
+
+@app.route('/api/urls', methods=['POST'])
+def add_url():
+    """添加新URL"""
+    data = request.json
+    url = data.get('url', '').strip()
+    name = data.get('name', '').strip()
+    
+    if not url:
+        return jsonify({"error": "URL不能为空"}), 400
+    
+    # 确保URL有协议前缀
+    if not url.startswith(('http://', 'https://')):
+        url = 'https://' + url
+    
+    urls = load_urls()
+    
+    # 检查是否已存在
+    for u in urls:
+        if u.get('url') == url:
+            return jsonify({"error": "URL已存在"}), 400
+    
+    # 使用URL作为默认名称
+    if not name:
+        name = url.split('//')[1].split('/')[0] if '//' in url else url
+    
+    urls.append({
+        "url": url,
+        "name": name,
+        "added_at": datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+    })
+    
+    save_urls(urls)
+    add_log(name, "info", "添加到保活列表")
+    
+    return jsonify({"success": True, "message": "URL添加成功"})
+
+@app.route('/api/urls/<int:index>', methods=['DELETE'])
+def delete_url(index):
+    """删除URL"""
+    urls = load_urls()
+    
+    if 0 <= index < len(urls):
+        removed = urls.pop(index)
+        save_urls(urls)
+        add_log(removed.get('name', removed.get('url')), "info", "从保活列表移除")
+        return jsonify({"success": True})
+    
+    return jsonify({"error": "索引无效"}), 400
+
+@app.route('/api/ping', methods=['POST'])
+def manual_ping():
+    """手动触发保活"""
+    loop = asyncio.new_event_loop()
+    asyncio.set_event_loop(loop)
+    try:
+        results = loop.run_until_complete(ping_all_urls())
+    finally:
+        loop.close()
+    
+    return jsonify({"success": True, "results": results})
+
+@app.route('/api/ping/<int:index>', methods=['POST'])
+def ping_single(index):
+    """ping单个URL"""
+    urls = load_urls()
+    
+    if 0 <= index < len(urls):
+        loop = asyncio.new_event_loop()
+        asyncio.set_event_loop(loop)
+        try:
+            async def ping_one():
+                async with aiohttp.ClientSession() as session:
+                    return await ping_url(session, urls[index])
+            result = loop.run_until_complete(ping_one())
+        finally:
+            loop.close()
+        
+        return jsonify({"success": True, "result": result})
+    
+    return jsonify({"error": "索引无效"}), 400
+
+@app.route('/api/logs', methods=['GET'])
+def get_logs():
+    """获取日志"""
+    return jsonify(load_logs())
+
+@app.route('/api/logs', methods=['DELETE'])
+def clear_logs():
+    """清空日志"""
+    save_logs([])
+    return jsonify({"success": True})
+
+@app.route('/api/status', methods=['GET'])
+def get_status():
+    """获取系统状态"""
+    job = scheduler.get_job('keepalive_job')
+    urls = load_urls()
+    
+    return jsonify({
+        "url_count": len(urls),
+        "interval_hours": KEEPALIVE_INTERVAL_HOURS,
+        "next_run": job.next_run_time.strftime("%Y-%m-%d %H:%M:%S") if job and job.next_run_time else None,
+        "scheduler_running": scheduler.running
+    })
+
+if __name__ == '__main__':
+    # 启动调度器
+    scheduler.start()
+    add_log("系统", "info", "保活管理器启动")
+    
+    # 运行Flask应用
+    app.run(host='0.0.0.0', port=7860, debug=False)

requirements.txt

@@ -0,0 +1,4 @@
+flask>=2.3.0
+apscheduler>=3.10.0
+aiohttp>=3.8.0
+gunicorn>=21.0.0

static/script.js

@@ -0,0 +1,194 @@
+/**
+ * HuggingFace 保活管理器 - 前端交互脚本
+ */
+
+// Toast 通知函数
+function showToast(message, type = 'info') {
+    const container = document.getElementById('toast-container');
+    const toast = document.createElement('div');
+    toast.className = `toast toast-${type}`;
+
+    const icons = {
+        success: '<svg viewBox="0 0 24 24" fill="none"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" stroke="currentColor" stroke-width="2"/><polyline points="22,4 12,14.01 9,11.01" stroke="currentColor" stroke-width="2"/></svg>',
+        error: '<svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/><line x1="15" y1="9" x2="9" y2="15" stroke="currentColor" stroke-width="2"/><line x1="9" y1="9" x2="15" y2="15" stroke="currentColor" stroke-width="2"/></svg>',
+        warning: '<svg viewBox="0 0 24 24" fill="none"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" stroke="currentColor" stroke-width="2"/><line x1="12" y1="9" x2="12" y2="13" stroke="currentColor" stroke-width="2"/><line x1="12" y1="17" x2="12.01" y2="17" stroke="currentColor" stroke-width="2"/></svg>',
+        info: '<svg viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/><line x1="12" y1="16" x2="12" y2="12" stroke="currentColor" stroke-width="2"/><line x1="12" y1="8" x2="12.01" y2="8" stroke="currentColor" stroke-width="2"/></svg>'
+    };
+
+    toast.innerHTML = `
+        <span class="toast-icon">${icons[type] || icons.info}</span>
+        <span class="toast-message">${message}</span>
+        <button class="toast-close" onclick="this.parentElement.remove()">
+            <svg viewBox="0 0 24 24" fill="none"><line x1="18" y1="6" x2="6" y2="18" stroke="currentColor" stroke-width="2"/><line x1="6" y1="6" x2="18" y2="18" stroke="currentColor" stroke-width="2"/></svg>
+        </button>
+    `;
+
+    container.appendChild(toast);
+
+    // 自动移除
+    setTimeout(() => {
+        toast.classList.add('fade-out');
+        setTimeout(() => toast.remove(), 300);
+    }, 4000);
+}
+
+// 刷新页面
+function refreshPage() {
+    location.reload();
+}
+
+// 添加URL
+document.getElementById('add-url-form').addEventListener('submit', async (e) => {
+    e.preventDefault();
+
+    const urlInput = document.getElementById('url-input');
+    const nameInput = document.getElementById('name-input');
+    const btn = e.target.querySelector('button[type="submit"]');
+
+    const url = urlInput.value.trim();
+    const name = nameInput.value.trim();
+
+    if (!url) {
+        showToast('请输入URL地址', 'error');
+        return;
+    }
+
+    btn.disabled = true;
+    btn.innerHTML = '<span class="loading"></span> 添加中...';
+
+    try {
+        const response = await fetch('/api/urls', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ url, name })
+        });
+
+        const data = await response.json();
+
+        if (response.ok) {
+            showToast('URL添加成功', 'success');
+            setTimeout(refreshPage, 500);
+        } else {
+            showToast(data.error || '添加失败', 'error');
+        }
+    } catch (error) {
+        showToast('网络错误，请重试', 'error');
+    } finally {
+        btn.disabled = false;
+        btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none"><line x1="12" y1="5" x2="12" y2="19" stroke="currentColor" stroke-width="2"/><line x1="5" y1="12" x2="19" y2="12" stroke="currentColor" stroke-width="2"/></svg> 添加';
+    }
+});
+
+// 删除URL
+document.querySelectorAll('.delete-btn').forEach(btn => {
+    btn.addEventListener('click', async () => {
+        const index = btn.dataset.index;
+
+        if (!confirm('确定要删除这个URL吗？')) return;
+
+        btn.disabled = true;
+
+        try {
+            const response = await fetch(`/api/urls/${index}`, {
+                method: 'DELETE'
+            });
+
+            if (response.ok) {
+                showToast('删除成功', 'success');
+                setTimeout(refreshPage, 500);
+            } else {
+                showToast('删除失败', 'error');
+            }
+        } catch (error) {
+            showToast('网络错误', 'error');
+        } finally {
+            btn.disabled = false;
+        }
+    });
+});
+
+// Ping单个URL
+document.querySelectorAll('.ping-btn').forEach(btn => {
+    btn.addEventListener('click', async () => {
+        const index = btn.dataset.index;
+        const urlItem = btn.closest('.url-item');
+        const urlName = urlItem.querySelector('.url-name').textContent;
+
+        btn.disabled = true;
+        btn.innerHTML = '<span class="loading"></span>';
+
+        try {
+            const response = await fetch(`/api/ping/${index}`, {
+                method: 'POST'
+            });
+
+            const data = await response.json();
+
+            if (data.result && data.result.status === 'success') {
+                showToast(`${urlName} 连接成功 (${data.result.code})`, 'success');
+            } else if (data.result && data.result.status === 'warning') {
+                showToast(`${urlName} 返回状态码: ${data.result.code}`, 'warning');
+            } else {
+                showToast(`${urlName} 连接失败: ${data.result?.message || '未知错误'}`, 'error');
+            }
+        } catch (error) {
+            showToast('网络错误', 'error');
+        } finally {
+            btn.disabled = false;
+            btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" stroke="currentColor" stroke-width="2"/><polyline points="22,4 12,14.01 9,11.01" stroke="currentColor" stroke-width="2"/></svg>';
+        }
+    });
+});
+
+// 全部保活
+document.getElementById('ping-all-btn')?.addEventListener('click', async () => {
+    const btn = document.getElementById('ping-all-btn');
+
+    btn.disabled = true;
+    btn.innerHTML = '<span class="loading"></span> 执行中...';
+
+    showToast('正在执行保活任务...', 'info');
+
+    try {
+        const response = await fetch('/api/ping', {
+            method: 'POST'
+        });
+
+        const data = await response.json();
+
+        if (data.results) {
+            const successCount = data.results.filter(r => r.status === 'success').length;
+            showToast(`保活完成: ${successCount}/${data.results.length} 成功`,
+                successCount === data.results.length ? 'success' : 'warning');
+            setTimeout(refreshPage, 1000);
+        }
+    } catch (error) {
+        showToast('执行失败', 'error');
+    } finally {
+        btn.disabled = false;
+        btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none"><path d="M23 4v6h-6M1 20v-6h6" stroke="currentColor" stroke-width="2"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" stroke="currentColor" stroke-width="2"/></svg> 立即全部保活';
+    }
+});
+
+// 清空日志
+document.getElementById('clear-logs-btn')?.addEventListener('click', async () => {
+    if (!confirm('确定要清空所有日志吗？')) return;
+
+    try {
+        const response = await fetch('/api/logs', {
+            method: 'DELETE'
+        });
+
+        if (response.ok) {
+            showToast('日志已清空', 'success');
+            setTimeout(refreshPage, 500);
+        }
+    } catch (error) {
+        showToast('清空失败', 'error');
+    }
+});
+
+// 页面加载完成
+document.addEventListener('DOMContentLoaded', () => {
+    console.log('HuggingFace 保活管理器已加载');
+});

static/style.css

@@ -0,0 +1,394 @@
+/* HuggingFace 保活管理器 - 深色主题 */
+
+:root {
+    --primary-hue: 260;
+    --primary: hsl(var(--primary-hue), 100%, 65%);
+    --primary-light: hsl(var(--primary-hue), 100%, 75%);
+    --primary-dark: hsl(var(--primary-hue), 80%, 50%);
+    --primary-glow: hsla(var(--primary-hue), 100%, 65%, 0.4);
+    --accent: hsl(180, 100%, 50%);
+    --success: #10b981;
+    --success-bg: rgba(16, 185, 129, 0.15);
+    --warning: #f59e0b;
+    --warning-bg: rgba(245, 158, 11, 0.15);
+    --error: #ef4444;
+    --error-bg: rgba(239, 68, 68, 0.15);
+    --info: #3b82f6;
+    --info-bg: rgba(59, 130, 246, 0.15);
+    --bg-primary: #0a0a0f;
+    --bg-secondary: #12121a;
+    --bg-tertiary: #1a1a25;
+    --bg-card: rgba(26, 26, 40, 0.7);
+    --text-primary: #f8fafc;
+    --text-secondary: #94a3b8;
+    --text-tertiary: #64748b;
+    --border-color: rgba(148, 163, 184, 0.1);
+    --border-glow: rgba(148, 163, 184, 0.2);
+    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
+    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
+    --shadow-glow: 0 0 30px var(--primary-glow);
+    --radius-sm: 8px;
+    --radius-md: 12px;
+    --radius-lg: 16px;
+    --transition-fast: 150ms ease;
+    --transition-normal: 250ms ease;
+}
+
+* { margin: 0; padding: 0; box-sizing: border-box; }
+html { font-size: 16px; scroll-behavior: smooth; }
+
+body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+    background: var(--bg-primary);
+    color: var(--text-primary);
+    line-height: 1.6;
+    min-height: 100vh;
+}
+
+body::before {
+    content: '';
+    position: fixed;
+    inset: 0;
+    background: 
+        radial-gradient(ellipse 80% 50% at 50% -20%, hsla(var(--primary-hue), 100%, 50%, 0.15), transparent),
+        radial-gradient(ellipse 60% 40% at 100% 0%, hsla(180, 100%, 50%, 0.1), transparent);
+    pointer-events: none;
+    z-index: -1;
+}
+
+a { color: var(--primary-light); text-decoration: none; transition: color var(--transition-fast); }
+a:hover { color: var(--accent); }
+
+.app-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 24px;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.header {
+    padding: 24px 0;
+    border-bottom: 1px solid var(--border-color);
+    margin-bottom: 32px;
+}
+
+.header-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 16px;
+}
+
+.logo { display: flex; align-items: center; gap: 16px; }
+
+.logo-icon {
+    width: 48px;
+    height: 48px;
+    background: linear-gradient(135deg, var(--primary), var(--accent));
+    border-radius: var(--radius-md);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: var(--shadow-glow);
+}
+
+.logo-icon svg { width: 28px; height: 28px; color: white; }
+
+.logo-text h1 {
+    font-size: 1.5rem;
+    font-weight: 700;
+    background: linear-gradient(135deg, var(--text-primary), var(--primary-light));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.logo-text p { font-size: 0.85rem; color: var(--text-tertiary); }
+
+.status-badge {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 16px;
+    background: var(--success-bg);
+    border: 1px solid rgba(16, 185, 129, 0.3);
+    border-radius: 100px;
+    font-size: 0.875rem;
+    color: var(--success);
+    font-weight: 500;
+}
+
+.status-dot {
+    width: 8px;
+    height: 8px;
+    background: var(--success);
+    border-radius: 50%;
+    animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+    0%, 100% { opacity: 1; transform: scale(1); }
+    50% { opacity: 0.6; transform: scale(1.1); }
+}
+
+.main-content { flex: 1; display: flex; flex-direction: column; gap: 24px; }
+
+.status-section {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 16px;
+}
+
+.status-card {
+    background: var(--bg-card);
+    backdrop-filter: blur(20px);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-lg);
+    padding: 24px;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    transition: all var(--transition-normal);
+}
+
+.status-card:hover {
+    border-color: var(--border-glow);
+    transform: translateY(-2px);
+    box-shadow: var(--shadow-md);
+}
+
+.status-icon {
+    width: 48px;
+    height: 48px;
+    border-radius: var(--radius-md);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.status-icon svg { width: 24px; height: 24px; }
+.urls-icon { background: linear-gradient(135deg, hsla(260, 100%, 65%, 0.2), hsla(260, 100%, 65%, 0.1)); color: var(--primary-light); }
+.interval-icon { background: linear-gradient(135deg, hsla(180, 100%, 50%, 0.2), hsla(180, 100%, 50%, 0.1)); color: var(--accent); }
+.next-run-icon { background: linear-gradient(135deg, hsla(45, 100%, 50%, 0.2), hsla(45, 100%, 50%, 0.1)); color: #fbbf24; }
+
+.status-info { display: flex; flex-direction: column; }
+.status-value { font-size: 1.5rem; font-weight: 700; color: var(--text-primary); }
+.next-run-time { font-size: 0.95rem; }
+.status-label { font-size: 0.85rem; color: var(--text-tertiary); }
+
+.glass-card {
+    background: var(--bg-card);
+    backdrop-filter: blur(20px);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-lg);
+    padding: 24px;
+}
+
+.glass-card h2 {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    font-size: 1.125rem;
+    font-weight: 600;
+    margin-bottom: 20px;
+}
+
+.glass-card h2 svg { width: 22px; height: 22px; color: var(--primary-light); }
+
+.add-form .form-row { display: flex; gap: 16px; flex-wrap: wrap; }
+.form-group { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 8px; }
+.form-group.name-group { flex: 0.5; min-width: 150px; }
+.form-group label { font-size: 0.875rem; font-weight: 500; color: var(--text-secondary); }
+
+.form-group input {
+    padding: 12px 16px;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-sm);
+    color: var(--text-primary);
+    font-size: 0.95rem;
+    transition: all var(--transition-fast);
+}
+
+.form-group input::placeholder { color: var(--text-tertiary); }
+.form-group input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-glow); }
+
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 12px 24px;
+    font-size: 0.95rem;
+    font-weight: 500;
+    border: none;
+    border-radius: var(--radius-sm);
+    cursor: pointer;
+    transition: all var(--transition-fast);
+    white-space: nowrap;
+}
+
+.btn svg { width: 18px; height: 18px; }
+
+.btn-primary {
+    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
+    color: white;
+    box-shadow: 0 4px 15px var(--primary-glow);
+}
+
+.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px var(--primary-glow); }
+.btn-secondary { background: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border-color); }
+.btn-secondary:hover { background: var(--bg-secondary); border-color: var(--border-glow); }
+.btn-small { padding: 8px 16px; font-size: 0.85rem; }
+
+.btn-icon {
+    width: 40px;
+    height: 40px;
+    padding: 0;
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-sm);
+    color: var(--text-secondary);
+}
+
+.btn-icon:hover { background: var(--bg-secondary); color: var(--text-primary); }
+.btn-icon.btn-danger:hover { background: var(--error-bg); color: var(--error); }
+.btn:disabled { opacity: 0.6; cursor: not-allowed; }
+
+.section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin-bottom: 20px;
+}
+
+.section-header h2 { margin-bottom: 0; }
+.urls-list { display: flex; flex-direction: column; gap: 12px; }
+
+.url-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 20px;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-md);
+    transition: all var(--transition-fast);
+}
+
+.url-item:hover { border-color: var(--border-glow); background: var(--bg-tertiary); }
+.url-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
+.url-name { font-weight: 600; color: var(--text-primary); }
+.url-link { font-size: 0.875rem; color: var(--primary-light); word-break: break-all; }
+.url-added { font-size: 0.75rem; color: var(--text-tertiary); }
+.url-actions { display: flex; gap: 8px; margin-left: 16px; }
+
+.empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 60px 20px;
+    text-align: center;
+}
+
+.empty-state svg { width: 64px; height: 64px; color: var(--text-tertiary); margin-bottom: 20px; opacity: 0.5; }
+.empty-state p { font-size: 1.125rem; color: var(--text-secondary); margin-bottom: 8px; }
+.empty-state span { font-size: 0.875rem; color: var(--text-tertiary); }
+
+.logs-container {
+    max-height: 400px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.logs-container::-webkit-scrollbar { width: 6px; }
+.logs-container::-webkit-scrollbar-track { background: var(--bg-secondary); border-radius: 3px; }
+.logs-container::-webkit-scrollbar-thumb { background: var(--border-glow); border-radius: 3px; }
+
+.log-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 12px 16px;
+    background: var(--bg-secondary);
+    border-radius: var(--radius-sm);
+    font-size: 0.85rem;
+    border-left: 3px solid transparent;
+}
+
+.log-time { color: var(--text-tertiary); font-family: monospace; white-space: nowrap; }
+.log-url { color: var(--text-secondary); font-weight: 500; min-width: 120px; }
+.log-message { color: var(--text-primary); flex: 1; }
+
+.log-success { border-left-color: var(--success); background: var(--success-bg); }
+.log-success .log-message { color: var(--success); }
+.log-warning { border-left-color: var(--warning); background: var(--warning-bg); }
+.log-warning .log-message { color: var(--warning); }
+.log-error { border-left-color: var(--error); background: var(--error-bg); }
+.log-error .log-message { color: var(--error); }
+.log-info { border-left-color: var(--info); background: var(--info-bg); }
+.log-info .log-message { color: var(--info); }
+
+.empty-logs { display: flex; align-items: center; justify-content: center; padding: 40px; color: var(--text-tertiary); }
+
+.footer { padding: 24px 0; margin-top: 32px; border-top: 1px solid var(--border-color); text-align: center; }
+.footer p { color: var(--text-tertiary); font-size: 0.875rem; }
+.footer-tip { margin-top: 8px; color: var(--text-secondary) !important; }
+
+#toast-container { position: fixed; bottom: 24px; right: 24px; display: flex; flex-direction: column; gap: 12px; z-index: 1000; }
+
+.toast {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 16px 20px;
+    background: var(--bg-card);
+    backdrop-filter: blur(20px);
+    border: 1px solid var(--border-color);
+    border-radius: var(--radius-md);
+    box-shadow: var(--shadow-lg);
+    animation: slideIn 0.3s ease;
+    min-width: 280px;
+}
+
+.toast.toast-success { border-left: 4px solid var(--success); }
+.toast.toast-error { border-left: 4px solid var(--error); }
+.toast-icon { width: 24px; height: 24px; }
+.toast-success .toast-icon { color: var(--success); }
+.toast-error .toast-icon { color: var(--error); }
+.toast-message { flex: 1; font-size: 0.95rem; }
+
+.toast-close {
+    background: none;
+    border: none;
+    color: var(--text-tertiary);
+    cursor: pointer;
+    padding: 4px;
+    display: flex;
+}
+
+.toast-close svg { width: 18px; height: 18px; }
+
+@keyframes slideIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
+.toast.fade-out { animation: slideOut 0.3s ease forwards; }
+@keyframes slideOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } }
+
+@keyframes spin { to { transform: rotate(360deg); } }
+
+@media (max-width: 768px) {
+    .header-content { flex-direction: column; align-items: flex-start; }
+    .status-section { grid-template-columns: 1fr; }
+    .add-form .form-row { flex-direction: column; }
+    .form-group, .form-group.name-group { flex: 1; min-width: 100%; }
+    .add-form .btn-primary { width: 100%; }
+    .section-header { flex-direction: column; align-items: flex-start; }
+    .section-header .btn { width: 100%; }
+    .url-item { flex-direction: column; align-items: flex-start; gap: 12px; }
+    .url-actions { margin-left: 0; width: 100%; justify-content: flex-end; }
+}

templates/index.html

@@ -0,0 +1,214 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HuggingFace 保活管理器</title>
+    <meta name="description" content="管理和保活您的HuggingFace Spaces，防止因长时间不访问而休眠">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+</head>
+<body>
+    <div class="app-container">
+        <!-- 头部 -->
+        <header class="header">
+            <div class="header-content">
+                <div class="logo">
+                    <div class="logo-icon">
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <path d="M2 17L12 22L22 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <path d="M2 12L12 17L22 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                    </div>
+                    <div class="logo-text">
+                        <h1>HF 保活管理器</h1>
+                        <p>HuggingFace Space Keepalive Manager</p>
+                    </div>
+                </div>
+                <div class="status-badge">
+                    <span class="status-dot"></span>
+                    <span>运行中</span>
+                </div>
+            </div>
+        </header>
+
+        <!-- 主内容区 -->
+        <main class="main-content">
+            <!-- 状态卡片 -->
+            <section class="status-section">
+                <div class="status-card">
+                    <div class="status-icon urls-icon">
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                    </div>
+                    <div class="status-info">
+                        <span class="status-value" id="url-count">{{ urls|length }}</span>
+                        <span class="status-label">保活URL</span>
+                    </div>
+                </div>
+                <div class="status-card">
+                    <div class="status-icon interval-icon">
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
+                            <polyline points="12,6 12,12 16,14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                    </div>
+                    <div class="status-info">
+                        <span class="status-value">{{ interval }}小时</span>
+                        <span class="status-label">保活间隔</span>
+                    </div>
+                </div>
+                <div class="status-card">
+                    <div class="status-icon next-run-icon">
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M5 12h14M12 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                    </div>
+                    <div class="status-info">
+                        <span class="status-value next-run-time" id="next-run">{{ next_run }}</span>
+                        <span class="status-label">下次执行</span>
+                    </div>
+                </div>
+            </section>
+
+            <!-- 添加URL表单 -->
+            <section class="add-url-section glass-card">
+                <h2>
+                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
+                        <line x1="12" y1="8" x2="12" y2="16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                        <line x1="8" y1="12" x2="16" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                    </svg>
+                    添加保活URL
+                </h2>
+                <form id="add-url-form" class="add-form">
+                    <div class="form-row">
+                        <div class="form-group">
+                            <label for="url-input">URL地址</label>
+                            <input type="url" id="url-input" placeholder="https://your-space.hf.space" required>
+                        </div>
+                        <div class="form-group name-group">
+                            <label for="name-input">名称 (可选)</label>
+                            <input type="text" id="name-input" placeholder="我的空间">
+                        </div>
+                        <button type="submit" class="btn btn-primary">
+                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <line x1="12" y1="5" x2="12" y2="19" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                                <line x1="5" y1="12" x2="19" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                            </svg>
+                            添加
+                        </button>
+                    </div>
+                </form>
+            </section>
+
+            <!-- URL列表 -->
+            <section class="urls-section glass-card">
+                <div class="section-header">
+                    <h2>
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                        保活列表
+                    </h2>
+                    <button id="ping-all-btn" class="btn btn-secondary">
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M23 4v6h-6M1 20v-6h6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                        立即全部保活
+                    </button>
+                </div>
+                <div id="urls-list" class="urls-list">
+                    {% if urls %}
+                        {% for url in urls %}
+                        <div class="url-item" data-index="{{ loop.index0 }}">
+                            <div class="url-info">
+                                <span class="url-name">{{ url.name }}</span>
+                                <a href="{{ url.url }}" target="_blank" class="url-link">{{ url.url }}</a>
+                                <span class="url-added">添加于: {{ url.added_at }}</span>
+                            </div>
+                            <div class="url-actions">
+                                <button class="btn btn-icon ping-btn" title="测试连接" data-index="{{ loop.index0 }}">
+                                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                                        <polyline points="22,4 12,14.01 9,11.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                                    </svg>
+                                </button>
+                                <button class="btn btn-icon btn-danger delete-btn" title="删除" data-index="{{ loop.index0 }}">
+                                    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <polyline points="3,6 5,6 21,6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                                        <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                                    </svg>
+                                </button>
+                            </div>
+                        </div>
+                        {% endfor %}
+                    {% else %}
+                        <div class="empty-state">
+                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                                <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            </svg>
+                            <p>还没有添加任何保活URL</p>
+                            <span>在上方输入框中添加需要保活的HuggingFace Space URL</span>
+                        </div>
+                    {% endif %}
+                </div>
+            </section>
+
+            <!-- 日志区域 -->
+            <section class="logs-section glass-card">
+                <div class="section-header">
+                    <h2>
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <polyline points="14,2 14,8 20,8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <line x1="16" y1="13" x2="8" y2="13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <line x1="16" y1="17" x2="8" y2="17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <polyline points="10,9 9,9 8,9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                        运行日志
+                    </h2>
+                    <button id="clear-logs-btn" class="btn btn-secondary btn-small">
+                        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <polyline points="3,6 5,6 21,6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                            <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+                        </svg>
+                        清空日志
+                    </button>
+                </div>
+                <div id="logs-container" class="logs-container">
+                    {% for log in logs %}
+                    <div class="log-item log-{{ log.status }}">
+                        <span class="log-time">{{ log.timestamp }}</span>
+                        <span class="log-url">{{ log.url }}</span>
+                        <span class="log-message">{{ log.message }}</span>
+                    </div>
+                    {% else %}
+                    <div class="empty-logs">
+                        <p>暂无日志记录</p>
+                    </div>
+                    {% endfor %}
+                </div>
+            </section>
+        </main>
+
+        <!-- 页脚 -->
+        <footer class="footer">
+            <p>HuggingFace Space 保活管理器 &copy; 2024</p>
+            <p class="footer-tip">💡 提示：保持此页面每日访问，即可确保所有配置的Space正常运行</p>
+        </footer>
+    </div>
+
+    <!-- Toast 通知 -->
+    <div id="toast-container"></div>
+
+    <script src="{{ url_for('static', filename='script.js') }}"></script>
+</body>
+</html>