Spaces:
Running
Running
| <html lang="zh-CN"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>🤖 Hermes Agent - AI Agent 进化基地</title> | |
| <style> | |
| * { box-sizing: border-box; margin: 0; padding: 0; } | |
| body { | |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |
| background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%); | |
| min-height: 100vh; color: #e0e0e0; line-height: 1.6; | |
| } | |
| a { color: #60a5fa; text-decoration: none; } | |
| a:hover { color: #93c5fd; } | |
| /* Header */ | |
| .header { | |
| background: rgba(0,0,0,0.3); | |
| border-bottom: 1px solid rgba(255,255,255,0.1); | |
| padding: 0 20px; | |
| } | |
| .header-inner { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| height: 60px; | |
| } | |
| .logo { font-size: 1.3em; font-weight: bold; color: #fff; } | |
| .logo span { color: #60a5fa; } | |
| /* Navigation */ | |
| .nav { display: flex; gap: 5px; } | |
| .nav a { | |
| padding: 8px 16px; | |
| border-radius: 8px; | |
| color: #a0a0a0; | |
| transition: all 0.2s; | |
| } | |
| .nav a:hover, .nav a.active { | |
| background: rgba(96,165,250,0.2); | |
| color: #60a5fa; | |
| } | |
| /* Hero */ | |
| .hero { | |
| text-align: center; | |
| padding: 80px 20px 60px; | |
| background: radial-gradient(ellipse at center, rgba(96,165,250,0.1) 0%, transparent 70%); | |
| } | |
| .hero h1 { font-size: 2.5em; color: #fff; margin-bottom: 15px; } | |
| .hero p { font-size: 1.2em; color: #a0a0a0; max-width: 600px; margin: 0 auto 30px; } | |
| .hero-badge { | |
| display: inline-block; | |
| background: rgba(96,165,250,0.2); | |
| border: 1px solid rgba(96,165,250,0.3); | |
| padding: 8px 20px; | |
| border-radius: 20px; | |
| color: #60a5fa; | |
| font-size: 0.9em; | |
| } | |
| /* Container */ | |
| .container { max-width: 1000px; margin: 0 auto; padding: 0 20px 60px; } | |
| /* Section */ | |
| .section { margin-bottom: 50px; } | |
| .section-title { | |
| font-size: 1.5em; | |
| color: #fff; | |
| margin-bottom: 20px; | |
| padding-bottom: 10px; | |
| border-bottom: 1px solid rgba(255,255,255,0.1); | |
| } | |
| /* Stats Grid */ | |
| .stats-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); | |
| gap: 15px; | |
| } | |
| .stat-card { | |
| background: rgba(255,255,255,0.05); | |
| border: 1px solid rgba(255,255,255,0.1); | |
| border-radius: 12px; | |
| padding: 20px; | |
| text-align: center; | |
| } | |
| .stat-num { font-size: 2em; font-weight: bold; color: #60a5fa; } | |
| .stat-label { color: #888; font-size: 0.9em; margin-top: 5px; } | |
| /* Featured Skills Table */ | |
| .skills-table { | |
| width: 100%; | |
| border-collapse: collapse; | |
| background: rgba(255,255,255,0.03); | |
| border-radius: 12px; | |
| overflow: hidden; | |
| } | |
| .skills-table th { | |
| background: rgba(96,165,250,0.15); | |
| padding: 15px; | |
| text-align: left; | |
| color: #60a5fa; | |
| font-weight: 500; | |
| } | |
| .skills-table td { | |
| padding: 12px 15px; | |
| border-bottom: 1px solid rgba(255,255,255,0.05); | |
| } | |
| .skills-table tr:hover { background: rgba(255,255,255,0.03); } | |
| .skill-name { | |
| color: #fff; | |
| font-weight: 500; | |
| font-family: monospace; | |
| background: rgba(96,165,250,0.1); | |
| padding: 3px 8px; | |
| border-radius: 4px; | |
| } | |
| .skill-cat { color: #a78bfa; font-size: 0.85em; } | |
| .skill-desc { color: #a0a0a0; } | |
| /* Category Grid */ | |
| .cat-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| gap: 15px; | |
| } | |
| .cat-card { | |
| background: rgba(255,255,255,0.05); | |
| border: 1px solid rgba(255,255,255,0.1); | |
| border-radius: 10px; | |
| padding: 15px; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .cat-name { color: #e0e0e0; font-weight: 500; } | |
| .cat-count { | |
| background: rgba(96,165,250,0.2); | |
| color: #60a5fa; | |
| padding: 4px 12px; | |
| border-radius: 15px; | |
| font-size: 0.85em; | |
| } | |
| /* Timeline */ | |
| .timeline { | |
| border-left: 2px solid rgba(96,165,250,0.3); | |
| padding-left: 30px; | |
| margin-left: 10px; | |
| } | |
| .timeline-item { | |
| position: relative; | |
| margin-bottom: 30px; | |
| } | |
| .timeline-item::before { | |
| content: ''; | |
| position: absolute; | |
| left: -38px; | |
| top: 5px; | |
| width: 12px; | |
| height: 12px; | |
| border-radius: 50%; | |
| background: #60a5fa; | |
| border: 3px solid #1a1a2e; | |
| } | |
| .timeline-date { | |
| color: #60a5fa; | |
| font-size: 0.85em; | |
| margin-bottom: 5px; | |
| } | |
| .timeline-title { | |
| color: #fff; | |
| font-size: 1.1em; | |
| margin-bottom: 8px; | |
| } | |
| .timeline-desc { color: #888; font-size: 0.9em; } | |
| /* Quick Start */ | |
| .code-block { | |
| background: rgba(0,0,0,0.4); | |
| border: 1px solid rgba(255,255,255,0.1); | |
| border-radius: 8px; | |
| padding: 15px 20px; | |
| font-family: 'Consolas', monospace; | |
| color: #10b981; | |
| margin: 10px 0; | |
| overflow-x: auto; | |
| } | |
| .code-block .comment { color: #6b7280; } | |
| /* Resources */ | |
| .resource-links { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |
| gap: 15px; | |
| } | |
| .resource-card { | |
| background: rgba(255,255,255,0.05); | |
| border: 1px solid rgba(255,255,255,0.1); | |
| border-radius: 10px; | |
| padding: 20px; | |
| transition: transform 0.2s; | |
| } | |
| .resource-card:hover { transform: translateY(-3px); } | |
| .resource-title { color: #fff; font-weight: 500; margin-bottom: 8px; } | |
| .resource-desc { color: #888; font-size: 0.9em; } | |
| /* Footer */ | |
| .footer { | |
| text-align: center; | |
| padding: 30px; | |
| border-top: 1px solid rgba(255,255,255,0.1); | |
| color: #666; | |
| font-size: 0.85em; | |
| } | |
| .footer a { color: #60a5fa; } | |
| /* Responsive */ | |
| @media (max-width: 768px) { | |
| .header-inner { flex-direction: column; height: auto; padding: 15px 0; gap: 15px; } | |
| .nav { flex-wrap: wrap; justify-content: center; } | |
| .hero h1 { font-size: 1.8em; } | |
| .skills-table { font-size: 0.9em; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header class="header"> | |
| <div class="header-inner"> | |
| <div class="logo">Hermes <span>House</span></div> | |
| <nav class="nav"> | |
| <a href="#" class="active">Home</a> | |
| <a href="#skills">Skills</a> | |
| <a href="#evolution">Evolution</a> | |
| <a href="https://clowlove.github.io/Harmes-House/" target="_blank">Docs</a> | |
| <a href="https://github.com/clowlove" target="_blank">GitHub</a> | |
| </nav> | |
| </div> | |
| </header> | |
| <section class="hero"> | |
| <h1>🤖 Hermes Agent</h1> | |
| <p>AI Agent 进化基地 — 探索自主智能体的无限可能</p> | |
| <span class="hero-badge">🧠 基于 MiniMax 和 NVIDIA NIM 构建</span> | |
| </section> | |
| <main class="container"> | |
| <!-- Stats --> | |
| <section class="section"> | |
| <h2 class="section-title">📊 当前状态</h2> | |
| <div class="stats-grid"> | |
| <div class="stat-card"> | |
| <div class="stat-num">67+</div> | |
| <div class="stat-label">技能总数</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-num">4</div> | |
| <div class="stat-label">AI 模型</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-num">3</div> | |
| <div class="stat-label">平台集成</div> | |
| </div> | |
| <div class="stat-card"> | |
| <div class="stat-num">24/7</div> | |
| <div class="stat-label">自动化运行</div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Featured Skills --> | |
| <section class="section" id="skills"> | |
| <h2 class="section-title">⭐ 精选技能</h2> | |
| <table class="skills-table"> | |
| <thead> | |
| <tr> | |
| <th>技能</th> | |
| <th>分类</th> | |
| <th>说明</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td><span class="skill-name">native-mcp</span></td> | |
| <td><span class="skill-cat">MCP</span></td> | |
| <td><span class="skill-desc">MCP 协议集成，连接外部工具</span></td> | |
| </tr> | |
| <tr> | |
| <td><span class="skill-name">model-fallback</span></td> | |
| <td><span class="skill-cat">DevOps</span></td> | |
| <td><span class="skill-desc">多模型兜底，Rate Limit 时自动切换</span></td> | |
| </tr> | |
| <tr> | |
| <td><span class="skill-name">scrapling</span></td> | |
| <td><span class="skill-cat">DevOps</span></td> | |
| <td><span class="skill-desc">自适应爬虫，Cloudflare 绕过</span></td> | |
| </tr> | |
| <tr> | |
| <td><span class="skill-name">arxiv</span></td> | |
| <td><span class="skill-cat">Research</span></td> | |
| <td><span class="skill-desc">免费学术论文搜索</span></td> | |
| </tr> | |
| <tr> | |
| <td><span class="skill-name">huggingface-hub</span></td> | |
| <td><span class="skill-cat">MLOps</span></td> | |
| <td><span class="skill-desc">Hugging Face 模型搜索与下载</span></td> | |
| </tr> | |
| <tr> | |
| <td><span class="skill-name">yuanbao</span></td> | |
| <td><span class="skill-cat">Social</span></td> | |
| <td><span class="skill-desc">腾讯元宝群聊集成</span></td> | |
| </tr> | |
| <tr> | |
| <td><span class="skill-name">hermes-telegram</span></td> | |
| <td><span class="skill-cat">DevOps</span></td> | |
| <td><span class="skill-desc">Telegram Bot 一键配置</span></td> | |
| </tr> | |
| <tr> | |
| <td><span class="skill-name">trendradar</span></td> | |
| <td><span class="skill-cat">Monitoring</span></td> | |
| <td><span class="skill-desc">热点趋势监控与聚合</span></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </section> | |
| <!-- Category Stats --> | |
| <section class="section"> | |
| <h2 class="section-title">📦 技能分类</h2> | |
| <div class="cat-grid"> | |
| <div class="cat-card"> | |
| <span class="cat-name">🛠️ DevOps</span> | |
| <span class="cat-count">7</span> | |
| </div> | |
| <div class="cat-card"> | |
| <span class="cat-name">🎨 Creative</span> | |
| <span class="cat-count">12</span> | |
| </div> | |
| <div class="cat-card"> | |
| <span class="cat-name">🔬 MLOps</span> | |
| <span class="cat-count">8</span> | |
| </div> | |
| <div class="cat-card"> | |
| <span class="cat-name">🤖 Autonomous</span> | |
| <span class="cat-count">4</span> | |
| </div> | |
| <div class="cat-card"> | |
| <span class="cat-name">📚 Research</span> | |
| <span class="cat-count">5</span> | |
| </div> | |
| <div class="cat-card"> | |
| <span class="cat-name">🎮 Gaming</span> | |
| <span class="cat-count">3</span> | |
| </div> | |
| <div class="cat-card"> | |
| <span class="cat-name">💬 Social</span> | |
| <span class="cat-count">4</span> | |
| </div> | |
| <div class="cat-card"> | |
| <span class="cat-name">📊 Data</span> | |
| <span class="cat-count">3</span> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Evolution Timeline --> | |
| <section class="section" id="evolution"> | |
| <h2 class="section-title">🚀 进化历程</h2> | |
| <div class="timeline"> | |
| <div class="timeline-item"> | |
| <div class="timeline-date">2026-05-05</div> | |
| <div class="timeline-title">🌟 HF Space 上线 — Hermes House 展示站</div> | |
| <div class="timeline-desc">hello-hermes Space 全新改版为文档风格，展示 Agent 技能与进化历程</div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-date">2026-05-04</div> | |
| <div class="timeline-title">🔄 MiMo 模型集成</div> | |
| <div class="timeline-desc">配置小米 MiMo (mimo-v2.5-pro) 作为 fallback 模型，提升稳定性</div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-date">2026-05-03</div> | |
| <div class="timeline-title">📈 TrendRadar 热点监控</div> | |
| <div class="timeline-desc">集成 MCP 服务，支持热点趋势分析、多平台聚合、情感分析</div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-date">2026-05-01</div> | |
| <div class="timeline-title">🤖 技能系统 v2.0</div> | |
| <div class="timeline-desc">重构技能架构，支持 67+ 技能，分类管理，CI/CD 自动化</div> | |
| </div> | |
| <div class="timeline-item"> | |
| <div class="timeline-date">2026-04-28</div> | |
| <div class="timeline-title">🎯 Hermès House 文档站上线</div> | |
| <div class="timeline-desc">基于 MkDocs Material 构建完整文档站点</div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Quick Start --> | |
| <section class="section"> | |
| <h2 class="section-title">🔧 快速开始</h2> | |
| <p style="color:#a0a0a0; margin-bottom:15px;">在 Hermes Agent 中使用技能：</p> | |
| <div class="code-block">使用 huggingface-hub 搜索模型 | |
| 使用 scrapling 抓取网页 | |
| 使用 arxiv 搜索论文 | |
| 使用 trendradar 分析热点</div> | |
| <p style="color:#888; font-size:0.9em; margin-top:15px;"> | |
| 💡 查看完整技能文档：<a href="https://clowlove.github.io/Harmes-House/" target="_blank">Hermes House Docs</a> | |
| </p> | |
| </section> | |
| <!-- Resources --> | |
| <section class="section"> | |
| <h2 class="section-title">📚 相关资源</h2> | |
| <div class="resource-links"> | |
| <div class="resource-card"> | |
| <div class="resource-title">📖 Hermès House 文档</div> | |
| <div class="resource-desc">完整技能文档与使用指南</div> | |
| </div> | |
| <div class="resource-card"> | |
| <div class="resource-title">🤗 Hugging Face 资源</div> | |
| <div class="resource-desc">hello-hermes, hermes-examples 等开源资源</div> | |
| </div> | |
| <div class="resource-card"> | |
| <div class="resource-title">📊 HF Spaces Demo</div> | |
| <div class="resource-desc">交互式演示与实验</div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="footer"> | |
| <p>🤖 Hermes Agent | <a href="https://github.com/clowlove/Harmes-House" target="_blank">GitHub</a> | | |
| <a href="https://huggingface.co/cntalk" target="_blank">Hugging Face</a></p> | |
| <p style="margin-top:10px;">Built with ❤️ for AI Agent Evolution</p> | |
| </footer> | |
| </body> | |
| </html> |