The Bob Post · 後端踩坑筆記 + 教學現場

部落格

AI 工程師 + Java 後端的技術筆記。LLM / RAG / Agent 導入、Spring Boot、雲端踩坑、教學現場觀察。共 44 篇。

ChatGPT Images 2.0 完整介紹:gpt-image-2 中文支援、Thinking Mode 與 API 價格實測
★ Most Read
👁 8 reads
2026/04/23 · AI 工作流 · 8 min read

ChatGPT Images 2.0 完整介紹:gpt-image-2 中文支援、Thinking Mode 與 API 價格實測

OpenAI 2026/04/21 發佈 gpt-image-2:Image Arena 榜首 +242 分、中日韓文字原生支援、Thinking Mode 推理能力、API 價格完整拆解。

Read the essay →
展開標籤
全部文章
43 posts
手機跑本地 LLM 怎麼裝?iPhone 15 Plus / Android 完整教學(PocketPal AI 安裝、模型選擇、踩坑)
2026/05/20 · AI 部署 · 22 min

手機跑本地 LLM 怎麼裝?iPhone 15 Plus / Android 完整教學(PocketPal AI 安裝、模型選擇、踩坑)

想用手機跑本地 LLM,但不知道要裝什麼 app、能跑多大的模型、能不能進開發工作流?本文拆解 2026 年 5 月最熱門的三個 on-device LLM app(PocketPal AI / LLMFarm / MLC Chat)怎麼選、iPhone 15 Plus 真實能跑哪些模型(1B-2B 是甜蜜點,3B 卡頓、4B+ 跑不動)、PocketPal AI 從 0 開始安裝、5 個踩坑(記憶體爆掉、發燙降頻、context window 太短、token/秒掉到不能用、Apple Intelligence 跟本地 LLM 的關係),最後解釋為什麼「手機算力幫電腦」是死路、什麼情境真的值得在手機跑 LLM。

PocketPal AI 本地 LLM iPhone
我請 AI 幫我把 44 篇舊文重做 SEO:批次 PATCH Firestore、IA 重整、4 個 topic hub 完整覆盤
2026/05/20 · AI 工作流 · 10 min

我請 AI 幫我把 44 篇舊文重做 SEO:批次 PATCH Firestore、IA 重整、4 個 topic hub 完整覆盤

部落格累積到 44 篇後,每篇單獨 SEO 都做了,GSC 曝光卻一直撞牆。盤點才發現 28/44 都歸類在「AI 工具」、tags 一團亂、系列文沒 topic hub。本文覆盤這次「狠狠改一次」的全過程:6 個 category 收斂、tags 受控詞彙、17 個 duplicate 清理、批次 PATCH Firestore 踩到 timestampValue schema 雷、開 4 個 topic hub。AI 跑 1.5 小時、人類 10 分鐘決策。

SEO AEO JSON-LD
2026/05/20 · AI 工作流 · 21 min

MemPalace 知識管理工具完整教學:3.3.5 救援、HNSW 修復、claude -p proxy 省 API 錢

MemPalace 是 AI agent 用的長期記憶系統。chromadb 1.5.x 在 macOS 26.4 ARM64 必 SIGSEGV,所有 CLI 全死、只剩 MCP server 苟活。MemPalace 3.3.5 用兩個機制救回來:HNSW segment quarantine 自動隔離壞索引、repair --mode from-sqlite 從 sqlite3 直接撈資料重灌新 palace。本文記錄完整升級路徑、3.3.5 兩個救命機制原理、外加 180 行 Python claude-p-openai-proxy.py 把 claude -p CLI 包成 OpenAI 相容 HTTP 端點,讓 mempalace compress 走 Max 訂閱、零 API 成本。

MemPalace ChromaDB HNSW
我把「買網域 + 整站搬家」交給 AI 跑:人類只花 15 分鐘的 8 步驟流程
2026/05/20 · AI 部署 · 22 min

我把「買網域 + 整站搬家」交給 AI 跑:人類只花 15 分鐘的 8 步驟流程

我把舊站 yanchen184.github.io/ai-lecturer-bob 搬到自有網域 yanchen.app,整個流程交給 Claude Code 跑。人類負責的事只有 15 分鐘:刷卡、改 nameserver、按 GSC verify、按 Bing 匯入。AI 負責的 1.5 小時包含:跨來源比價、17 個檔案批次改 URL、跑 CI/CD 自我除錯、寫 SEO 設定、監看 SSL 簽發。本文拆解 8 步驟、AI 該做 vs 你該做對照表、整個流程踩到的 5 個坑(1.1.1.1 stale cache、GSC Change of Address 灰掉的真相⋯⋯),給「想搬家但被 DNS / SSL / redirect / SEO 嚇到」的人一條完整路徑。

