《Gemini-Voyager 从入门到精通》(5) - 界面导览

# 第3章 界面导览 > 📖 《Gemini-Voyager 从入门到精通》系列连载 --- ## 3.1 弹出窗口（Popup）概览 弹出窗口是用户与 Gemini-Voyager 交互的主要入口。当用户点击浏览器工具栏上的扩展图标时，会弹出一个小型窗口，提供快速访问常用功能的途径。 ### 弹出窗口结构 ``` ┌─────────────────────────────┐ │ 🔷 Gemini Voyager │ ├─────────────────────────────┤ │ │ │ ┌─────────┐ ┌─────────┐ │ │ │ 📂 │ │ 💡 │ │ │ │ 文件夹 │ │ 提示词 │ │ │ └─────────┘ └─────────┘ │ │ │ │ ┌─────────┐ ┌─────────┐ │ │ │ 📤 │ │ ⏱️ │ │ │ │ 导出 │ │ 时间轴 │ │ │ └─────────┘ └─────────┘ │ │ │ │ ┌─────────┐ ┌─────────┐ │ │ │ ☁️ │ │ 🧜‍♀️ │ │ │ │ 同步 │ │ 去水印 │ │ │ └─────────┘ └─────────┘ │ │ │ ├─────────────────────────────┤ │ ⚙️ 设置 📖 帮助 │ └─────────────────────────────┘ ``` **主要区域：** - **快捷工具区** - 文件夹、提示词、导出、时间轴、同步、去水印 - **设置入口** - 访问完整设置页面 - **帮助入口** - 链接到文档 --- ## 3.2 选项页面（Options） 选项页面是 Gemini-Voyager 的配置中心，提供完整的功能设置和个性化配置。 ### 布局结构 ``` ┌─────────────────────────────────────────────────────────────┐ │ 选项页面布局 │ ├────────────────┬────────────────────────────────────────────┤ │ │ │ │ 通用设置 │ ┌──────────────────────────────────────┐ │ │ ───────── │ │ 语言选择: [中文 ▼] │ │ │ 外观设置 │ └──────────────────────────────────────┘ │ │ ───────── │ ┌──────────────────────────────────────┐ │ │ 功能开关 │ │ 主题: (●) 跟随系统 ( ) 浅色 │ │ │ ├ 文件夹 │ └──────────────────────────────────────┘ │ │ ├ 提示词 │ ┌──────────────────────────────────────┐ │ │ ├ 时间轴 │ │ ☑ 启用文件夹管理 │ │ │ └ Mermaid │ │ ☑ 启用提示词宝库 │ │ │ ───────── │ │ ☑ 启用时间轴导航 │ │ │ 云同步设置 │ │ ☑ 启用 Mermaid 渲染 │ │ │ ───────── │ └──────────────────────────────────────┘ │ │ 高级设置 │ │ │ ───────── │ │ │ 关于 │ │ └────────────────┴────────────────────────────────────────────┘ ``` **主要类别：** - 通用设置 - 语言、通知 - 外观设置 - 主题、字体 - 功能开关 - 各功能启用/禁用 - 云同步设置 - Google 账户连接 - 高级设置 - 数据管理、快捷键 --- ## 3.3 工具箱面板 除了弹出窗口，Gemini-Voyager 还会在 Gemini 网页本身上注入交互元素。 ### 页面元素分布 ``` ┌─────────────────────────────────────────────────────────────────┐ │ Gemini 页面上的工具箱 │ ├─────────────────────────────────────────────────────────────────┤ │ │ │ ┌─────────────────────────────────────────────────────────┐ │ │ │ [对话标题] [导出 ▼] [更多操作] │ │ │ └─────────────────────────────────────────────────────────┘ │ │ │ │ ┌─────────────┐ ┌─────────────────────────────────────┐ │ │ │ 侧边栏 │ │ 对话区域 │ │ │ │ │ │ │ │ │ │ 📂 文件夹 │ │ 用户消息 │ │ │ │ │ │ │ │ │ │ 💡 提示词 │ │ ┌─────────────────────────────┐ │ │ │ │ │ │ │ [公式复制] [复制 LaTeX] │ │ │ │ │ ⭐ 收藏 │ │ └─────────────────────────────┘ │ │ │ └─────────────┘ └─────────────────────────────────────┘ │ │ │ └─────────────────────────────────────────────────────────────────┘ ``` **页面注入元素：** - 导出按钮 - 对话标题附近 - 快捷操作菜单 - 右键菜单扩展 - 上下文工具 - 公式复制、Mermaid 渲染开关等 --- > ⏳ 下一章将介绍核心概念