| <!doctype html> |
| <html lang="zh"> |
| <head> |
| <meta charset="utf-8"/> |
| <meta name="viewport" content="width=device-width,initial-scale=1"/> |
| <title>HF Devbox</title> |
| <style> |
| :root{--bg:#0b1220;--card:#111a2e;--text:#e5e7eb;--muted:#94a3b8;} |
| body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto; |
| background:radial-gradient(1200px 800px at 20% 10%, #1d2a52 0%, var(--bg) 50%); |
| color:var(--text);} |
| .wrap{max-width:980px;margin:0 auto;padding:32px;} |
| .title{font-size:28px;font-weight:800;margin:6px 0;} |
| .sub{color:var(--muted);margin:0 0 22px;line-height:1.6} |
| .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;} |
| .card{background:rgba(17,26,46,.85);border:1px solid rgba(148,163,184,.15); |
| border-radius:16px;padding:18px;} |
| a.btn{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:12px; |
| text-decoration:none;color:#fff;font-weight:700;background:#2563eb;} |
| code{background:rgba(148,163,184,.12);padding:2px 8px;border-radius:8px;color:#e2e8f0} |
| </style> |
| </head> |
| <body> |
| <div class="wrap"> |
| <div class="title">HF Devbox</div> |
| <p class="sub"> |
| 一个端口聚合：VS Code / JupyterLab / Web Terminal。 |
| 临时文件建议放 <code>/home/user/work</code> 或 <code>/home/user/tmp</code>（重启可能丢）。 |
| </p> |
| <div class="grid"> |
| <div class="card"> |
| <h3>VS Code（code-server）</h3> |
| <p class="sub">浏览器写代码、上传文件、运行任务</p> |
| /进入 VS Code</a> |
| </div> |
| <div class="card"> |
| <h3>JupyterLab</h3> |
| <p class="sub">Notebook + 终端 + 文件管理</p> |
| /jupyter/进入 JupyterLab</a> |
| </div> |
| <div class="card"> |
| <h3>Web Terminal</h3> |
| <p class="sub">ttyd 终端（适合快速命令）</p> |
| /terminal/进入 Terminal</a> |
| </div> |
| </div> |
| <p class="sub" style="margin-top:18px"> |
| 提示：本空间使用 Nginx BasicAuth 统一鉴权（只输入一次账号密码），code-server/Jupyter 已关闭二次认证。 |
| </p> |
| </div> |
| </body> |
| </html> |
