企业官网建设流程全解析

3个场景玩转kiss-translator：外文网页双语阅读的完整指南

【免费下载链接】kiss-translatorA simple, open source bilingual translation extension & Greasemonkey script (一个简约、开源的 双语对照翻译扩展 & 油猴脚本)项目地址: https://gitcode.com/gh_mirrors/ki/kiss-translator

看到英文网页，你的第一反应是什么？很多人习惯复制全文、切到翻译网站、粘贴、等结果、再切回来，一来一回，阅读节奏早就断了。kiss-translator（简约翻译）是一款开源的双语对照翻译扩展，它把翻译直接嵌进网页内部——原文和译文并排出现，你始终待在同一个页面里，读完一段，译文就在旁边等着你。接下来不列功能清单，而是跟着你的一天走：早上刷新闻、白天啃资料、晚上看视频，看看它究竟怎么帮你把外文内容读得更顺。

场景一：早上刷国外新闻，一整页英文资讯怎么一眼看懂？

刚睡醒打开新闻页面，满屏都是英文标题和摘要，逐条复制去翻译显然不现实。这时候你需要的是"整页双语对照"：在设置里把目标语言选成简体中文，刷新页面，正文、标题、卡片里的内容会逐段翻译，原文在上、译文在下，鼠标轻轻一扫就能对照。📰

图里右侧的浮动面板就是翻译的开关所在：翻译服务、源语言、目标语言、译文样式一目了然。最值得玩味的是"文本样式"这一项——默认的虚线下划线适合细读正文，而当你只想快速扫读时，换成"高亮"模式，译文像荧光笔划过一样浮在原文上，浏览效率直接翻倍。样式切换不用进设置，快捷键 Alt+C 就能循环轮换；想临时关掉某个网站的翻译，按一下 Alt+Q 即可。

读新闻还有个容易被忽略的需求：不想翻译的网站就别翻。比如你常逛的英文技术社区，本来就看得懂，翻译反而碍事。这类"例外清单"正是后面要讲的规则系统解决的问题，先记下这个念头。

场景二：白天啃技术文档，遇到生词和长句怎么不打断思路？

上午打开一份英文技术文档，硬着头皮读，很快卡在一个生词上。查词典吧，切出去再切回来，上下文忘了；不查吧，又怕理解偏了。kiss-translator 在这里有两招很实用。📖

划词翻译：选中即译，随手查词。用鼠标选中一段难懂的句子，翻译框立刻出现在旁边，不用复制、不用跳转。更贴心的是它内置了英文词典能力：选中一个单词，不光给出释义，还能看到音标和例句；遇到值得积累的词，点一下收藏按钮，它就会进入你的生词本，之后在设置里随时回看。划词相关的界面代码在 src/views/Selection/ 目录下，想深入了解可以翻一翻。

鼠标悬停翻译：不动手也能看译文。悬停翻译的实现放在 src/hooks/MouseHover.js，默认关闭，你可以在设置中打开并调整触发延迟。想象一下：读技术文档时，鼠标移到段落上停半秒，译文就浮出来，移开即消失，阅读节奏几乎不受影响。读论文、看长文时，这个模式比反复选中更省事。

遇到需要回复的英文邮件或表单，也有对应的小技巧：把光标放进输入框，按 Alt+I，框里的内容就会即时翻译——你写完中文、一键转成英文再发送，省掉来回切换翻译器的功夫。

场景三：晚上看视频学外语，YouTube字幕怎么变成学习材料？

一天里最放松的环节，是打开 YouTube 看喜欢的博主更新。可很多人点开视频，看着无字幕的"生肉"视频，一半靠猜。kiss-translator 对 YouTube 做了专门优化：它能读取视频的官方字幕，在原生字幕下方逐条显示中文译文，形成双语字幕。🎬

