产品介绍

Transor是一款面向个人用户与企业用户的高效、智能化翻译解决方案。它将先进的机器翻译、大模型能力与便捷的多平台接入相结合，致力于让跨语言理解变得像浏览网页一样简单，让阅读、学习、办公与沟通不再受语言障碍的限制。

功能概览

• 网站字体翻译：在网页上实时翻译页面文字，保持页面排版与样式尽量不变，支持整页一键翻译与局部翻译两种模式，提升浏览外文网站的流畅体验。

• 图片翻译：支持对图片中的文本进行识别（OCR）并翻译，适用于截图、照片、海报、图表等场景，保留原图视觉信息的同时提供准确译文。

• 视频字幕翻译：自动识别并翻译视频中的字幕（或通过语音转写生成字幕后翻译），支持本地视频与流媒体播放时的实时或离线字幕翻译，适合学习、会议回看与跨语种观影。

• PDF 文档翻译：对各种格式的 PDF 文档进行文本抽取与翻译，支持保留原有排版、表格与图片位置（根据文档复杂度），便于阅读外文文献、合同与报告。

• 划词翻译：在任意可选文本上进行划词（选中）即可弹出翻译窗口，支持即时词汇释义、上下文翻译与例句展示，帮助快速理解长句或专业术语。

• 接入多种大模型服务：内置并兼容多家主流大模型（包括开放 API 与本地推理方案），在准确性、语境理解与风格保留方面具备更高表现。用户可按需选择不同模型以平衡速度、成本与翻译质量。

• 跨平台与浏览器兼容：支持主流操作系统与浏览器：

  • 操作系统：Windows、macOS、安卓、iOS
  • 浏览器：Chrome、Firefox、Edge、Safari
    这意味着无论是在桌面端、移动端还是网页环境下，用户都能享受一致且流畅的翻译体验。

安装指南（跨平台与各浏览器/移动端）

下面为你的自动翻译工具准备了一份详尽的安装文档模板，覆盖 Windows、macOS、Android 与 iOS，以及主流浏览器（Chrome、Firefox、Edge、Safari）。文档以 Markdown 格式输出，内部留出“安装包/下载链接”占位位置，方便你后续替换为实际 URL。若需要，我也可以把占位链接替换为具体下载地址或生成带 Front Matter 的版本。

---

目录

• 快速说明
• Windows
  • Chrome / Edge / Firefox 扩展安装
  • 桌面客户端安装（安装包占位）
• macOS
  • Chrome / Safari / Firefox 扩展安装
  • 原生应用安装（安装包占位）
• Android
  • Google Play（占位）安装
  • APK（占位）安装与权限说明
• iOS
  • App Store（占位）安装
  • iOS 分享扩展与键盘扩展启用说明
• 浏览器扩展通用配置与授权
• 企业与私有部署安装说明（概览）
• 常见问题与故障排查
• 占位链接说明（替换指南）

---

快速说明

• 支持平台：Windows / macOS / Android / iOS
• 支持浏览器：Chrome、Firefox、Edge、Safari（以及其他基于 Chromium 的浏览器）
• 安装方式：浏览器扩展、桌面客户端、移动端 App、APK 离线安装、企业 MSI/PKG/DMG 分发方案

---

Windows

Chrome / Edge / Firefox 扩展安装（推荐方式）

1. 打开你常用的浏览器（Chrome / Edge / Firefox）。
2. 访问扩展商店页面（占位链接：[Chrome 扩展下载链接]()、[Edge 扩展下载链接]()、[Firefox 扩展下载链接]()）。
3. 点击 添加到浏览器 / 安装扩展，在弹出窗口中确认权限。
4. 安装完成后，浏览器工具栏会出现扩展图标。点击图标并登录你的账号（或扫码/输入激活码）。
5. 可选设置：默认目标语言、快捷键、是否在页面自动注入翻译按钮等。

桌面客户端安装（安装包占位）

• Windows 安装包（.exe / .msi）下载：[Windows 安装包下载链接占位]()
• 安装步骤：
  1. 下载 product_installer_windows.exe 或 product_installer_windows.msi（占位链接）。
  2. 双击运行安装程序，按提示完成安装。
  3. 第一次启动可能需要系统权限（例如防火墙或网络访问授权），请允许程序访问网络以获取模型服务与同步设置。
  4. 登录账号并完成初始设置（语言偏好、模型选择、本地推理开关等）。

---

macOS

Chrome / Safari / Firefox 扩展安装

