site/index.html
Rama main · réplica de lectura del repositorio original.
<!doctype html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><meta name="theme-color" content="#eeefed">
<meta name="description" content="XKB 把收藏、筆記與對話轉為可追溯的證據，讓不同 Agent 接續同一份知識。每一次思考，都有跡可循。">
<title>XKB · Every thought has a thread.</title>
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' fill='%23bf3525'/%3E%3Ctext x='8' y='47' font-family='Arial' font-size='43' font-weight='bold' fill='white'%3EX%3C/text%3E%3C/svg%3E">
</head>
<body>
<a href="#intro" class="skip-link">跳至介紹</a>
<header class="masthead"><a href="#home" class="wordmark" aria-label="XKB 首頁">xkb<span class="brand-mark">✳</span></a><span class="masthead-note">A LIVING ARCHIVE<br>FOR YOUR NEXT THOUGHT.</span><a class="repo-link" href="https://github.com/Hidicence/x-knowledge-base" target="_blank" rel="noopener noreferrer">GitHub <i data-lucide="arrow-up-right"></i></a></header>
<main id="page">
<section id="home" class="hero" data-sc-act="flow">
<div class="hero-scene" data-sc-verify-state="opening">
<div class="scene-back"><img src="/assets/archive-room.webp" alt="" width="1672" height="941" fetchpriority="high"></div>
<div class="hero-title"><p>THE KNOWLEDGE YOU KEEP.</p><h1>XKB</h1></div>
<div class="scene-subject"><img src="/assets/archive-knot.webp" alt="銀色頁片與紅色線索交織成的知識雕塑" width="1280" height="1280" fetchpriority="high"></div>
<div class="scene-front" aria-hidden="true"><img src="/assets/archive-sheets.webp" alt="" width="1536" height="1024"></div>
<div class="hero-copy-scrim" aria-hidden="true"></div><div class="hero-statement" data-sc-copy><h2>每一次思考，<br>都有跡可循。</h2><p>你的收藏、筆記與對話。<br>連成下一次靈感的起點。</p></div>
<div class="hero-note"><span class="red-line"></span><p>LOCAL-FIRST KNOWLEDGE<br>SHARED ACROSS YOUR AGENTS</p></div>
<div class="hero-foot"><span>存下來，不代表真正留下來。</span><span>本機優先 · 證據驅動</span></div>
</div>
</section>
<section id="intro" class="intro" data-sc-act="flow"><div class="intro-label">THE SPACE BETWEEN<br>SAVING & UNDERSTANDING</div><div class="intro-body"><h2 data-sc-in>存下來，不代表<br><span>真正留下來。</span></h2><p>你讀過的好文章、解決過的問題、對話裡的靈光。<br class="desktop-break">它們值得在需要的時候，再次被想起。</p><p class="intro-last">XKB 將分散的資訊整理成有來源的知識，<br class="desktop-break">讓每一個 Agent，都能接續你的思考。</p></div></section>
<section id="film" class="film" data-sc-act="flow"><div class="film-inner"><div class="film-head"><p class="overline">SEE IT WORK</p><h2 data-sc-in>不用開口，<br>知識自己<span>回來。</span></h2><p>答案早就在你的筆記裡。XKB 在你送出訊息時找到它、判斷它，<br class="desktop-break">附上來源，交給正在回答的 Agent。</p></div><div class="film-player"><div class="film-tabs" role="tablist" aria-label="影片版本"><button role="tab" id="film-tab-en" aria-selected="true" aria-controls="film-video" data-film="en">English · 48 秒</button><button role="tab" id="film-tab-zh" aria-selected="false" aria-controls="film-video" data-film="zh" tabindex="-1">繁中演示 · 49 秒</button></div><video id="film-video" controls playsinline preload="metadata" poster="/media/xkb-keynote-poster.jpg" aria-labelledby="film-tab-en"><source src="/media/xkb-keynote.mp4" type="video/mp4"></video><p class="film-note" id="film-note">英文旁白，字幕燒入畫面。聊天內容與檔名為示意。</p></div></div></section>
<section id="thread" class="thread" data-sc-act="pin" data-sc-span="3.2">
<div class="thread-stage" data-sc-stage data-sc-verify-state="sources">
<div class="thread-heading"><p class="overline">FOLLOW THE EVIDENCE</p><h2>從一個片段，<br>到一份<span>理解。</span></h2></div>
<div class="thread-caption"><span class="thread-status">收藏，開始有了形狀。</span><p class="thread-description">多種來源，整理成同一套知識卡。</p></div>
<div class="assembly" aria-label="知識卡片經審核進入共用記憶的示意">
<svg class="evidence-thread" viewBox="0 0 1000 650" fill="none" aria-hidden="true"><path class="thread-base" d="M 110 100 C 600 50 890 160 610 260 S 70 560 350 535 S 960 420 840 590"/><path class="thread-draw" d="M 110 100 C 600 50 890 160 610 260 S 70 560 350 535 S 960 420 840 590"/></svg>
<div class="source-fragment source-a"><i data-lucide="bookmark"></i><span>BOOKMARK</span><h3>一段值得留下的觀點。</h3><div class="paper-lines"></div><small>原始來源 / SOURCE URL</small></div>
<div class="source-fragment source-b"><i data-lucide="file-text"></i><span>RESEARCH NOTE</span><h3>一次有依據的推論。</h3><div class="paper-lines"></div><small>論點與限制 / CONTEXT</small></div>
<div class="source-fragment source-c"><i data-lucide="messages-square"></i><span>CONVERSATION</span><h3>一個尚待驗證的想法。</h3><div class="paper-lines"></div><small>待審候選 / CANDIDATE</small></div>
<article class="assembled-card"><div class="card-top"><span>XKB / EVIDENCE CARD</span><i data-lucide="fingerprint"></i></div><h3>記住結論，<br>也記住來由。</h3><p>統一的結構保留核心問題、論點、證據等級，以及回到原文的路徑。</p><div class="card-meta"><span>CLAIM LEVEL</span><b>Inference</b></div><div class="card-meta"><span>PROVENANCE</span><b>Source attached <i data-lucide="link"></i></b></div><span class="example-label">流程示意，非即時知識庫資料</span></article>
<div class="review-stamp"><i data-lucide="scan-line"></i><span>REVIEW GATE</span><strong>經過判斷，才能沉澱。</strong></div>
<div class="recall-receipt"><div class="receipt-top"><i data-lucide="quote"></i><span>SHARED RECALL</span></div><h3>下次，不必從零開始。</h3><p>相關的知識帶著來源，回到你和 Agent 的下一次對話。</p><div class="citation"><i data-lucide="corner-down-right"></i> 可追溯至原始知識卡</div><div class="agent-names"><span>Claude Code</span><span>Codex</span><span>Hermes</span></div></div>
</div>
<div class="thread-footer"><span>來源 → 知識卡 → 審核 → Wiki → 召回</span><span>一條線索，始終相連。</span></div>
</div>
</section>
<section id="evidence" class="evidence" data-sc-act="flow"><div class="evidence-lead"><h2 data-sc-in>有記憶。<br>也有<span>判斷力。</span></h2><p>知識的價值，不只在於能回答。<br>也在於知道，答案憑什麼成立。</p><a class="inline-link" href="https://github.com/Hidicence/x-knowledge-base#why-the-results-are-different" target="_blank" rel="noopener noreferrer">閱讀設計原則 <i data-lucide="arrow-up-right"></i></a></div><div class="evidence-ledger">
<details open name="evidence"><summary><span>主張，需要身分。</span><i data-lucide="plus"></i></summary><div class="ledger-content"><p>區分實證、文獻與推論。幾個月後重新找到一張卡片，你仍然知道它的根據是什麼。</p><div class="claim-levels"><span>Attested<small>實證</small></span><span>Scholarship<small>文獻</small></span><span>Inference<small>推論</small></span></div></div></details>
<details name="evidence"><summary><span>反覆出現，不等於事實。</span><i data-lucide="plus"></i></summary><div class="ledger-content"><p>對話先成為候選。不同事件的支持與後續審核，決定它能否沉澱為知識。自我衍生內容保留來源標記。</p></div></details>
<details name="evidence"><summary><span>找不到，也是一種回答。</span><i data-lucide="plus"></i></summary><div class="ledger-content"><p>檢索區分排序分數與實際相關性。沒有足夠相關的證據時，回報空結果與原因，而非勉強湊出答案。</p></div></details>
<details name="evidence"><summary><span>保留不同的看法。</span><i data-lucide="plus"></i></summary><div class="ledger-content"><p>同一件事記錄過兩種做法時，兩份都會帶回，各自保留來源。由回答的 Agent 根據證據判斷，而不是替你挑一邊。</p></div></details>
</div></section>
<section class="recall-band" data-sc-act="flow"><div class="recall-title"><p>ONE MESSAGE. FOUR STEPS.</p><h2>你不用問，<br>它也會想起來。</h2></div><div class="recall-perspectives" data-sc-reveal="left" data-sc-reveal-at="0 0.35"><article><i data-lucide="message-square"></i><h3>聽</h3><p>每送出一則訊息，連同前面的對話，一起拿去搜尋。</p><span>LISTEN</span></article><article><i data-lucide="layers"></i><h3>找</h3><p>同時搜三個地方：知識卡片、Wiki 主題、過去的對話。</p><span>SEARCH</span></article><article><i data-lucide="scan-line"></i><h3>判斷</h3><p>每個候選先過相關性判斷，不相關的直接擋下。</p><span>JUDGE</span></article><article><i data-lucide="list-checks"></i><h3>送達</h3><p>最多三條，知識優先，每條附上來源。用不用，由回答的 Agent 決定。</p><span>DELIVER</span></article></div></section>
<section id="start" class="start" data-sc-act="flow"><div class="start-heading"><span class="large-asterisk">✳</span><div><h2>把下一個想法，<br><span>接上。</span></h2><p>從一份筆記開始。或讓你的 Agent，共用同一層知識。</p></div></div><div class="setup"><div class="setup-intro"><h3>你的知識，<br>由你掌握。</h3><p>本機優先的 Markdown 與索引。<br>模型及 Embedding 供應商可配置。</p><a class="inline-link" href="https://github.com/Hidicence/x-knowledge-base/blob/main/docs/data-flow.md" target="_blank" rel="noopener noreferrer">資料會去哪裡？ <i data-lucide="arrow-up-right"></i></a><p class="privacy-note">使用雲端模型時，相關內容會送往所選服務。Local-first 不代表所有處理皆離線。</p></div><div class="setup-code"><div class="setup-tabs" role="tablist" aria-label="開始方式"><button role="tab" id="tab-local" aria-selected="true" aria-controls="code-panel" data-mode="local">本機筆記</button><button role="tab" id="tab-service" aria-selected="false" aria-controls="code-panel" data-mode="service" tabindex="-1">Agent 共用服務</button></div><div class="code-toolbar"><span id="code-label">TERMINAL / 初次設定</span><button id="copy-command" title="複製指令" aria-label="複製指令"><i data-lucide="copy"></i></button></div><pre id="code-panel" role="tabpanel" aria-labelledby="tab-local" tabindex="0"><code id="setup-command">git clone https://github.com/Hidicence/x-knowledge-base.git
cd x-knowledge-base
python3 scripts/xkb_init.py</code></pre><div class="setup-bottom"><span id="setup-note">接著配置模型，再匯入第一份筆記。</span><a id="setup-docs" href="https://github.com/Hidicence/x-knowledge-base#quick-start" target="_blank" rel="noopener noreferrer">開始使用 <i data-lucide="arrow-up-right"></i></a></div><span id="copy-status" class="sr-only" role="status"></span></div></div><footer><a class="wordmark" href="#home">xkb<span class="brand-mark">✳</span></a><span>EVERY THOUGHT HAS A THREAD.</span><a href="https://github.com/Hidicence/x-knowledge-base/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">PolyForm Noncommercial <i data-lucide="arrow-up-right"></i></a></footer></section>
</main>
<nav class="contents-dock" aria-label="章節導覽"><a href="#home" class="dock-home" aria-label="回到首頁"><span>✳</span></a><a href="#intro">理念</a><a href="#film">影片</a><a href="#thread">線索</a><a href="#evidence">證據</a><a href="#start" class="dock-start">開始使用 <i data-lucide="arrow-up-right"></i></a></nav>
<script type="module" src="/src/main.js"></script>
</body></html>