| 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"> |
| 6 | <title>Dir-Key Nav Minimal</title> |
| 7 | <link rel="stylesheet" href="../../../assets/fonts.css"> |
| 8 | <link rel="stylesheet" href="../../../assets/base.css"> |
| 9 | <link rel="stylesheet" href="style.css"> |
| 10 | </head> |
| 11 | <body class="tpl-dir-key-nav-minimal"> |
| 12 | <div class="deck"> |
| 13 | |
| 14 | <!-- 1. COVER · indigo --> |
| 15 | <section class="slide t-indigo is-active"> |
| 16 | <div class="dk-snum">01 / 08</div> |
| 17 | <div style="margin:auto 0"> |
| 18 | <div class="dk-eyebrow">Karpathy LLM Wiki</div> |
| 19 | <h1 class="dk-h0">为什么笔记<br>治不了 <span class="dk-accent">LLM</span></h1> |
| 20 | <span class="dk-line"></span> |
| 21 | <p class="dk-lede">8 种背景、8 张幻灯，一个关于如何把 AI 变成「长期记忆外挂」的最短陈述。<strong>按 → 继续。</strong></p> |
| 22 | </div> |
| 23 | <div class="dk-keyhint">nav · <kbd>←</kbd> <kbd>→</kbd> · <kbd>space</kbd></div> |
| 24 | <div class="dk-page">cover</div> |
| 25 | </section> |
| 26 | |
| 27 | <!-- 2. SECTION · cream --> |
| 28 | <section class="slide t-cream"> |
| 29 | <div class="dk-snum">02 / 08</div> |
| 30 | <div style="margin:auto 0"> |
| 31 | <div class="dk-eyebrow">Chapter 01</div> |
| 32 | <h1 class="dk-h0">The <span class="dk-accent">Problem</span>.</h1> |
| 33 | <span class="dk-line"></span> |
| 34 | <p class="dk-lede">Token 上限是一个物理事实。你每次和 LLM 说话，它都是一个失忆症患者。</p> |
| 35 | </div> |
| 36 | <div class="dk-keyhint">chapter · 01 / 04</div> |
| 37 | <div class="dk-page">section</div> |
| 38 | </section> |
| 39 | |
| 40 | <!-- 3. CONTENT · crimson --> |
| 41 | <section class="slide t-crimson"> |
| 42 | <div class="dk-snum">03 / 08</div> |
| 43 | <div style="margin:auto 0"> |
| 44 | <div class="dk-eyebrow">Symptoms</div> |
| 45 | <h2 class="dk-h1">四种你已经<br>受够的<br><span class="dk-accent">遗忘</span>。</h2> |
| 46 | <ul class="dk-list"> |
| 47 | <li>昨天聊过的项目，今天重新解释一遍</li> |
| 48 | <li>上下文窗口一到，它开始「编造记忆」</li> |
| 49 | <li>不同 session 之间毫无关联，就像第一次见</li> |
| 50 | <li>你的真正偏好从未被记住，每次都要 re-prompt</li> |
| 51 | </ul> |
| 52 | </div> |
| 53 | <div class="dk-keyhint">content · list</div> |
| 54 | <div class="dk-page">03</div> |
| 55 | </section> |
| 56 | |
| 57 | <!-- 4. CONTENT · emerald --> |
| 58 | <section class="slide t-emerald"> |
| 59 | <div class="dk-snum">04 / 08</div> |
| 60 | <div style="margin:auto 0"> |
| 61 | <div class="dk-eyebrow">The Fix</div> |
| 62 | <h2 class="dk-h1">答案不是<br><span class="dk-accent">更大</span> 的窗口。</h2> |
| 63 | <p class="dk-lede" style="margin-top:10px">而是：把你的知识、偏好、历史都<strong>写进文件系统</strong>。<br>让 LLM 每次对话前，先去读那个系统。</p> |
| 64 | <div class="dk-grid-2"> |
| 65 | <div class="dk-col"><h3>× 窗口 stuffing</h3><p>把所有东西塞 prompt，贵、慢、最终溢出。</p></div> |
| 66 | <div class="dk-col"><h3>✓ 文件 + 检索</h3><p>按需加载，永远不溢出，结构化可 diff。</p></div> |
| 67 | </div> |
| 68 | </div> |
| 69 | <div class="dk-keyhint">content · compare</div> |
| 70 | <div class="dk-page">04</div> |
| 71 | </section> |
| 72 | |
| 73 | <!-- 5. CODE · slate --> |
| 74 | <section class="slide t-slate"> |
| 75 | <div class="dk-snum">05 / 08</div> |
| 76 | <div style="margin:auto 0"> |
| 77 | <div class="dk-eyebrow">Minimal Setup</div> |
| 78 | <h2 class="dk-h2"><span class="dk-accent">4 行</span> YAML<br>就能开始。</h2> |
| 79 | <pre class="dk-code">memory: |
| 80 | root: ~/.llm-wiki |
| 81 | format: markdown |
| 82 | retrieval: hybrid # embedding + bm25</pre> |
| 83 | <p class="dk-lede" style="margin-top:16px;font-size:20px">你现在拥有一个会随时间增长的 <strong>第二大脑</strong>。每次对话它都会被读、被更新。</p> |
| 84 | </div> |
| 85 | <div class="dk-keyhint">content · code</div> |
| 86 | <div class="dk-page">05</div> |
| 87 | </section> |
| 88 | |
| 89 | <!-- 6. CHART · violet — big number with bar --> |
| 90 | <section class="slide t-violet"> |
| 91 | <div class="dk-snum">06 / 08</div> |
| 92 | <div style="margin:auto 0"> |
| 93 | <div class="dk-eyebrow">30-day result</div> |
| 94 | <div class="dk-big dk-accent">87%</div> |
| 95 | <p class="dk-lede" style="margin-top:14px;font-size:26px">的 re-explain 被消除。平均每次对话节省 <strong>4.2 分钟</strong> 的 re-context。</p> |
| 96 | <svg viewBox="0 0 900 80" style="width:100%;max-width:900px;margin-top:30px"> |
| 97 | <rect x="0" y="30" width="900" height="22" rx="11" fill="rgba(255,255,255,.12)"/> |
| 98 | <rect x="0" y="30" width="783" height="22" rx="11" fill="#c4b5fd"/> |
| 99 | <text x="792" y="47" font-family="JetBrains Mono" font-size="16" fill="#c4b5fd" font-weight="700">87%</text> |
| 100 | </svg> |
| 101 | </div> |
| 102 | <div class="dk-keyhint">chart · big-num</div> |
| 103 | <div class="dk-page">06</div> |
| 104 | </section> |
| 105 | |
| 106 | <!-- 7. CTA · white --> |
| 107 | <section class="slide t-white"> |
| 108 | <div class="dk-snum">07 / 08</div> |
| 109 | <div style="margin:auto 0"> |
| 110 | <div class="dk-eyebrow">Start tonight</div> |
| 111 | <h2 class="dk-h1">开始<br>你的 <span class="dk-accent">wiki</span>。</h2> |
| 112 | <span class="dk-line"></span> |
| 113 | <p class="dk-lede">不是装又一个插件。是决定：从今晚起，<strong>你的所有 AI 对话都要有一个共同的 vault</strong>。</p> |
| 114 | <pre class="dk-code" style="font-size:18px">$ mkdir ~/llm-wiki && cd ~/llm-wiki |
| 115 | $ git init |
| 116 | $ echo "# my brain" > README.md</pre> |
| 117 | </div> |
| 118 | <div class="dk-keyhint">cta · three-commands</div> |
| 119 | <div class="dk-page">07</div> |
| 120 | </section> |
| 121 | |
| 122 | <!-- 8. THANKS · charcoal --> |
| 123 | <section class="slide t-charcoal"> |
| 124 | <div class="dk-snum">08 / 08</div> |
| 125 | <div style="margin:auto 0"> |
| 126 | <div class="dk-eyebrow">End · thanks for staying</div> |
| 127 | <h1 class="dk-h0"><span class="dk-accent">謝謝</span>。</h1> |
| 128 | <span class="dk-line"></span> |
| 129 | <p class="dk-lede">Karpathy 的原始 thread + 我的 vault 结构都在 <strong>github.com/lewis/llm-wiki</strong>。欢迎按 ← 再看一遍。</p> |
| 130 | </div> |
| 131 | <div class="dk-keyhint">press <kbd>←</kbd> to rewind · <kbd>F</kbd> for fullscreen</div> |
| 132 | <div class="dk-page">fin</div> |
| 133 | </section> |
| 134 | |
| 135 | </div> |
| 136 | <script src="../../../assets/runtime.js"></script> |
| 137 | </body> |
| 138 | </html> |
| 139 |