第十一章
工具生態
知道有哪些工具可以用，比自己從零開始重要一百倍。這一章分享我實際在用的工具組合，以及為什麼選它們。
Obsidian + Markdown：你的大腦外掛
Obsidian 是什麼？
Obsidian 是一個用 Markdown（.md）寫筆記的軟體。如果你不知道什麼是 Markdown，它就是一種「用純文字寫格式」的方法。比如用 # 代表標題、用 - 代表清單項目。
你現在看到的這個教學網站，每一頁的內容其實都可以用 Markdown 來寫。
為什麼推薦 Obsidian？
最關鍵的理由：你的筆記永遠是你的。
很多筆記軟體（Notion、Evernote）把你的資料存在它們的伺服器上。如果哪天公司倒了、改方案了、漲價了——你的筆記可能就拿不回來了。
Obsidian 不同。你的所有筆記都是
你的資料不被任何軟體綁架。
很多筆記軟體（Notion、Evernote）把你的資料存在它們的伺服器上。如果哪天公司倒了、改方案了、漲價了——你的筆記可能就拿不回來了。
Obsidian 不同。你的所有筆記都是
.md 純文字檔，存在你自己的電腦裡。即使 Obsidian 明天消失了，你用任何文字編輯器都能打開這些檔案。你的資料不被任何軟體綁架。
Obsidian 的第二個優勢：Claude Code 可以直接讀寫你的筆記。
因為 Obsidian 的筆記就是電腦裡的 .md 檔案，Claude Code 可以用 Read/Write 工具直接操作它們。這代表：
- 你在跟 Claude 聊天時產生的想法，可以直接存進 Obsidian
- Claude 可以讀取你之前的筆記，了解專案的來龍去脈
- 任務管理、專案規劃、知識庫——全部在一個地方
搭配 Claude Code 的工作流
Obsidian + Claude Code 協作流程
你的想法 / 需求
↓
寫進 Obsidian（Inbox/ 資料夾）
↓
Claude Code 讀取筆記
↓
拆解成具體任務
↓
執行（寫程式 / 研究 / 設定）
↓
完成後更新 Obsidian 狀態
Obsidian 是你的「大腦外掛」
Claude Code 是你的「手腳」
你的想法 / 需求
↓
寫進 Obsidian（Inbox/ 資料夾）
↓
Claude Code 讀取筆記
↓
拆解成具體任務
↓
執行（寫程式 / 研究 / 設定）
↓
完成後更新 Obsidian 狀態
Obsidian 是你的「大腦外掛」
Claude Code 是你的「手腳」
建議的資料夾結構
Inbox/ — 還沒分類的想法、靈感專案/ — 有開始有結束的事知識庫/ — 事實、參考資料（不會過期）學習/ — 正在學的東西SOP/ — 反覆執行的流程
MCP 生態系：Claude Code 的「手臂」
MCP 是什麼？
MCP（Model Context Protocol）讓 Claude Code 可以操控外部服務。如果把 Claude Code 想成一個大腦，MCP 就是它的手臂——讓它能伸出去「做事情」，而不只是「講話」。
沒有 MCP 的 Claude Code：只能讀寫你電腦上的檔案、跑終端機指令。
有了 MCP 的 Claude Code：可以操作資料庫、部署網站、管理 GitHub、操控瀏覽器、管雲端服務。
比喻：手機本身 vs 手機上的 App。
手機出廠只能打電話、傳簡訊。但你裝了 LINE 就能聊天、裝了 Uber 就能叫車、裝了 Google Maps 就能導航。
MCP 就是 Claude Code 的「App Store」。每裝一個 MCP，Claude Code 就多會一項技能。
手機出廠只能打電話、傳簡訊。但你裝了 LINE 就能聊天、裝了 Uber 就能叫車、裝了 Google Maps 就能導航。
MCP 就是 Claude Code 的「App Store」。每裝一個 MCP，Claude Code 就多會一項技能。
常用 MCP 列表
| MCP | 功能 | 白話說 |
|---|---|---|
| Supabase | 操作資料庫 | 直接跟 Claude 說「幫我查所有 VIP 客戶」 |
| Cloudflare | 管理網站部署 | 「幫我把這個網站上線」 |
| GitHub | 管理程式碼版本 | 「幫我開一個 PR」「合併這個分支」 |
| Chrome DevTools | 操控瀏覽器 | 「幫我打開這個網頁，看看有沒有 bug」 |
| Google Cloud | 管理雲端服務 | 「幫我開一台 VM」「查一下 log」 |
| Google Calendar | 管理行事曆 | 「幫我查下週二有什麼會議」 |
| Gmail | 管理電子郵件 | 「幫我找最近客戶寄來的信」 |
| Brave Search | 搜尋網路 | 「幫我查一下這個技術的最新文件」 |
不用一次全裝
MCP 是「需要什麼裝什麼」。剛開始只需要 GitHub 和一個部署工具就夠了。等你的專案變複雜了，再慢慢加。
Claude Code Quickstart 懶人包
如果你覺得上面這些東西要一個一個設定太麻煩——有一個懶人包可以一鍵搞定。
github.com/lgscvb/claude-code-quickstart
這個 Quickstart 懶人包包含：
- 所有常用 MCP 的預設設定
- 一組精選的 Skills（讓 Claude Code 更聰明的指令集）
- 環境設定的最佳實踐
- 適合完全新手的安裝流程
你只需要：Clone 這個 repo → 跑安裝腳本 → 完成。
這個 Quickstart 懶人包包含：
- 所有常用 MCP 的預設設定
- 一組精選的 Skills（讓 Claude Code 更聰明的指令集）
- 環境設定的最佳實踐
- 適合完全新手的安裝流程
你只需要：Clone 這個 repo → 跑安裝腳本 → 完成。
如果你身邊有朋友想開始用 Claude Code，把這個連結丟給他就好。不用解釋太多，跑一次安裝就能開始用。
安裝步驟（極簡版）
1. 打開終端機2.
git clone https://github.com/lgscvb/claude-code-quickstart.git3.
cd claude-code-quickstart4. 按照 README 的指示執行安裝腳本
5. 完成！
常用部署工具選擇
你寫好了程式，接下來要讓別人看到。「部署」就是把你電腦上的程式碼搬到網路上。不同的工具適合不同的場景：
| 工具 | 適合什麼 | 免費額度 | 難度 |
|---|---|---|---|
| Cloudflare Pages | 靜態網站、純前端 | 無限（靜態網站免費） | 簡單 |
| Vercel | 前端、Next.js 專案 | 有（個人免費方案） | 簡單 |
| Render | 後端 API、小型服務 | 有（免費方案會休眠） | 中等 |
| Supabase | 資料庫、後端即服務 | 有（2 個免費專案） | 簡單 |
| GCP（Google Cloud） | 什麼都能跑 | 有（新用戶免費額度） | 較難 |
怎麼選？
簡單判斷法：
你的網站沒有「後端」嗎？（純 HTML/CSS/JS，不需要資料庫）
→ Cloudflare Pages。免費、快、設定最少。
你用 Next.js 嗎？
→ Vercel。它就是做 Next.js 的公司，整合最好。
你需要後端 API？
→ Render。免費方案夠用，但閒置 15 分鐘會休眠（第一次打開要等 30 秒）。
你需要資料庫？
→ Supabase。免費方案有 2 個專案，PostgreSQL 資料庫 + API 一次搞定。
你要跑比較複雜的東西？（自訂 Docker、排程、大量運算）
→ GCP。什麼都能做，但學習門檻最高。
你的網站沒有「後端」嗎？（純 HTML/CSS/JS，不需要資料庫）
→ Cloudflare Pages。免費、快、設定最少。
你用 Next.js 嗎？
→ Vercel。它就是做 Next.js 的公司，整合最好。
你需要後端 API？
→ Render。免費方案夠用，但閒置 15 分鐘會休眠（第一次打開要等 30 秒）。
你需要資料庫？
→ Supabase。免費方案有 2 個專案，PostgreSQL 資料庫 + API 一次搞定。
你要跑比較複雜的東西？（自訂 Docker、排程、大量運算）
→ GCP。什麼都能做，但學習門檻最高。
Render 免費方案的「休眠」問題
Render 的免費方案，如果 15 分鐘沒人使用，服務會「睡著」。下一個使用者要等 30 秒到 1 分鐘才會醒過來。解法：用 cron job 每 10 分鐘 ping 一次你的服務。這在第九章的 Cold Start 有提過。