# 截图清单（给自己的操作单）

AI 截不了浏览器里的界面，这一步只能你自己做。按下面做，5 分钟能搞定。

## 怎么截

- **只截一块**：`Win + Shift + S` → 拖框选中 → 进剪贴板 → 粘到「画图」另存为 PNG。
- **截当前窗口**：`Alt + PrtScn`；**截全屏**：`Win + PrtScn`（自动存到 `图片\屏幕截图`）。
- 保存到本目录：`docs/`
- 文件名**必须**和下面一致，README 里按这些名字引用。

## 要截哪几张

### 1. `screenshot-1-overview.png` —— 整页（必备，门面）
- 打开 **设置 → 更新中心**。
- 窗口拉宽一点，让「当前版本 / 最新版本 / npm dist-tags」三个卡片排在一行。
- 从标题「DSH 更新中心」一直截到「手动更新命令」那一块。

### 2. `screenshot-2-breaking.png` —— 破坏性标注特写（必备，这是差异化）
- 往下滚到「更新内容」，点开「▸ 当前版本说明」，展开它。
- 截那一块：要能看到 **色条 + 「破坏性」「注意」徽章 + 「N 条破坏性变更 / M 条需留意」汇总**。
- 想把「命中词」也截进去：鼠标**悬停在某条标红条目上**，等 tooltip 出现再截。

### 3. `screenshot-3-notes.png` —— 完整更新内容 + 只看风险项（已有）
- 展开「当前版本说明」后截整块：`新增功能 / 体验优化 / 问题修复` 各小节 + 右上角「只看风险项」按钮。
- 注：这张原文件名是 `screenshot-3-toast.png`，但内容其实是更新内容列表，已按实际内容改名。

### 4. `screenshot-4-settings.png` —— 设置与网络来源（已有）
- 「网络来源 + 设置 + 运行环境」三块：出口策略、每条来源的 正常/直连/耗时、检查间隔与代理输入框。

### 5. `screenshot-5-toast.png` —— 右下角更新通知（**待补**）
- 这个提醒**只有真的存在比当前更新的版本时才出现**；当前是最新版，所以现在截不到。
- 等真有新版本的那天，截右下角那张卡片（含「复制命令 / 暂不显示 / 忽略此版本」三个按钮），
  存成 `docs/screenshot-5-toast.png`，再把它加进两个 README 的截图表格即可。

## 截之前注意

1. 「运行环境」卡片会显示 `DSH_HOME` 路径与 Node 版本。这不算密钥，但若不想公开机器路径，
   截图时把最底部那一块裁掉。
2. 这个页面只显示版本号与公开的 Release 文本，**不含任何密钥**；仍请扫一眼画面，
   确认没有别的窗口（终端、聊天、其它插件面板）露进来。

## 截完怎么入库

把 PNG 放进 `docs/`，然后在仓库目录执行：

```powershell
git add docs
git commit -m "docs: add screenshots"
git push
```