Claude Code AI 協作 網域註冊
Claude Code 入門第一堂:訂了 Claude Pro 之後怎麼開始——4 個 demo + permission mode 4 種 + 邊界
2026/05/20 · AI 教學 · 15 min

Claude Code 入門第一堂:訂了 Claude Pro 之後怎麼開始——4 個 demo + permission mode 4 種 + 邊界

訂閱 Claude Pro($20/月)、想裝 Claude Code 但還沒動手?這是我 2026-04-28 第一堂 Pro 版小班的完整紀錄。4 個 demo:一句話讀 CSV、整理 24 個亂檔案、SQLite 查 4 月營收、從零部署網站——每個都 5 分鐘內看到結果。然後拆 4 種 permission mode(default/acceptEdits/plan/bypassPermissions)、`.claudeignore` 防憑證外洩、跟我自創的「Claude 邊界」觀念——不要讓 AI 做你也不懂的事情,它犯錯時會極度自信。

Claude Code Claude Pro AI 教學
LLM Wiki 是什麼?Karpathy 知識編譯方案兩週實測(vs RAG、token 降 87%、踩坑筆記)
2026/05/20 · AI 工作流 · 31 min

LLM Wiki 是什麼?Karpathy 知識編譯方案兩週實測(vs RAG、token 降 87%、踩坑筆記)

LLM Wiki 是什麼?2026 年 4 月 Karpathy 在 gist 丟了 200 行 markdown,一週後全網炸開、12 個社群 implementation。一句話講:讓 LLM 把你丟的所有資料「編譯」成一個結構化的 markdown 知識庫,以後問問題不查原始檔、查這個被整理過的 wiki。本文拆解 RAG vs LLM Wiki 的編譯式/解釋式之差、三層架構、30 分鐘上手路徑、我把 7 場教學逐字稿 + 200 則 Discord QA 丟進去跑兩週的實測(token 降 87%)、5 個踩坑、什麼情境裝了反而是負擔。

LLM Wiki Karpathy RAG
AI 寫的前端為什麼都長一樣?「purple problem」歷史考古 + 反 AI 味 system prompt 全文公開
2026/05/19 · Claude Code · 27 min

AI 寫的前端為什麼都長一樣?「purple problem」歷史考古 + 反 AI 味 system prompt 全文公開

產業內叫它 distributional convergence、purple problem、AI slop——每個 LLM 寫的前端都是紫色漸層 + Inter + 三欄卡片。本文做歷史考古(Instagram 2015 → Tailwind UI 2020 → 訓練資料污染),拆解 Anthropic 四維度框架(typography / color / motion / spatial),並公開那份反 AI 味的 system prompt 全文。

AI slop purple problem 前端設計
popularize-slides 開源拆解:用 HTML + GitHub Pages 取代 Keynote / Slidev 做 AI 課程簡報
2026/05/19 · AI 教學 · 26 min

popularize-slides 開源拆解:用 HTML + GitHub Pages 取代 Keynote / Slidev 做 AI 課程簡報

在職訓局教 4 堂 AI Claude Code 概論初級班,把簡報全寫成 HTML(不用 Keynote / Slidev / Reveal.js)丟在 GitHub Pages 上跑。本文拆解:為什麼放棄 Keynote、為什麼不用 Slidev、設計系統(深色 + 黃金 accent + 襯線標題)、部署用一條 push 指令、學生 clone 雙擊就能看。

AI 教學 簡報設計 HTML 簡報
Superpowers 暴衝 121k stars、Anthropic 收編,該裝嗎?跟手寫 skill 怎麼選
2026/05/18 · Claude Code · 20 min

Superpowers 暴衝 121k stars、Anthropic 收編,該裝嗎?跟手寫 skill 怎麼選

obra/superpowers 7 個月 121k stars、2026/01 進 Anthropic 官方 plugin marketplace,14 個內建 skill 把資深工程師工作流(brainstorm/TDD/debug)強行套到 Claude Code 上,token -14%、首次成功率 +40%。但我自己跑兩週發現:小任務反而 +20% token、demo 前急著修 bug 被 brainstorming 拖住、Haiku 跑不動。本文拆 14 個 skill 各自解什麼、5 個踩坑、跟自己手寫 skill 的對照表(從適用任務、學習曲線、客製化彈性、維護成本四個維度比較)、Jesse Vincent 的設計哲學(讓 Claude 暫停,不是變聰明)。

Claude Code Superpowers Skills
Hermes Agent 在 macOS 接內網 LLM 完整實戰:proxy 補 OpenAI API 4 大漏洞 + launchd 自啟動
2026/05/15 · AI Agent · 32 min

Hermes Agent 在 macOS 接內網 LLM 完整實戰:proxy 補 OpenAI API 4 大漏洞 + launchd 自啟動

