145 lines
7.5 KiB
HTML
145 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Obsidian × Claude Gradient</title>
|
||
<link rel="stylesheet" href="../../../assets/fonts.css">
|
||
<link rel="stylesheet" href="../../../assets/base.css">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body class="tpl-obsidian-claude-gradient">
|
||
<div class="deck">
|
||
|
||
<!-- 1. COVER -->
|
||
<section class="slide is-active">
|
||
<div class="oc-cbg"></div>
|
||
<div class="oc-cgrid"></div>
|
||
<div class="oc-snum">01 / 08</div>
|
||
<div class="oc-tag">● OBSIDIAN × CLAUDE · 第二大脑</div>
|
||
<h1 class="oc-h1">把 Obsidian 和 Claude<br>拧成 <span class="oc-g">一条神经</span></h1>
|
||
<p class="oc-sub">不是又一个 AI 笔记插件 —— 是让 Claude 真正理解你 vault 的结构、链接、双向引用，<br>然后在你想写东西之前就把资料准备好。</p>
|
||
<div style="margin-top:32px">
|
||
<span class="oc-pill">🧠 Markdown-native</span>
|
||
<span class="oc-pill">⚡ MCP-ready</span>
|
||
<span class="oc-pill">🔗 双链理解</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 2. SECTION -->
|
||
<section class="slide">
|
||
<div class="oc-cbg"></div>
|
||
<div class="oc-cgrid"></div>
|
||
<div class="oc-snum">02 / 08</div>
|
||
<div class="oc-tag">● CHAPTER 01</div>
|
||
<h1 class="oc-h1" style="font-size:110px">Why <span class="oc-g">not</span> Notion?</h1>
|
||
<p class="oc-sub">当你的知识多到会互相引用时，<br>「文件夹」就不够了，「数据库」也不是答案。</p>
|
||
</section>
|
||
|
||
<!-- 3. CONTENT — compare cards -->
|
||
<section class="slide">
|
||
<div class="oc-cbg"></div>
|
||
<div class="oc-cgrid"></div>
|
||
<div class="oc-snum">03 / 08</div>
|
||
<div class="oc-tag">● COMPARE</div>
|
||
<h2 class="oc-h2">Notion vs <span class="oc-g">Obsidian</span> · 对 AI 友好度</h2>
|
||
<div class="oc-grid-2">
|
||
<div class="oc-card">
|
||
<span class="oc-badge oc-bb">NOTION</span>
|
||
<h4 style="font-size:20px;margin-bottom:10px">数据库原生</h4>
|
||
<p style="color:var(--oc-dim);font-size:14px;line-height:1.65">适合结构化任务、团队协作，但是——<br>• AI 要走 API，拿不到实时全文<br>• 嵌套块结构复杂，token 成本高<br>• 本地化差，没法当长期记忆</p>
|
||
</div>
|
||
<div class="oc-card" style="border-color:rgba(168,85,247,.35);background:rgba(124,58,237,.05)">
|
||
<span class="oc-badge oc-bp">OBSIDIAN</span>
|
||
<h4 style="font-size:20px;margin-bottom:10px">纯 Markdown + 双链</h4>
|
||
<p style="color:var(--oc-dim);font-size:14px;line-height:1.65">对 AI 天生友好 ——<br>• 所有东西就是文件，Claude 直接读<br>• 双链 = 天然 graph，抽实体几乎零成本<br>• 离线、可 git、可 diff、可回滚</p>
|
||
</div>
|
||
</div>
|
||
<div class="oc-hl" style="margin-top:26px">💡 <b>关键洞察：</b>AI 不需要「更聪明的数据库」，它需要「能被它自己读懂的文件系统」。</div>
|
||
</section>
|
||
|
||
<!-- 4. STEPS -->
|
||
<section class="slide">
|
||
<div class="oc-cbg"></div>
|
||
<div class="oc-cgrid"></div>
|
||
<div class="oc-snum">04 / 08</div>
|
||
<div class="oc-tag">● SETUP · 4 STEPS</div>
|
||
<h2 class="oc-h2">从 0 到第一次「AI 写笔记」</h2>
|
||
<div class="oc-steps">
|
||
<div class="oc-step"><div class="oc-sn">1</div><div class="oc-sc"><h4>装 Obsidian + 开 Local REST API 插件</h4><p>社区插件，一个勾就开。它让外部进程能 read/write 你的 vault。</p></div></div>
|
||
<div class="oc-step"><div class="oc-sn">2</div><div class="oc-sc"><h4>接 Claude Desktop + obsidian-mcp server</h4><p>MCP 一个配置文件就能接，token 填 vault 的 api key。</p></div></div>
|
||
<div class="oc-step"><div class="oc-sn">3</div><div class="oc-sc"><h4>装 5 个 obsidian-skills</h4><p>markdown / bases / canvas / cli / defuddle —— 让 Claude 知道怎么正确使用 Obsidian。</p></div></div>
|
||
<div class="oc-step"><div class="oc-sn">4</div><div class="oc-sc"><h4>让 Claude 自己整理一次</h4><p>「帮我把最近 10 篇笔记里的重复概念合并，生成一张新的 MOC」—— 90 秒出结果。</p></div></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 5. CODE -->
|
||
<section class="slide">
|
||
<div class="oc-cbg"></div>
|
||
<div class="oc-cgrid"></div>
|
||
<div class="oc-snum">05 / 08</div>
|
||
<div class="oc-tag">● MCP CONFIG</div>
|
||
<h2 class="oc-h2">claude_desktop_config.json</h2>
|
||
<pre class="oc-code"><span class="cm">// ~/Library/Application Support/Claude/claude_desktop_config.json</span>
|
||
{
|
||
<span class="cc">"mcpServers"</span>: {
|
||
<span class="cc">"obsidian"</span>: {
|
||
<span class="cc">"command"</span>: <span class="cs">"npx"</span>,
|
||
<span class="cc">"args"</span>: [<span class="cs">"-y"</span>, <span class="cs">"@modelcontextprotocol/server-obsidian"</span>],
|
||
<span class="cc">"env"</span>: {
|
||
<span class="cc">"OBSIDIAN_API_KEY"</span>: <span class="cs">"xxxxxxxxxxxxxxxx"</span>,
|
||
<span class="cc">"OBSIDIAN_HOST"</span>: <span class="cs">"http://127.0.0.1:27123"</span>
|
||
}
|
||
}
|
||
}
|
||
}</pre>
|
||
<p class="oc-sub" style="margin-top:18px">重启 Claude Desktop，输入 <b style="color:var(--oc-accent3)">/mcp</b>，你会看到 obsidian 已连。</p>
|
||
</section>
|
||
|
||
<!-- 6. STATS -->
|
||
<section class="slide">
|
||
<div class="oc-cbg"></div>
|
||
<div class="oc-cgrid"></div>
|
||
<div class="oc-snum">06 / 08</div>
|
||
<div class="oc-tag">● 3 MONTHS IN</div>
|
||
<h2 class="oc-h2">跑了 90 天，我的 <span class="oc-g">vault 数据</span></h2>
|
||
<div class="oc-grid-3" style="margin-top:28px">
|
||
<div class="oc-card" style="text-align:center"><div class="oc-big oc-g" style="font-size:80px">1,842</div><p style="color:var(--oc-dim);margin-top:8px;font-size:13px">notes in vault</p></div>
|
||
<div class="oc-card" style="text-align:center"><div class="oc-big oc-g" style="font-size:80px">6.3k</div><p style="color:var(--oc-dim);margin-top:8px;font-size:13px">backlinks (由 AI 自动补)</p></div>
|
||
<div class="oc-card" style="text-align:center"><div class="oc-big oc-g" style="font-size:80px">-74%</div><p style="color:var(--oc-dim);margin-top:8px;font-size:13px">找资料平均耗时</p></div>
|
||
</div>
|
||
<div class="oc-hl" style="margin-top:26px">最大收益不是「AI 帮我写」，而是「AI 帮我把旧笔记重新连起来」—— 每周 30 分钟，vault 就会主动生长。</div>
|
||
</section>
|
||
|
||
<!-- 7. QUOTE / CTA -->
|
||
<section class="slide">
|
||
<div class="oc-cbg"></div>
|
||
<div class="oc-cgrid"></div>
|
||
<div class="oc-snum">07 / 08</div>
|
||
<div class="oc-tag">● CTA · 今晚可以做</div>
|
||
<div class="oc-quote">
|
||
<blockquote>不要再找「AI 笔记应用」了。<br>你要的是一个 <span class="oc-g">文件夹 + 一条神经</span>。</blockquote>
|
||
<div class="attr">— 我自己，用了 90 天后</div>
|
||
</div>
|
||
<div style="margin-top:36px">
|
||
<span class="oc-pill">⬇ obsidian.md</span>
|
||
<span class="oc-pill">⬇ Claude Desktop</span>
|
||
<span class="oc-pill">⬇ obsidian-mcp</span>
|
||
<span class="oc-pill">⬇ obsidian-skills × 5</span>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 8. THANKS -->
|
||
<section class="slide">
|
||
<div class="oc-cbg"></div>
|
||
<div class="oc-cgrid"></div>
|
||
<div class="oc-snum">08 / 08</div>
|
||
<div class="oc-big oc-g">Thanks.</div>
|
||
<p class="oc-sub" style="margin-top:26px">配置模板、skill manifest、我的 vault 结构图都在 <b style="color:var(--oc-accent3)">github.com/lewis/obsidian-claude</b></p>
|
||
</section>
|
||
|
||
</div>
|
||
<script src="../../../assets/runtime.js"></script>
|
||
</body>
|
||
</html>
|