桌面端截图总览（附录）

这页怎么用

如果你在找具体步骤，请先看对应主文档。这里仅用于：

• 快速确认桌面端有哪些正式截图
• 查看脱敏示例数据的写法
• 给后续补图或改图做素材总览

这组图怎么来

这些截图都来自桌面端本地运行环境，不是官网营销页。为了便于说明功能，我们用一套固定的演示数据来展示常见内容类型，全部都做了脱敏处理。

示例数据怎么放

文档里的样例数据只放结构，不放真实密钥。建议用下面这种方式：

{
  "workspace": "nokuo-demo",
  "categories": ["notes", "snippets", "diaries"],
  "items": [
    {
      "type": "project-url",
      "name": "Nokuo 生产站",
      "value": "https://example.com"
    },
    {
      "type": "database",
      "name": "生产 PostgreSQL",
      "value": "db.internal.example:5432/nokuo_prod"
    },
    {
      "type": "credential",
      "name": "阿里云部署凭证",
      "value": "AccessKey / Token"
    }
  ]
}

截图

欢迎与解锁

设置页

恢复流程

导入与粘贴识别

工作台与概览

预览与示例

怎么继续补

• 如果后面要补编辑器截图，建议先准备一套固定的 demo 工作区和假数据。
• 如果只想展示功能结构，这几张图已经覆盖欢迎、创建 Vault、主密码、恢复密钥、解锁、恢复密钥重置、设置、存储、同步、恢复、导入、粘贴识别、工作台和项目环境变量导出。
• 如果要补得更细，下一批应该优先补这两类：工作区包导出/恢复、团队共享流程截图。

截图采集流程

下次补图时，直接按这个顺序走，不要临时改流程：

1. 先打开本地开发页，再切到演示工作台入口。
2. 如果要拍工作台类页面，优先用 #/dev-workspace-preview。
3. 如果需要显示桌面端专属按钮，给浏览器地址加 ?previewNative=1，再进入预览页。
4. 每张图只讲一件事，一页一个步骤，不要把好几步压在同一张图里。
5. 创建、设置主密码、恢复密钥、正常解锁、恢复页、导入页、复制菜单、导出页，分别单独截。
6. 先把页面停在稳定状态，再截，不要带加载中动画、弹窗跳转中状态和报错提示。
7. 文件名沿用现有规则：desktop- + 场景名，改图时只替换对应文件，不要新起一套命名。
8. 截完后同时检查两件事：图片文件是否存在，文档引用是否已经更新。

推荐入口

• 欢迎与首次流程：#/welcome、#/create-vault、#/unlock-vault、#/restore-vault
• 工作台和导入导出：#/dev-workspace-preview
• 需要桌面按钮时：?previewNative=1 + 对应 hash 路由