想在 Mac 上裝 Hermes Agent 接自家內網 LLM,跑完 hermes -z 卻 exit 0 stdout 全空白?本文記錄從 0 安裝 Hermes、發現 OpenAI-compatible wrapper 缺 4 件事(/v1/models、usage、SSE streaming、system_fingerprint)導致 silent fail,寫 FastAPI proxy 補洞 + launchd 開機自啟動的完整實戰。

Hermes Agent Hermes Agent 安裝 macOS
2026/05/15 · AI Agent · 12 min

Hermes Agent 是什麼?一篇給完全新手看的 AI 工具介紹(白話版)

我有 ChatGPT 了為什麼還要裝 Hermes Agent?簡單講:ChatGPT 只會回字、要你自己動手;Hermes Agent 會幫你動手——查檔、改檔、跑指令、上網查資料,做完才回報。本文用「人肉接線生 vs 工讀生」的比喻、5 個日常情境、跟 ChatGPT/Claude Code/Cursor 的對照表,讓完全不會寫 code 的人也能搞懂這工具能幫你做什麼、安不安全、怎麼開始。

Hermes Agent AI Agent NousResearch
Hermes Agent 為什麼擠進 OpenRouter App 排行榜第 2?3 個結構性原因深度解析(NousResearch 開源 CLI)
2026/05/15 · AI Agent · 17 min

Hermes Agent 為什麼擠進 OpenRouter App 排行榜第 2?3 個結構性原因深度解析(NousResearch 開源 CLI)

2026 上半年 OpenRouter App & Agent Rankings 公布,Hermes Agent(NousResearch 維護的開源 CLI agent)排第 2,僅次於 ChatGPT、把 Kilo Code / Claude Code / Cline 全壓在身後。本文拆解 3 個結構性原因:provider-agnostic 直接吃 OpenRouter 紅利、開源 CLI 對學術社群的吸引力、Hermes 訓練資料的 agent 任務密度。

Hermes Agent NousResearch OpenRouter
Claude Code 接本地模型還能上網嗎?2026 完整接線圖(Ollama / claude-code-router / Web Search)
2026/05/07 · Claude Code · 27 min

Claude Code 接本地模型還能上網嗎?2026 完整接線圖(Ollama / claude-code-router / Web Search)

Claude Code 把 backend 從 Anthropic 換成本地 Ollama,三條 env var 搞定。但內建 WebSearch 工具是伺服器端服務,改接本地後直接失效。本文把兩條官方路徑、四種 backend、Web Search 三解法、6 個踩坑、模型選型一次寫完,文章 URL 餵給 Claude Code 它能照著裝。

Claude Code Ollama 本地 LLM
閱讀系列

按照閱讀順序集中露出 — 從第一篇開始讀更順

4 series
series · 05 篇
Hermes Agent 入門
series · 01 篇
Claude Code 初階班(Pro 版)

專為 Claude Pro 訂閱者($20/月)寫的四堂實戰課:Spec 思維與資安、CLAUDE.md 馴服、Skill/Agent/Loop 自動化、Plugin/MCP/GitHub 接生態系。

  1. 01 Claude Code 入門第一堂:訂了 Claude Pro 之後怎麼開始——4 個 demo + permission mode 4 種 + 邊界 2026/05/20 · 15 min
series · 33 篇
Claude Code 全系列

