《Gemini-Voyager 从入门到精通》(11) - Mermaid、公式与工具集

第9-12章 实用功能集

📖 《Gemini-Voyager 从入门到精通》系列连载

第9章 Mermaid 图表渲染

Mermaid 是一种基于文本的图表定义语言，Gemini-Voyager 能够实时渲染 AI 生成的图表。

支持的图表类型

┌─────────────────────────────────────────────────────────────────┐
│                    支持的 Mermaid 图表类型                        │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│   ┌─────────────┐  ┌─────────────┐  ┌─────────────┐          │
│   │  流程图     │  │   时序图    │  │   类图       │          │
│   │  graph     │  │sequenceDia  │  │ classDiag  │          │
│   └─────────────┘  └─────────────┘  └─────────────┘          │
│                                                                 │
│   ┌─────────────┐  ┌─────────────┐  ┌─────────────┐          │
│   │  状态图     │  │   甘特图    │  │   饼图       │          │
│   │ stateDia   │  │  gantt     │  │    pie     │          │
│   └─────────────┘  └─────────────┘  └─────────────┘          │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘

渲染流程

DOM 变化监听 → 代码块检测 → 懒加载 Mermaid → 解析渲染 → DOM 替换

第10章 深度研究（Deep Research）

提取 Deep Research 报告中的思考过程和参考链接。

研究报告提取

┌─────────────────────────────────────────────────────────────────┐
│                    研究报告提取流程                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│   1. 提取思考过程 (Thinking)                                   │
│   2. 提取研究报告内容                                           │
│   3. 提取参考链接                                               │
│                                                                 │
│   导出格式:                                                     │
│   • PDF (含链接)                                               │
│   • Markdown (脚注链接)                                         │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘

第11章 公式复制（Formula Copy）

一键复制数学公式的 LaTeX 或 MathML 代码。

复制格式

使用示例

公式: ∫f(x)dx

LaTeX 复制: \int f(x) \,dx
MathML 复制: <math>...</math>

第12章 实用工具集

12.1 批量删除

快速清理不需要的对话。

• 按时间/关键字筛选
• 批量选择
• 确认删除

12.2 引用回复

选中消息文本后点击回复，自动填充引用内容。

12.3 标签页标题同步

自动更新浏览器标签页标题显示当前对话。

12.4 输入框折叠

阅读长对话时自动折叠输入框，腾出阅读空间。

12.5 默认模型设置

设置首选 AI 模型，新对话自动使用。

12.6 隐藏最近项目

精简侧边栏，减少干扰。

12.7 NanoBanana（水印去除）

去除 AI 生成图片的水印。

┌─────────────────────────────────────────────────────────────────┐
│                    NanoBanana 功能                               │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│   原理: 拦截请求 → 下载原图 → 去除水印 → 返回                  │
│                                                                 │
│   平台支持:                                                     │
│   • Chrome: ✓                                                  │
│   • Edge:   ✓                                                  │
│   • Firefox: ✓                                                │
│   • Safari: ✗ (默认禁用)                                     │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘

⏳ 下一部分将介绍架构设计篇