noban 使用教程

# 文件共享服务器 — Claude Code 提示词

把下面这段完整复制给你电脑上的 Claude Code，它会帮你生成并启动一个带密码、界面好看的网页文件共享服务。

生成后 Claude 会直接返回一个 `http://公网IP:8001` 的网址 —— 直接复制这个网址，在电脑或手机浏览器的地址栏打开（注意必须是 http:// 开头，不是 https），输入用户名和密码即可使用。

---

```text
用 Node.js 给我写一个零依赖的单文件文件共享服务器 fileshare.js，只用内置模块（http/fs/path/crypto/child_process），不要 npm install 任何东西。

运行方式：node fileshare.js [共享目录]，默认当前目录，监听 8001 端口。

功能要求：
1. 全站 HTTP Basic Auth 保护：用户名 admin，密码写在文件开头的常量里（帮我随机生成一个），可用环境变量 PASS 覆盖。密码比对用 crypto.timingSafeEqual（先 sha256 再比，避免长度泄露）。
2. 网页目录浏览：文件夹在前按名排序，显示大小、修改时间；顶部面包屑导航，路径每一段可点击；有筛选输入框，输入关键字即时过滤当前列表；空目录显示引导提示。
3. 下载：点文件名直接下载（Content-Disposition attachment，文件名用 UTF-8 编码支持中文）；每个文件夹有"打包"链接，服务端 spawn 系统 tar 流式输出 .tar.gz，不占内存不落盘。
4. 上传：不要解析 multipart，用前端 XMLHttpRequest 逐个 PUT 原始文件体，服务端流式写入。支持多选文件、整个文件夹（webkitdirectory，保留目录结构，服务端 mkdir -p 父目录）、拖拽文件到页面上传（拖入时显示全屏虚线提示层，用进入/离开计数器防闪烁）。上传时显示 第n/共几个 + 百分比，页面顶部再加一条细进度条。反方向也要支持：dragstart 时设置 DownloadURL（Chromium 专有格式 "application/octet-stream:文件名:完整URL"），文件能从网页直接拖到桌面下载，文件夹拖出去下载 tar.gz；注意用一个标志位区分拖出和拖入，别让拖出误触发上传提示层。
5. 管理操作：新建目录按钮（POST ?mkdir）；每行有"改名"（POST ?rename=新名，输相对路径可实现移动）和"删除"（DELETE 方法，前端先 confirm，文件夹递归删）。操作链接平时半透明隐藏、悬停整行时浮现，触屏设备（hover:none）常显。
6. 安全：所有路径必须解码后 path.join 到共享根目录并校验不能越界（注意：共享根是 / 时前缀会变成 //，要先归一化再比，这是个经典坑）；禁止删除共享根目录本身；HTML 输出要转义文件名防注入。
7. 界面设计（中文界面，别做成千篇一律的后台模板）：
   - 左上角 logo：内联 SVG 画一个靛蓝圆角方块、里面一对白色上下箭头（象征上传/下载），favicon 用同款 data URI SVG；别用 emoji 或依赖字体的图标。
   - 配色用 CSS 变量：主色靛蓝（链接、文件夹、主按钮），警示色朱砂红（进度条、删除悬停、错误信息），并用 prefers-color-scheme 做明暗两套主题自动切换。
   - 字体：标题和正文用 system-ui 系统黑体，文件大小、时间、面包屑路径用 ui-monospace 等宽字体；文件/文件夹用两个内联 SVG 小图标区分。
   - 列表放在圆角卡片里，整行悬停高亮，窄屏（600px 以下）自动隐藏时间列，手机可用（viewport meta），尊重 prefers-reduced-motion。

写完后：用 nohup 后台启动（共享目录用当前目录，日志写到 fileshare.log），然后用 curl 实际验证：未登录返回 401、登录 200、PUT 上传后下载内容一致、?tar 打包能被 tar tzf 解开、../ 路径穿越被拒绝、mkdir/改名/删除各返回正确状态码，测试文件记得删掉。最后自动获取本机公网 IP（例如 curl -s ifconfig.me 或 curl -s ip.sb），把访问网址按完整的 http://公网IP:8001 形式，连同用户名、密码一起清楚地告诉我，方便我直接复制这个网址粘到浏览器地址栏打开使用。
```

---

## 注意事项

- **打不开网站时先检查地址栏**：浏览器经常自动把 http 升级成 https，这个服务只有 http，必须完整输入 `http://IP:8001`。还打不开就用手机流量试一下，能开说明是你所在网络把它拦了。
- 这个服务能读写共享目录里的**所有文件**，密码别设弱的。
- 共享根目录别随便设成 `/`（整个系统盘），尤其是挂在公网的机器上。
- 停止服务：`pkill -f fileshare.js`；换密码：改文件开头的 PASSWORD 常量后重启。
- 需要 Linux/macOS 自带的 tar 命令（打包下载功能用），Windows 10+ 也自带。

/statusline 在状态栏从左到右显示 4 段，相邻段之间用灰色「│」（color 238）分隔。① 当前模型简称（如 Opus 4.8 / Sonnet 5），加粗。② 加粗的「context」标签 + 8 格宽渐进进度条 + 已用百分比，accent 色 cyan（256-color 81）。③ 5 小时短期额度 8 格剩余进度条 + 剩余 % + 到下次重置的倒计时（格式「Xh Ym」），accent 色 magenta（color 213）。④ 一周长期额度同样格式，> 24h 用「Nd Mh Km」，accent 色 aqua-green（color 120）。进度条要用 ▏▎▍▌▋▊▉ 这 7 个左 block 字符做 1/8 格子精度的渐进填充；已填充段用 accent 色 background 整段填实，空段用 gray（color 238）background track，过渡格用 accent fg + gray bg 的对应 ▏..▉ 字符。从 stdin 的 Claude Code JSON 读取 context_window.{used_percentage,total_input_tokens,context_window_size} 和 rate_limits.{five_hour,seven_day}.{used_percentage,resets_at}；context 显示 USED %，rate limits 显示 REMAINING %（100 - used）；数据缺失时该段降级为 gray empty bar + 「--」。