README Screenshots v0.5.0 - ShaoClean/Alune GitHub Wiki
2026-09-29 按 v0.5.0 提交 e86dc78d3b675084743f59c940f2ab1aafbe1ad5 重新采集 README 界面截图，并同步核对功能表、操作入口和工作区使用说明。
- macOS arm64，Node.js 25.5.0；构建运行 shared、ssh-client、server 和 web。
- 使用 Ego Lite 浏览器，视口 1440 × 900 CSS px，截图像素比例为 1。
- 所有页面使用该版本的真实前端和服务端。Git 仓库、提交、分支、Worktree 与应用数据库均为临时演示数据，SSH 仅连接本机隔离测试服务；未读取用户仓库或服务器数据。
- 演示仓库中的代码和提交用于呈现界面，不是 Alune 的真实发布历史。截图展示网页界面，不包含桌面原生窗口边框、目录选择器或安装更新流程。
- 未进行实际代理联网、令牌认证或安装包升级验收；本页记录的是文档界面核对，不替代各功能的验收记录。
| 文件 | 界面与核对内容 |
|---|---|
workspace-light.png |
浅色工作区；本机与 SSH 标签、七个仓库视图、未暂存／已暂存分组、批量放弃入口及提交区。 |
workspace-dark.png |
同一工作区的深色主题与文本 Diff。 |
files.png |
只读目录树、TSX 文件预览与 Catppuccin Mocha 代码主题。 |
history.png |
临时 Git 仓库的真实分支图、所选提交、文件变更与 Diff；通过界面拖动分隔线调整阅读空间。 |
repositories.png |
仓库列表、本机／SSH 来源、路径、状态与卡片／列表切换。 |
code-appearance.png |
外观设置中的代码主题、字体、字号、即时预览和自定义主题导入；左侧显示七个设置分类。 |
network-proxy.png |
网络代理设置、保存入口、生效范围及连接测试。 |
图片存放在 Wiki Git 仓库的 assets/readme-v0.5.0/，README 使用 https://raw.githubusercontent.com/wiki/ShaoClean/Alune/assets/readme-v0.5.0/<文件名> 引用。
附件 readme-fixture.cjs 创建临时本地仓库、分支图、关联 Worktree、本机 SSH 测试服务和隔离应用数据库。示例假定 Wiki 与 Alune 代码已分别检出；在干净的 v0.5.0 代码目录中执行：
npm ci
npm run build -w @alune/shared
npm run build -w @alune/ssh-client
npm run build -w server
npm run build -w web
node /path/to/Alune.wiki/assets/readme-v0.5.0/readme-fixture.cjs "$PWD"脚本输出网页地址和演示仓库信息。退出脚本会关闭服务并清理生成的临时目录。脚本通过此版本自带的 SSH 测试 helper 启动回环服务，不需要真实 SSH 密钥或账号。
打开演示 alune 仓库，再分别打开 design-system 和 SSH 的 api-service 形成多标签；回到 alune，选择 src/components/Workspace.tsx 的未暂存差异，填写示例提交草稿但不提交。从设置切换浅色和深色并采集工作区；再分别进入“文件”“提交历史”“仓库”“外观”和“网络代理”。等待加载与语法高亮完成，移开鼠标以避开提示框后截图。只调整应用提供的主题、布局和视图选项，不修改页面样式或界面文案。
上一截图基线保留在 README-Screenshots-8ce088e。当前使用说明见项目 README与工作区说明。