返回 DeepSeek-TUI-2026
index.html
根目录 / website / zh / index.html
1 <!DOCTYPE html>
2 <html lang="zh-CN">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>DeepSeek TUI — 终端原生编程智能体</title>
7 <link rel="alternate" hreflang="en" href="../">
8 <style>
9 :root {
10 --bg: #0a0e14;
11 --bg-elevated: #111820;
12 --bg-card: #0f151c;
13 --border: #1e2a36;
14 --border-light: #263545;
15 --text: #b8c5d6;
16 --text-muted: #5e7a94;
17 --text-bright: #e8f0f8;
18 --accent: #4dabf7;
19 --accent-dim: #1971c2;
20 --accent-glow: rgba(77, 171, 247, 0.15);
21 --success: #51cf66;
22 --warning: #ffd43b;
23 --font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
24 --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
25 }
26
27 * { box-sizing: border-box; margin: 0; padding: 0; }
28
29 html { scroll-behavior: smooth; }
30
31 body {
32 background: var(--bg);
33 color: var(--text);
34 font-family: var(--font-sans);
35 line-height: 1.75;
36 -webkit-font-smoothing: antialiased;
37 }
38
39 body::before {
40 content: "";
41 position: fixed;
42 inset: 0;
43 background-image:
44 linear-gradient(rgba(77,171,247,0.03) 1px, transparent 1px),
45 linear-gradient(90deg, rgba(77,171,247,0.03) 1px, transparent 1px);
46 background-size: 60px 60px;
47 mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 100%);
48 pointer-events: none;
49 z-index: 0;
50 }
51
52 a { color: var(--accent); text-decoration: none; transition: color 0.15s; }
53 a:hover { color: #74c0fc; text-decoration: underline; }
54
55 .container {
56 max-width: 860px;
57 margin: 0 auto;
58 padding: 0 1.5rem;
59 position: relative;
60 z-index: 1;
61 }
62
63 nav {
64 border-bottom: 1px solid var(--border);
65 background: rgba(10,14,20,0.75);
66 backdrop-filter: blur(12px) saturate(1.2);
67 position: sticky;
68 top: 0;
69 z-index: 20;
70 }
71 nav .container {
72 display: flex;
73 align-items: center;
74 justify-content: space-between;
75 height: 3.75rem;
76 }
77 .nav-brand {
78 font-weight: 700;
79 color: var(--text-bright);
80 font-family: var(--font-mono);
81 font-size: 0.95rem;
82 letter-spacing: -0.02em;
83 }
84 .nav-brand span { color: var(--accent); }
85 .nav-links {
86 display: flex;
87 align-items: center;
88 gap: 1.5rem;
89 list-style: none;
90 font-size: 0.875rem;
91 font-weight: 500;
92 }
93 .nav-links a { color: var(--text-muted); }
94 .nav-links a:hover { color: var(--text-bright); text-decoration: none; }
95 .lang-switch {
96 display: inline-flex;
97 align-items: center;
98 gap: 0.35rem;
99 padding: 0.3rem 0.6rem;
100 border-radius: 6px;
101 border: 1px solid var(--border);
102 font-size: 0.8rem;
103 color: var(--text-muted);
104 transition: all 0.15s;
105 }
106 .lang-switch:hover {
107 border-color: var(--border-light);
108 color: var(--text-bright);
109 text-decoration: none;
110 }
111
112 .hero {
113 padding: 5rem 0 3.5rem;
114 text-align: center;
115 }
116 .hero-badge {
117 display: inline-flex;
118 align-items: center;
119 gap: 0.5rem;
120 padding: 0.35rem 0.9rem;
121 border-radius: 999px;
122 border: 1px solid var(--border);
123 background: var(--bg-elevated);
124 font-size: 0.8rem;
125 color: var(--text-muted);
126 margin-bottom: 1.5rem;
127 }
128 .hero-badge .dot {
129 width: 7px;
130 height: 7px;
131 border-radius: 50%;
132 background: var(--success);
133 box-shadow: 0 0 8px rgba(81,207,102,0.4);
134 }
135 .hero h1 {
136 font-family: var(--font-mono);
137 font-size: clamp(1.6rem, 4.5vw, 2.4rem);
138 color: var(--text-bright);
139 line-height: 1.3;
140 margin-bottom: 1.25rem;
141 letter-spacing: -0.02em;
142 }
143 .hero h1 .accent {
144 background: linear-gradient(135deg, var(--accent) 0%, #74c0fc 100%);
145 -webkit-background-clip: text;
146 -webkit-text-fill-color: transparent;
147 background-clip: text;
148 }
149 .hero .lead {
150 font-size: 1.1rem;
151 color: var(--text-muted);
152 max-width: 560px;
153 margin: 0 auto 2.5rem;
154 line-height: 1.7;
155 }
156
157 .terminal {
158 max-width: 540px;
159 margin: 0 auto 2rem;
160 border-radius: 12px;
161 border: 1px solid var(--border-light);
162 background: #060a10;
163 overflow: hidden;
164 box-shadow:
165 0 0 0 1px rgba(77,171,247,0.08),
166 0 20px 50px -10px rgba(0,0,0,0.5),
167 0 0 80px -20px var(--accent-glow);
168 }
169 .terminal-header {
170 display: flex;
171 align-items: center;
172 gap: 0.5rem;
173 padding: 0.65rem 1rem;
174 background: rgba(255,255,255,0.02);
175 border-bottom: 1px solid var(--border);
176 }
177 .terminal-header .win-dot {
178 width: 11px;
179 height: 11px;
180 border-radius: 50%;
181 }
182 .win-dot.red { background: #ff5f56; }
183 .win-dot.yellow { background: #ffbd2e; }
184 .win-dot.green { background: #27c93f; }
185 .terminal-header .title {
186 margin-left: 0.5rem;
187 font-size: 0.75rem;
188 color: var(--text-muted);
189 font-family: var(--font-mono);
190 }
191 .terminal-body {
192 padding: 1.1rem 1.25rem;
193 font-family: var(--font-mono);
194 font-size: 0.95rem;
195 color: var(--text-bright);
196 text-align: left;
197 display: flex;
198 align-items: center;
199 gap: 0.6rem;
200 }
201 .terminal-body .prompt { color: var(--success); }
202 .terminal-body .cursor {
203 display: inline-block;
204 width: 8px;
205 height: 1.15em;
206 background: var(--accent);
207 animation: blink 1s step-end infinite;
208 vertical-align: text-bottom;
209 margin-left: 2px;
210 }
211 @keyframes blink { 50% { opacity: 0; } }
212 .btn-copy {
213 margin-left: auto;
214 background: transparent;
215 color: var(--text-muted);
216 border: 1px solid var(--border);
217 border-radius: 6px;
218 padding: 0.3rem 0.7rem;
219 font-family: var(--font-sans);
220 font-size: 0.75rem;
221 font-weight: 600;
222 cursor: pointer;
223 transition: all 0.15s;
224 white-space: nowrap;
225 }
226 .btn-copy:hover {
227 border-color: var(--border-light);
228 color: var(--text-bright);
229 }
230 .btn-copy.copied {
231 border-color: var(--success);
232 color: var(--success);
233 }
234
235 .hero-actions {
236 display: flex;
237 gap: 0.75rem;
238 justify-content: center;
239 flex-wrap: wrap;
240 }
241 .btn {
242 display: inline-flex;
243 align-items: center;
244 gap: 0.4rem;
245 padding: 0.6rem 1.2rem;
246 border-radius: 8px;
247 font-size: 0.9rem;
248 font-weight: 600;
249 transition: all 0.15s;
250 cursor: pointer;
251 border: none;
252 }
253 .btn-primary {
254 background: linear-gradient(135deg, var(--accent-dim) 0%, var(--accent) 100%);
255 color: #fff;
256 box-shadow: 0 4px 16px rgba(25,113,194,0.25);
257 }
258 .btn-primary:hover {
259 transform: translateY(-1px);
260 box-shadow: 0 6px 20px rgba(25,113,194,0.35);
261 text-decoration: none;
262 color: #fff;
263 }
264 .btn-secondary {
265 background: var(--bg-elevated);
266 color: var(--text);
267 border: 1px solid var(--border);
268 }
269 .btn-secondary:hover {
270 border-color: var(--border-light);
271 color: var(--text-bright);
272 text-decoration: none;
273 }
274
275 .screenshot-wrap {
276 margin: 3rem 0;
277 border-radius: 14px;
278 overflow: hidden;
279 border: 1px solid var(--border);
280 background: var(--bg-card);
281 box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6);
282 }
283 .screenshot-wrap img {
284 width: 100%;
285 height: auto;
286 display: block;
287 }
288
289 section {
290 padding: 3rem 0;
291 border-top: 1px solid var(--border);
292 }
293 section h2 {
294 font-family: var(--font-mono);
295 font-size: 1.1rem;
296 color: var(--text-bright);
297 margin-bottom: 1.25rem;
298 display: flex;
299 align-items: center;
300 gap: 0.5rem;
301 }
302 section h2 .icon { color: var(--accent); }
303 section p, section li {
304 color: var(--text-muted);
305 font-size: 0.95rem;
306 margin-bottom: 0.75rem;
307 }
308 section ul { padding-left: 1.25rem; }
309 section li { margin-bottom: 0.5rem; }
310 section li strong { color: var(--text); font-weight: 600; }
311
312 pre {
313 background: #060a10;
314 border: 1px solid var(--border);
315 border-radius: 10px;
316 padding: 1rem 1.25rem;
317 overflow-x: auto;
318 font-family: var(--font-mono);
319 font-size: 0.82rem;
320 color: var(--text-bright);
321 margin: 0.75rem 0 1.25rem;
322 line-height: 1.6;
323 }
324 pre code { background: none; padding: 0; border: none; }
325 code {
326 font-family: var(--font-mono);
327 font-size: 0.88em;
328 background: var(--bg-elevated);
329 padding: 0.15rem 0.4rem;
330 border-radius: 4px;
331 border: 1px solid var(--border);
332 color: var(--text-bright);
333 }
334
335 details {
336 background: var(--bg-card);
337 border: 1px solid var(--border);
338 border-radius: 10px;
339 padding: 1rem 1.25rem;
340 margin-bottom: 0.75rem;
341 }
342 summary {
343 font-weight: 600;
344 color: var(--text-bright);
345 cursor: pointer;
346 user-select: none;
347 display: flex;
348 align-items: center;
349 gap: 0.5rem;
350 font-size: 0.95rem;
351 }
352 summary::marker { display: none; }
353 details[open] summary { margin-bottom: 0.75rem; }
354 details pre { margin-bottom: 0; }
355
356 .feature-grid {
357 display: grid;
358 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
359 gap: 1rem;
360 margin-top: 1rem;
361 }
362 .feature-card {
363 background: var(--bg-card);
364 border: 1px solid var(--border);
365 border-radius: 10px;
366 padding: 1.25rem;
367 transition: border-color 0.15s, transform 0.15s;
368 }
369 .feature-card:hover {
370 border-color: var(--border-light);
371 transform: translateY(-2px);
372 }
373 .feature-card h3 {
374 font-size: 0.9rem;
375 color: var(--text-bright);
376 margin-bottom: 0.4rem;
377 font-family: var(--font-mono);
378 }
379 .feature-card p {
380 font-size: 0.85rem;
381 margin: 0;
382 line-height: 1.55;
383 }
384
385 footer {
386 border-top: 1px solid var(--border);
387 padding: 2.5rem 0 3.5rem;
388 text-align: center;
389 font-size: 0.85rem;
390 color: var(--text-muted);
391 }
392 footer .footer-links {
393 display: flex;
394 gap: 1.25rem;
395 justify-content: center;
396 flex-wrap: wrap;
397 margin-bottom: 1.25rem;
398 font-weight: 500;
399 }
400 .disclaimer {
401 font-style: italic;
402 opacity: 0.7;
403 margin-top: 0.75rem;
404 }
405
406 @media (max-width: 640px) {
407 .hero { padding: 3rem 0 2.5rem; }
408 .nav-links { gap: 0.9rem; font-size: 0.8rem; }
409 .terminal-body { font-size: 0.85rem; flex-wrap: wrap; }
410 .feature-grid { grid-template-columns: 1fr; }
411 }
412 </style>
413 </head>
414 <body>
415
416 <nav>
417 <div class="container">
418 <div class="nav-brand">deepseek<span>-tui</span></div>
419 <ul class="nav-links">
420 <li><a href="#install">安装</a></li>
421 <li><a href="https://github.com/Hmbown/DeepSeek-TUI" target="_blank" rel="noopener">GitHub</a></li>
422 <li><a href="https://github.com/Hmbown/DeepSeek-TUI/tree/main/docs" target="_blank" rel="noopener">文档</a></li>
423 <li><a href="https://github.com/Hmbown/DeepSeek-TUI/issues" target="_blank" rel="noopener">社区</a></li>
424 <li><a href="../" class="lang-switch" title="Switch to English">EN</a></li>
425 </ul>
426 </div>
427 </nav>
428
429 <main class="container">
430
431 <div class="hero" id="install">
432 <div class="hero-badge"><span class="dot"></span>v0.8.10 现已发布</div>
433 <h1>面向 <span class="accent">DeepSeek&nbsp;V4</span><br>的终端原生编程智能体</h1>
434 <p class="lead">100 万 token 上下文。思考模式推理流。单一二进制,零依赖——开箱自带 MCP 客户端、沙箱和持久化任务队列。</p>
435
436 <div class="terminal">
437 <div class="terminal-header">
438 <span class="win-dot red"></span>
439 <span class="win-dot yellow"></span>
440 <span class="win-dot green"></span>
441 <span class="title">bash — zsh</span>
442 </div>
443 <div class="terminal-body">
444 <span class="prompt">$</span>
445 <span>npm i -g deepseek-tui</span>
446 <span class="cursor"></span>
447 <button class="btn-copy" onclick="copyInstall()" id="copyBtn">复制</button>
448 </div>
449 </div>
450
451 <div class="hero-actions">
452 <a class="btn btn-primary" href="https://github.com/Hmbown/DeepSeek-TUI" target="_blank" rel="noopener">在 GitHub 上查看</a>
453 <a class="btn btn-secondary" href="https://www.buymeacoffee.com/hmbown" target="_blank" rel="noopener">赞助支持</a>
454 </div>
455 </div>
456
457 <div class="screenshot-wrap">
458 <img src="https://raw.githubusercontent.com/Hmbown/DeepSeek-TUI/main/assets/screenshot.png" alt="DeepSeek TUI 截图" loading="lazy">
459 </div>
460
461 <section>
462 <h2><span class="icon">▸</span>核心功能</h2>
463 <div class="feature-grid">
464 <div class="feature-card">
465 <h3>100 万上下文</h3>
466 <p>为 DeepSeek V4 构建,支持智能压缩和前缀缓存感知成本优化。</p>
467 </div>
468 <div class="feature-card">
469 <h3>思考流式输出</h3>
470 <p>实时观察模型思维链展开,在最终答案到达前看到推理过程。</p>
471 </div>
472 <div class="feature-card">
473 <h3>原生 RLM</h3>
474 <p>并行调度 1–16 个低成本子任务,用于批量分析和并行推理。</p>
475 </div>
476 <div class="feature-card">
477 <h3>完整工具集</h3>
478 <p>文件操作、Shell、Git、网页搜索、补丁应用、子智能体和 MCP 服务器。</p>
479 </div>
480 <div class="feature-card">
481 <h3>三种模式</h3>
482 <p>Plan(只读探索)、Agent(交互审批)、YOLO(自动批准),适配任意工作流。</p>
483 </div>
484 <div class="feature-card">
485 <h3>持久化会话</h3>
486 <p>保存、恢复、回滚工作区状态,不影响项目自身的 .git 仓库。</p>
487 </div>
488 </div>
489 </section>
490
491 <section id="china">
492 <h2><span class="icon">◎</span>中国大陆镜像安装指南</h2>
493 <p>如果从 GitHub 或 npm 下载较慢,请按以下方式选择最适合你的安装路径:</p>
494
495 <details open>
496 <summary>npm + 淘宝镜像(推荐,最简单)</summary>
497 <p>设置 npm 镜像后全局安装:</p>
498 <pre><code>npm config set registry https://registry.npmmirror.com
499 npm install -g deepseek-tui</code></pre>
500 <p>npm 包在安装时会通过 <code>postinstall</code> 从 GitHub Releases 下载对应平台的二进制文件。如果这一步也很慢,可以设置二进制下载镜像地址:</p>
501 <pre><code>DEEPSEEK_TUI_RELEASE_BASE_URL=https://your-mirror.example.com \
502 npm install -g deepseek-tui</code></pre>
503 </details>
504
505 <details>
506 <summary>Cargo + 清华 TUNA 镜像</summary>
507 <p>在 <code>~/.cargo/config.toml</code> 中添加镜像配置:</p>
508 <pre><code>[source.crates-io]
509 replace-with = "tuna"
510
511 [source.tuna]
512 registry = "sparse+https://mirrors.tuna.tsinghua.edu.cn/crates.io-index/"</code></pre>
513 <p>然后安装两个二进制文件(调度器在运行时会自动调用 TUI):</p>
514 <pre><code>cargo install deepseek-tui-cli --locked # 提供入口命令 deepseek
515 cargo install deepseek-tui --locked # 提供交互式 TUI 二进制
516 deepseek --version</code></pre>
517 </details>
518
519 <details>
520 <summary>从源码构建(Rustup 镜像)</summary>
521 <p>如果还没有安装 Rust,先通过清华镜像安装 rustup:</p>
522 <pre><code>export RUSTUP_DIST_SERVER=https://mirrors.tuna.tsinghua.edu.cn/rustup
523 export RUSTUP_UPDATE_ROOT=https://mirrors.tuna.tsinghua.edu.cn/rustup/rustup
524 curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</code></pre>
525 <p>配置 Cargo 镜像后从源码构建:</p>
526 <pre><code>git clone https://github.com/Hmbown/DeepSeek-TUI.git
527 cd DeepSeek-TUI
528 cargo install --path crates/cli --locked
529 cargo install --path crates/tui --locked</code></pre>
530 </details>
531
532 <details>
533 <summary>手动下载预编译二进制</summary>
534 <p>直接从 GitHub Releases 下载对应平台的二进制文件,放到 <code>PATH</code> 目录即可:</p>
535 <pre><code>mkdir -p ~/.local/bin
536 curl -L -o ~/.local/bin/deepseek \
537 https://github.com/Hmbown/DeepSeek-TUI/releases/latest/download/deepseek-linux-x64
538 curl -L -o ~/.local/bin/deepseek-tui \
539 https://github.com/Hmbown/DeepSeek-TUI/releases/latest/download/deepseek-tui-linux-x64
540 chmod +x ~/.local/bin/deepseek ~/.local/bin/deepseek-tui</code></pre>
541 <p>macOS 用户将 <code>linux-x64</code> 替换为 <code>macos-arm64</code> 或 <code>macos-x64</code>,并将 <code>sha256sum</code> 替换为 <code>shasum -a 256</code>。</p>
542 </details>
543
544 <p style="margin-top:1rem;font-size:0.875rem;">完整平台安装指南:<a href="https://github.com/Hmbown/DeepSeek-TUI/blob/main/docs/INSTALL.md" target="_blank" rel="noopener">docs/INSTALL.md</a> · <a href="../../README.zh-CN.md">简体中文 README</a></p>
545 </section>
546
547 </main>
548
549 <footer>
550 <div class="container">
551 <div class="footer-links">
552 <a href="https://github.com/Hmbown/DeepSeek-TUI" target="_blank" rel="noopener">GitHub</a>
553 <a href="https://github.com/Hmbown/DeepSeek-TUI/tree/main/docs" target="_blank" rel="noopener">文档</a>
554 <a href="https://github.com/Hmbown/DeepSeek-TUI/issues" target="_blank" rel="noopener">Issues</a>
555 <a href="https://www.buymeacoffee.com/hmbown" target="_blank" rel="noopener">赞助</a>
556 <a href="mailto:hunter@shannonlabs.dev">联系</a>
557 </div>
558 <p class="disclaimer">本项目与 DeepSeek Inc. 无隶属关系。</p>
559 <p style="margin-top:0.75rem;">&copy; DeepSeek TUI contributors. MIT License.</p>
560 </div>
561 </footer>
562
563 <script>
564 function copyInstall() {
565 navigator.clipboard.writeText('npm i -g deepseek-tui').then(() => {
566 const btn = document.getElementById('copyBtn');
567 btn.textContent = '已复制';
568 btn.classList.add('copied');
569 setTimeout(() => { btn.textContent = '复制'; btn.classList.remove('copied'); }, 1800);
570 });
571 }
572 </script>
573
574 </body>
575 </html>
576
576 lines HTML