1. 访问对应浏览器的扩展市场或我们提供的扩展下载页（占位链接：[Chrome 扩展下载链接]()、[Safari 扩展下载链接]()、[Firefox 扩展下载链接]()）。
2. 点击安装并授权扩展在浏览器中的必要权限。
3. 对于 Safari，部分版本需要先在 Safari 的“偏好设置 → 扩展”中勾选已安装的扩展以启用。

---

Android

Google Play 安装（推荐）

• 应用商店安装页面占位：[Google Play 下载链接占位]()
• 安装步骤：
  1. 打开 Google Play（或设备上的应用商店），搜索应用名或点击下载链接（占位）。
  2. 点击安装并等待下载完成。
  3. 首次打开时，按提示授予必要权限（存储、麦克风、截图权限等）以启用 OCR/视频字幕/本地文件访问功能。
  4. 建议启用“悬浮窗/显示在其他应用上方”权限以使用系统范围的划词翻译 & 悬浮翻译窗。

APK 离线安装（占位）

• APK 下载链接占位：[Android APK 下载链接占位]()
• 安装步骤与注意事项：
  1. 在设备上下载 APK 文件或将 APK 传到设备。
  2. 在系统设置中启用“允许来自此来源的安装”（不同厂商路径略有差异）。
  3. 运行 APK 并按提示安装。
  4. 完成安装后按需授予权限并在设置中启用悬浮窗或无障碍服务（若划词功能依赖无障碍 API）。
  5. 安全提醒：请仅从可信来源安装 APK，并在企业环境下优先使用 MDM 分发或 Google Play 私有渠道。

---

iOS

App Store 安装（推荐）

• App Store 下载链接占位：[App Store 下载链接占位]()
• 安装步骤：
  1. 打开 App Store 并搜索应用名，或点击下载链接（占位）。
  2. 点击“获取”并通过 Apple ID 完成安装。
  3. 打开应用并按提示登录与授予权限（麦克风、相册、照片访问等）。
  4. iOS 限制较多：部分系统级划词或悬浮窗功能受限，建议使用 iOS 扩展/分享表单与键盘扩展来实现跨应用划词翻译。

---

浏览器扩展通用配置与授权

• 首次安装扩展后建议完成以下配置：
  • 登录账号并同步设置（可选）。
  • 配置默认目标语言与语域。
  • 设置快捷键（比如：划词弹窗、整页翻译）。

---

常见问题与故障排查

• 无法在浏览器中启动扩展/扩展灰显
  • 检查浏览器版本是否支持扩展；在 Safari 中需手动启用扩展。
  • 检查是否有企业安全策略或浏览器策略阻止第三方扩展。
• OCR / 图片识别效果差
  • 尝试开启高精度 OCR 模型，或上传更清晰的图片。
  • 检查是否缺少语言包或模型需要下载。
• 移动端划词无响应
  • Android：确认无障碍服务或悬浮窗权限已授权。
  • iOS：使用分享扩展或键盘扩展，因为系统级划词限制较多。

---

占位链接说明（替换指南）