真正的亮点在断句算法。字幕往往被切得零碎——一个完整句子被拆成四五条，直接翻译会前言不搭后语。项目在 src/subtitle/ 里维护了一套字幕合并与断句逻辑：先把碎片拼回完整句子，再按语义边界重新切分，译文因此通顺很多。如果仍然觉得断句不理想，还可以启用 AI 断句：让大模型理解上下文后重新划分，尤其适合内容跳跃、口语化强的视频。配合前面说的生词收藏，看一集视频，词汇量也能悄悄涨一点。

给它配一个趁手的引擎：免费、专业，还是本地私有？

翻译效果好不好，一半取决于用哪个翻译服务。kiss-translator 内置的服务名单相当长：Google、Microsoft、百度、腾讯、火山这些传统翻译引擎，DeepL 这类专业翻译服务，还有 OpenAI、Gemini、Claude、DeepSeek 等 AI 模型，甚至支持通过 Ollama 连接你本地的模型。默认配置集中在 src/config/api.js，动手能力强的可以自己改。⚙️

选型建议很直白：日常刷新闻用微软或谷歌，免费且响应快；翻论文、合同这类严谨文本，DeepL 的欧洲语言表现更稳；需要结合上下文理解的长文，交给 GPT 或 Claude 这类 AI 服务。如果你熟悉接口调试，还可以在设置里配置自定义接口，理论上任何翻译服务都能接进来，配套支持流式输出（译文逐字蹦出，像打字一样）、上下文记忆和批量聚合请求。想深入了解，官方文档 custom-api_v2.md 里有完整的配置示例。

让它记住你的习惯：规则系统与多设备同步

前面说到的"某些网站不翻译"，正是规则系统的用武之地。规则分三层：全局规则是兜底，订阅规则来自社区维护的规则列表，个人规则优先级最高。你可以为某个网站定制行为——整站翻译、只翻特定区域、或者干脆排除在外，匹配条件支持域名、URL 模式甚至元素选择器，规则引擎的核心逻辑在 src/config/rules.js。优先级很直观：个人规则 > 订阅规则 > 全局规则，你亲手写的规则永远说了算。🔁

配置攒多了，换电脑怎么办？kiss-translator 提供三种同步方式：KISS-Worker 同步服务（可以自建）、WebDAV 同步（兼容大多数网盘），以及最朴素的手动导入导出。同步的内容覆盖规则、样式、生词本，连 API 密钥都会加密后随配置一起带走。多设备之间保持一致，就不必在新电脑上重新折腾一遍。

绕开两个最常见的坑：Ollama 与油猴脚本

动手配置时，有两处容易卡壳，提前打个预防针。一是本地 AI：用 Ollama 时如果测试一直失败，多半是没加启动参数OLLAMA_ORIGINS=*，加上之后允许浏览器跨域访问，再重启 Ollama 即可；另外，对不支持聚合的模型，记得在接口配置里关掉聚合功能。二是油猴脚本版本：脚本受浏览器跨域策略限制，调用部分 API 需要在油猴设置里加域名白名单；如果你希望功能最完整、少踩坑，直接使用浏览器扩展版本是更省心的选择。

从一个外文网页开始

回到开头那个问题：读外文网页，非得复制粘贴吗？答案当然是否定的。kiss-translator 想做的，是把翻译从"另一个窗口"搬回"你正在读的这页"——新闻也好、文档也罢，甚至是视频字幕，原文和译文并排陈列，阅读这件事终于不再被工具打断。🚀 安装很简单：Chrome、Edge、Firefox 的应用商店里搜索"简约翻译"即可；想尝鲜开发版，也可以克隆仓库 https://gitcode.com/gh_mirrors/ki/kiss-translator，执行pnpm install和pnpm build:chrome，然后在扩展管理页开启开发者模式、加载构建产物。今天就从你收藏夹里那篇一直没读完的英文文章开始吧——翻完之后，你大概就再也回不去那个"复制粘贴"的时代了。

【免费下载链接】kiss-translatorA simple, open source bilingual translation extension & Greasemonkey script (一个简约、开源的 双语对照翻译扩展 & 油猴脚本)项目地址: https://gitcode.com/gh_mirrors/ki/kiss-translator