-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
138 lines (132 loc) · 8.2 KB
/
Copy pathindex.html
File metadata and controls
138 lines (132 loc) · 8.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI-based Translator — 开源 AI 翻译浏览器扩展（中英日韩）</title>
<meta name="description" content="开源免费的 Manifest V3 浏览器扩展，支持中英日韩 AI 翻译、文本润色、双语词典与对话。点一下「导入测试密钥」即可使用，无需注册。已上架 Microsoft Edge 商店。">
<style>
:root {
--bg: #0d1117;
--card: #161b22;
--border: #30363d;
--text: #e6edf3;
--muted: #8b949e;
--accent: #0078d4;
--accent-2: #2f81f7;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.75;
-webkit-font-smoothing: antialiased;
}
.wrap { max-width: 880px; margin: 0 auto; padding: 0 24px; }
.langnav { text-align: center; padding: 18px 0 0; font-size: 0.9rem; color: var(--muted); }
.langnav a { color: var(--accent-2); text-decoration: none; margin: 0 8px; }
.langnav a:hover { text-decoration: underline; }
header { padding: 48px 0 40px; text-align: center; }
h1 { font-size: 2.5rem; margin: 0 0 12px; letter-spacing: -0.02em; font-weight: 700; }
.tagline { font-size: 1.1rem; color: var(--muted); max-width: 640px; margin: 0 auto 28px; }
.cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
a.btn {
display: inline-block; padding: 12px 22px; border-radius: 8px; text-decoration: none;
font-weight: 600; font-size: 0.97rem; border: 1px solid var(--border); transition: border-color .15s, background .15s;
}
a.btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
a.btn.primary:hover { background: var(--accent-2); border-color: var(--accent-2); }
a.btn.ghost { background: var(--card); color: var(--text); }
a.btn.ghost:hover { border-color: var(--accent-2); }
.badges { margin: 22px 0 0; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.badges img { height: 22px; }
section { padding: 36px 0; border-top: 1px solid var(--border); }
h2 { font-size: 1.35rem; margin: 0 0 18px; font-weight: 600; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 10px; padding: 18px; }
.card h3 { margin: 0 0 6px; font-size: 1rem; font-weight: 600; }
.card p { margin: 0; color: var(--muted); font-size: 0.9rem; }
.highlight { background: var(--card); border-left: 3px solid var(--accent); border-radius: 8px; padding: 16px 20px; margin: 0 0 20px; }
.highlight p { margin: 0; color: var(--text); font-size: 0.95rem; }
.specs { list-style: none; padding: 0; margin: 0; }
.specs li { padding: 7px 0; border-bottom: 1px solid var(--border); color: var(--muted); font-size: 0.92rem; }
.specs li:last-child { border-bottom: none; }
.specs li strong { color: var(--text); font-weight: 600; }
footer { padding: 36px 0 60px; text-align: center; color: var(--muted); font-size: 0.88rem; }
footer a { color: var(--accent-2); text-decoration: none; }
footer a:hover { text-decoration: underline; }
</style>
</head>
<body>
<div class="wrap">
<div class="langnav"><a href="#zh">中文</a> · <a href="#en">English</a></div>
<a id="zh"></a>
<header>
<h1>AI-based Translator</h1>
<p class="tagline">开源免费的 AI 翻译浏览器扩展，支持中英日韩互译、文本润色、双语词典与对话。已上架 Microsoft Edge 商店，点一下「导入测试密钥」就能用，<strong>不用注册、不用自己申请 API Key</strong>。</p>
<div class="cta">
<a class="btn primary" href="https://microsoftedge.microsoft.com/addons/detail/aibased-translator/mbjmkkdimfkjbjjfkjafdibnphdaoaej">从 Edge 商店安装</a>
<a class="btn ghost" href="https://github.com/OpenTester007/Chat-with-KB">GitHub 源码</a>
</div>
<div class="badges">
<img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg">
<img alt="Manifest V3" src="https://img.shields.io/badge/Manifest-V3-0078d4.svg">
<img alt="Latest release" src="https://img.shields.io/github/v/release/OpenTester007/Chat-with-KB?label=Release">
</div>
</header>
<section>
<h2>和别的 AI 翻译工具有什么不一样</h2>
<div class="highlight">
<p>大部分 AI 翻译工具装完第一件事就是让你去注册账号、申请 API Key、填接口地址——很多人卡在这一步就放弃了。这个扩展反过来做：设置页有个「导入测试密钥」按钮，点一下自动配好 Key、接口和模型，装完立刻能用。</p>
</div>
</section>
<section>
<h2>功能</h2>
<div class="grid">
<div class="card"><h3>中英日韩互译</h3><p>自动识别源语言，保留原文的换行、段落、Markdown、代码与链接结构。</p></div>
<div class="card"><h3>文本润色</h3><p>用原文语言改写得更自然准确，并附中文修改说明。</p></div>
<div class="card"><h3>双语词典</h3><p>释义、词性、发音（音标/拼音）、常见搭配、词源构词、双语例句。</p></div>
<div class="card"><h3>对话助手</h3><p>带上下文记忆的侧边对话，可连续追问。</p></div>
<div class="card"><h3>后台执行</h3><p>基于 MV3 service worker，关掉弹窗或切换标签页都不会中断任务，结果自动存入历史。</p></div>
<div class="card"><h3>接口可换</h3><p>默认 NVIDIA Build（gpt-oss-20b），也支持任意 OpenAI 兼容接口和本地 Ollama。</p></div>
</div>
</section>
<section>
<h2>规格</h2>
<ul class="specs">
<li><strong>扩展规范</strong> — Manifest V3（service worker）</li>
<li><strong>技术栈</strong> — 原生 JavaScript，无构建步骤、无运行时依赖</li>
<li><strong>安全</strong> — 严格 CSP、无内联脚本、textContent 渲染防 XSS</li>
<li><strong>权限</strong> — 仅 storage 与可选主机权限，不涉及 tabs / cookies / 远程代码</li>
<li><strong>开源</strong> — MIT 协议，代码与更新记录全部公开</li>
</ul>
</section>
<a id="en"></a>
<section>
<h2>English</h2>
<p style="color:var(--muted);font-size:0.95rem">An open-source Manifest V3 browser extension for AI translation, text polishing, bilingual dictionary, and chat. Supports Chinese, English, Japanese, and Korean. Published on the Microsoft Edge Add-ons store, with a one-click Import Test Key so no signup or API key is required to try it.</p>
<div class="grid">
<div class="card"><h3>Translation</h3><p>Auto-detects the source language and preserves line breaks, paragraphs, Markdown, code, and links.</p></div>
<div class="card"><h3>Polishing</h3><p>Rewrites text in its original language, with a Chinese summary of the changes.</p></div>
<div class="card"><h3>Dictionary</h3><p>Definitions, parts of speech, pronunciation (IPA/pinyin), collocations, etymology, and bilingual examples.</p></div>
<div class="card"><h3>Chat</h3><p>Sidebar assistant with conversation memory.</p></div>
<div class="card"><h3>Background execution</h3><p>An MV3 service worker keeps requests running after the popup closes; results are saved to local history.</p></div>
<div class="card"><h3>Multi-provider</h3><p>NVIDIA Build (gpt-oss-20b) by default, or any OpenAI-compatible endpoint and local Ollama.</p></div>
</div>
</section>
<footer>
<p>
<a href="https://github.com/OpenTester007/Chat-with-KB">GitHub</a> ·
<a href="https://github.com/OpenTester007/Chat-with-KB/releases">Releases</a> ·
<a href="https://github.com/OpenTester007/Chat-with-KB/blob/main/CHANGELOG.md">Changelog</a> ·
<a href="https://github.com/OpenTester007/Chat-with-KB/blob/main/ROADMAP.md">Roadmap</a> ·
<a href="https://microsoftedge.microsoft.com/addons/detail/aibased-translator/mbjmkkdimfkjbjjfkjafdibnphdaoaej">Edge Add-ons</a>
</p>
<p>© 2026 OpenTester007 · MIT License</p>
</footer>
</div>
</body>
</html>