• 占位格式示例：[平台/资源 名称 下载链接占位]()
• 你可以在最终发布前将占位链接替换为实际 URL，示例：
  • [Chrome 扩展下载链接]() → [Chrome 扩展下载链接](https://example.com/chrome-extension)
  • [Windows 安装包下载链接占位]() → [Windows 安装包下载链接占位](https://example.com/downloads/product_windows.exe)
• 若需要，我可以替你把最终的实际下载链接插入并返回完整的 Markdown 文件，以便直接保存或上传。

基础文本格式

这是一段普通文本。

这是粗体文本

这是斜体文本

这是粗斜体文本

这是删除线文本

这是行内代码

这是引用文本

可以有多行

列表

无序列表

• 第一项
• 第二项
  • 子项目 1
  • 子项目 2
• 第三项

有序列表

1. 第一步
2. 第二步
   1. 子步骤 A
   2. 子步骤 B
3. 第三步

任务列表

• [x] 已完成的任务
• [ ] 未完成的任务
• [ ] 另一个待办事项

链接

内部链接

• 回到首页
• 查看演示页面
• 英文首页

外部链接

• VitePress 官网
• Vue.js 中文官网

锚点链接

• 跳转到图片部分
• 跳转到代码部分

代码块

行内代码

在 JavaScript 中使用 console.log() 来输出内容。

代码块（带语法高亮）

// JavaScript 示例
function greet(name) {
  return `你好，${name}！`;
}

const message = greet('VitePress');
console.log(message);

# Python 示例
def greet(name):
    return f"你好，{name}！"

message = greet("VitePress")
print(message)

<!-- HTML 示例 -->
<!DOCTYPE html>
<html>
<head>
    <title>VitePress 演示</title>
</head>
<body>
    <h1>欢迎使用 VitePress</h1>
    <p>这是一个演示页面。</p>
</body>
</html>

/* CSS 示例 */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.title {
  color: #42b883;
  font-size: 2em;
  text-align: center;
}

代码块（带行号）

function fibonacci(n) {
  if (n <= 1) return n;
  
  return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log(fibonacci(10)); // 55

代码块（带文件名）

export function fibonacci(n) {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

表格

功能	描述	示例
粗体	加粗文本	**文本**
斜体	倾斜文本	*文本*
代码	行内代码	`代码`
链接	可点击链接	[文本](链接)

对齐方式

左对齐	居中对齐	右对齐
左边内容	中间内容	右边内容
左	中	右
123	456	789

图片

本地图片

要使用本地图片，将图片放在 docs/public/images/ 文件夹中，然后这样引用：

![本地图片](/images/your-image.png)

基础图片插入（外部链接）

带标题的图片

使用 HTML 控制图片大小

图片居中

并排图片

视频

使用 HTML video 标签

本地视频文件

要使用本地视频文件，将它们放在 docs/public/videos/ 文件夹中，然后这样引用：

<video width="100%" controls>
  <source src="/videos/your-video.mp4" type="video/mp4">
  <source src="/videos/your-video.webm" type="video/webm">
  您的浏览器不支持 video 标签。
</video>

嵌入 YouTube 视频

视频嵌入替代方案

由于 Bilibili 有 CORS 限制，在很多情况下无法嵌入，以下是一些替代方案：

方案 1：链接到 Bilibili 视频

不嵌入视频，而是提供一个在新标签页打开的链接：

在 Bilibili 观看 ↗

方案 2：使用视频截图和链接

▶️

点击在 Bilibili 观看

方案 3：使用其他平台嵌入

考虑使用支持更好嵌入的平台：

• YouTube（如上所示）
• Vimeo
• 本地视频文件（放在 /public/videos/）

特殊容器

提示容器

提示

这是一个提示容器，用于显示有用的信息。

警告

这是一个警告容器，用于提醒用户注意事项。

危险

这是一个危险容器，用于警示重要内容。

点击查看详情

这是一个可折叠的详情容器，点击标题可以展开/收起内容。

可以包含多行内容和其他 Markdown 元素：

• 列表项 1
• 列表项 2

console.log('来自详情容器的问候！');

自定义容器

信息

这是一个自定义的信息容器。

数学公式

行内公式

爱因斯坦的质能方程：$E = mc^2$

块级公式

$$ \frac{1}{\sigma\sqrt{2\pi}} e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2} $$

复杂公式

$$ \begin{aligned} \nabla \times \vec{\mathbf{B}} -, \frac1c, \frac{\partial\vec{\mathbf{E}}}{\partial t} &= \frac{4\pi}{c}\vec{\mathbf{j}} \ \nabla \cdot \vec{\mathbf{E}} &= 4 \pi \rho \ \nabla \times \vec{\mathbf{E}}, +, \frac1c, \frac{\partial\vec{\mathbf{B}}}{\partial t} &= \vec{\mathbf{0}} \ \nabla \cdot \vec{\mathbf{B}} &= 0 \end{aligned} $$

Emoji 表情

VitePress 支持 emoji 表情！ 🎉

• 😀 笑脸
• 🚀 火箭
• 💡 灯泡
• ❤️ 爱心
• 👍 赞
• 🌟 星星

高级功能

脚注

这是一个带脚注的文本^[这是脚注的内容。]。

缩写

VitePress 是 SSG 的一种实现。

*[SSG]: 静态站点生成器

定义列表

VitePress : 基于 Vite 和 Vue 的静态站点生成器

Markdown : 一种轻量级标记语言 : 可以转换成 HTML

键盘按键

使用 Ctrl + C 复制内容。

使用 Cmd + V 粘贴内容。

分割线

---

Badge 徽章

使用 VitePress 内置组件

默认提示警告危险

使用 shields.io

文件树

docs/
├── .vitepress/
│   └── config.ts
├── index.md
├── demo.md
├── feature-requests.md
├── public/
│   └── images/
│       └── README.md
└── zh/
    ├── index.md
    ├── demo.md
    └── feature-requests.md

自定义 HTML

自定义样式块

可以使用 HTML 和内联样式创建自定义内容

时间线示例

2024年1月 - 项目启动

2024年6月 - 功能开发

2024年12月 - 正式发布

---

这个演示页面展示了 VitePress 中常用的各种 Markdown 语法和功能。您可以根据需要参考和使用这些示例。