open-code-review-zh-tw/index.html at main · shumingyang-opencode/open-code-review-zh-tw · GitHub

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
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<title>OpenCodeReview 繁中教學站 · open-code-review-zh-tw</title>
<meta name="description" content="OpenCodeReview（alibaba，Apache-2.0）的非官方繁體中文教學站——程式碼對照、文件講解、CLI/規則/MCP 工具解析與實作案例。">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Noto+Sans+TC:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/site.css">
</head>
<body>
<div class="container">
<nav class="topnav">
  <a href="index.html">首頁</a>
  <a href="map.html">概念地圖</a>
  <a href="learning-path.html">學習路線</a>
  <a href="install.html">安裝指南</a>
  <a href="docs/index.html">文件教學</a>
  <a href="docs/code/index.html">程式碼對照</a>
  <a href="docs/worked.html">實作案例</a>
  <a href="about.html">關於</a>
</nav>
<header>
  <h1>OpenCodeReview 繁體中文教學站</h1>
  <div class="subtitle">把整個 repo（程式碼 · CLI · 規則引擎 · MCP · 外掛 · CI 整合）做成中英對照的解說</div>
  <div class="tagline">
    <strong>OpenCodeReview（OCR）</strong> 是阿里巴巴內部 AI 程式碼審查助手孵化的開源 CLI：
    以 <strong>「確定性工程 × LLM Agent」混合架構</strong>取代純語言驅動的 review skill，
    用精確的<strong>逐行註解</strong>與內建多語言<strong>規則集</strong>（NPE、執行緒安全、
    XSS、SQL injection），在同一模型下達成更高的 <strong>Precision / F1</strong>，
    而 token 消耗僅約通用 agent 的 <strong>1/9</strong>。
  </div>
  <div class="badge-line">對齊上游 <code>main @ 9148bfd</code> · 發行版 <code>v1.9.2</code> · Apache-2.0 · Go + npm CLI · 20k+ stars</div>
</header>

<div class="entry-cards">
  <a class="entry-card" href="map.html">
    <span class="ec-icon">🕸️</span>
    <span class="ec-title">概念地圖</span>
    <span class="ec-en">Concept Map</span>
    <span class="ec-desc">確定性管線 × Agent 混合、五重門過濾、6 個工具、四層規則鏈、三種評審模式——一張圖看懂 OCR。</span>
  </a>
  <a class="entry-card" href="learning-path.html">
    <span class="ec-icon">🧗</span>
    <span class="ec-title">學習路線</span>
    <span class="ec-en">Learning Path</span>
    <span class="ec-desc">從安裝到讀 Go 源碼的分層路線：L0 裝好、L1 跑起來、L2 用規則、L3 讀原理、L4 讀源碼。</span>
  </a>
  <a class="entry-card" href="install.html">
    <span class="ec-icon">📦</span>
    <span class="ec-title">安裝指南</span>
    <span class="ec-en">Install Guide</span>
    <span class="ec-desc">npm / Homebrew / MacPorts / curl 安裝腳本 / GitHub Release 二進位 / 從原始碼建置。</span>
  </a>
  <a class="entry-card" href="docs/index.html">
    <span class="ec-icon">📚</span>
    <span class="ec-title">文件教學</span>
    <span class="ec-en">Documentation</span>
    <span class="ec-desc">翻譯並解說官方文件：快速開始、CLI 參考、設定、規則、6 工具、架構、MCP、整合、查看器、遙測。</span>
  </a>
  <a class="entry-card" href="docs/code/index.html">
    <span class="ec-icon">🧩</span>
    <span class="ec-title">程式碼對照</span>
    <span class="ec-en">Code Walkthrough</span>
    <span class="ec-desc">Go 源碼逐函數講解：main、review/scan/delegate 命令、agent 迴圈、llmloop、diff 解析、規則引擎、工具、MCP。</span>
  </a>
  <a class="entry-card" href="docs/worked.html">
    <span class="ec-icon">🎮</span>
    <span class="ec-en">Worked Examples</span>
    <span class="ec-title">實作案例</span>
    <span class="ec-desc">用 graphify 掃描 OCR 自己（dogfooding）做出的互動知識圖譜——「用知識圖譜工具分析 code review 工具」的 meta 示範。</span>
  </a>
</div>

<div class="sync-panel"><h2>上游同步 · 版本釘選</h2><div class="sync-meta">對齊上游 <code>alibaba/open-code-review</code> 分支 <code>main</code>（<code>9148bfd</code>）<span class="sync-badge ok">已釘選</span></div><p class="sync-empty">上游為 Apache-2.0 授權，本站內容逐月檢查並更新對齊版本。</p></div>

<div class="embed-panel">
  <div class="embed-head"><span class="embed-title">專案資料</span><span class="repo-status">來源：alibaba/open-code-review（Apache-2.0）</span></div>
  <div class="repo-readme">
    <ul>
      <li><strong>官方 repo</strong>：<a href="https://github.com/alibaba/open-code-review">github.com/alibaba/open-code-review</a>（main，授權 Apache-2.0）</li>
      <li><strong>語言</strong>：Go CLI + npm wrapper（<code>npm install -g @alibaba-group/open-code-review</code> → 指令 <code>ocr</code>）</li>
      <li><strong>架構</strong>：確定性管線（精確檔案選擇、智慧 bundling、規則匹配、定位/反思模組）× LLM Agent（情境調校 prompt 與工具集）</li>
      <li><strong>Benchmark</strong>：50 個開源 repo / 200 個真實 PR / 10 語言 / 1,505 條 ground-truth；同模型下 Precision 與 F1 顯著更高，token 約 1/9</li>
      <li><strong>整合</strong>：Claude Code / Codex / Cursor / OpenCode 外掛、Agent Skill、GitHub Actions / GitLab CI / Gerrit / Bitbucket、MCP server</li>
    </ul>
  </div>
</div>

<footer>
  <div>這是 <a href="https://github.com/alibaba/open-code-review">alibaba/open-code-review</a> 的非官方繁體中文教學站——中文解說為本站撰寫，英文原文與程式碼保留上游原貌。</div>
  <div>內容 © <a href="https://github.com/alibaba/open-code-review">alibaba/open-code-review Contributors</a>（Apache-2.0）· 本站與 Alibaba 無關，為第三方社群教學站 · 由 OpenCode 建置</div>
  <div class="footer-license">授權檔案：<a href="LICENSE">Apache-2.0 LICENSE</a>（照抄自上游）· <a href="NOTICE">NOTICE</a></div>
</footer>
</div>
</body>
</html>