Anthropic 的官方 CLI agent。Plugin、Hook、Remote Control、Skill、Ralph Loop... 25+ 篇實戰筆記。

  1. 01 我請 AI 幫我把 44 篇舊文重做 SEO:批次 PATCH Firestore、IA 重整、4 個 topic hub 完整覆盤 2026/05/20 · 10 min
  2. 02 MemPalace 知識管理工具完整教學:3.3.5 救援、HNSW 修復、claude -p proxy 省 API 錢 2026/05/20 · 21 min
  3. 03 我把「買網域 + 整站搬家」交給 AI 跑:人類只花 15 分鐘的 8 步驟流程 2026/05/20 · 22 min
  4. 04 Claude Code 入門第一堂:訂了 Claude Pro 之後怎麼開始——4 個 demo + permission mode 4 種 + 邊界 2026/05/20 · 15 min
  5. 05 LLM Wiki 是什麼?Karpathy 知識編譯方案兩週實測(vs RAG、token 降 87%、踩坑筆記) 2026/05/20 · 31 min
  6. 06 AI 寫的前端為什麼都長一樣?「purple problem」歷史考古 + 反 AI 味 system prompt 全文公開 2026/05/19 · 27 min
  7. 07 popularize-slides 開源拆解:用 HTML + GitHub Pages 取代 Keynote / Slidev 做 AI 課程簡報 2026/05/19 · 26 min
  8. 08 Claude Code frontend-design Plugin 完整教學:擋掉 AI 寫的紫色漸層前端(Anthropic 官方) 2026/05/18 · 25 min
  9. 09 Superpowers 暴衝 121k stars、Anthropic 收編,該裝嗎?跟手寫 skill 怎麼選 2026/05/18 · 20 min
  10. 10 Claude Code /powerup 完整教學:10 堂互動課程拆解(2026 最新版,本機 binary 為準) 2026/05/15 · 10 min
  11. 11 Hermes Agent 是什麼?一篇給完全新手看的 AI 工具介紹(白話版) 2026/05/15 · 12 min
  12. 12 Astro base path 不會自動套 markdown 連結:GitHub Pages 部署常見 404 + Claude Code TaskList 補救 2026/05/15 · 19 min
  13. 13 Ralph Loop 實戰:6 個 README 沒講的 Claude Code Stop Hook 踩坑(含 TDD 收斂 prompt 模板) 2026/05/11 · 23 min
  14. 14 RuFlow 是什麼?把 Claude Code 變成 100+ Multi-Agent 群的開源編排器(4 個來源逐項比對真實性) 2026/05/09 · 16 min
  15. 15 用手機控制你的 Mac 寫程式:Claude Code Remote Control 完整教學(含 push 推播 + 全自動配置) 2026/05/08 · 17 min
  16. 16 自製 Claude Code Plugin 必踩的 4 個坑:marketplace、cache、跨平台、credentials 分享 2026/05/08 · 20 min
  17. 17 用 yc-plugin 一行指令上傳 YouTube:完整安裝 + OAuth 設定 + 跟朋友共用 credentials 2026/05/08 · 23 min
  18. 18 從 CLI binary 反查 hidden settings:用 strings + grep 挖出文件沒寫的 settings.json key(Claude Code 實戰) 2026/05/08 · 21 min
  19. 19 Claude Code Plugin 設計拆解:從 zenbu-powers 偷到的 5 個架構模式 2026/05/08 · 19 min
  20. 20 我怎麼用 Claude Code 開源一個工具:claude-self-sync 從 271 行 markdown 變獨立 CLI(Ralph Loop 實戰) 2026/05/07 · 22 min
  21. 21 Claude Code 接本地模型還能上網嗎?2026 完整接線圖(Ollama / claude-code-router / Web Search) 2026/05/07 · 27 min
  22. 22 Claude Code 多機同步教學:用兩個 GitHub repo 同步 ~/.claude(claude-self-sync 開源) 2026/05/07 · 16 min
  23. 23 blog-create Skill 完整總覽:用 Claude Code 自動寫 SEO + AEO 部落格(P0-P3 升級路線圖) 2026/05/07 · 9 min
  24. 24 Brand Voice Profile 完整教學:抽自己寫作指紋擋 AI 腔(Claude Code Skill) 2026/05/06 · 8 min
  25. 25 Live Search Injection:寫文章時讓 Claude Code 即時查證每個數字(防過時 SEO 死亡) 2026/05/05 · 7 min
  26. 26 Claude Code /loop vs /schedule 差別完整解析(2026 實測) 2026/05/05 · 17 min
  27. 27 部落格 SEO 量化計分表:12 條 100 分公式,寫完 < 80 分必補完才能發 2026/05/03 · 8 min
  28. 28 Karpathy CLAUDE.md 規則紅到 108k stars:值得照抄嗎?四條規則完整解析 2026/05/03 · 7 min
  29. 29 Claude Code 安裝教學:macOS / Windows 完整步驟 + 4 大企業內訓常見踩坑 2026/04/23 · 10 min
  30. 30 Anthropic pptx Skill 完整教學:叫 Claude Code 做簡報,12 分鐘從逐字稿生成 .pptx 2026/04/22 · 8 min
  31. 31 AI 概論初階班 第一堂 Part 1:你只用了 Claude Pro 的 10% 能力 2026/04/22 · 7 min
  32. 32 Claude Talk to Figma MCP 教學:一句話讓 Claude Code 畫系統流程圖(16 分鐘實測) 2026/04/21 · 6 min
  33. 33 Claude Code Ralph Loop 是什麼?用 Stop Hook 攔截 AI 摸魚的監工 Skill 完整教學 2026/04/20 · 2 min
series · 23 課
Kubernetes 教學系列

完全沒碰過 K8s 的新手向。每一課對應一個搜尋意圖,從「為什麼需要 K8s」一路講到上線、Probe、HPA。

更多主題(HPA、Probe、Helm、RBAC、StatefulSet…)持續補上中。

Motto
我輩修行之人,以 的標準要求自己,以 的眼光理解別人。

不怕死,只怕不過癮。