Jasper Hung

為部落格文章加一顆「貼給 AI 整理」按鈕，點一下就複製包好的 Prompt。記錄為什麼不叫「AI 幫我整理」、視覺動效怎麼收斂，以及 Prompt 裡行銷與引用署名的界線。

Bing Webmaster Tools 回報 18 篇頁面缺少 Title，其實是 raw markdown 端點被當成 HTML 檢查。記錄排查過程，以及在 GitHub Pages 前用 Cloudflare 注入 X-Robots-Tag: noindex 的做法。

Spokenly 串 Gemini，一次 API 取代 STT 加 LLM 潤飾兩段：實測把 Prompt 放進關鍵術語欄、一晚撞上免費層每天 25 次，再用實驗室跑 27 次請求，查出 Flash 會回答、Lite 只轉錄。

文章定稿後跑一次去 AI 味 skill、只改部分詞彙，會不會打破 LLM 文字浮水印？整理 OpenAI textGrain 與 Claude 浮水印的官方說明，再把三篇文章丟進 GPTZero 與 Copyleaks：同一篇一邊判 77% AI，一邊判 0%。

記錄 Codex Project 如何以 RSS 標題與描述生成封面：先完成 10 張試稿，再用近 115 分鐘生成 113 張；檢查中央 70% 的 4:3 安全區後，由 Claude 工程端輸出 1.91:1 OG 圖與 4:3 縮圖，只在 OG 圖燒入浮水印。

Azure DevOps Pipeline 如何用 Claude Code 自動審查 PR？本文整理 OAuth Token 與 Team／Enterprise 條款、System.AccessToken 的分步隔離，以及防範 Prompt Injection 的 YAML 實作。

Azure Pipelines 使用 System.AccessToken 觸發另一個 repo 的 pipeline，卻收到 The repository could not be retrieved？本文說明如何確認 Build Service identity，並在 Manage security 設定 Queue builds 與必要的 queue-time configuration 權限。

Azure Pipelines 在平日 09:00、14:00、16:00 彙整單一 repo 的 Active PR，把核准進度送到 Slack。本文整理 Draft 篩選、[1/2] 計數方式，以及如何用 System.AccessToken 執行查詢。

Release pipeline 發佈後自動回寫 Azure DevOps Wiki，如何用 ETag 與 If-Match 更新既有頁面？本文也記錄 System.AccessToken 遇到 Wiki 寫入權限錯誤時的設定位置。

Azure Pipelines 週一到週五凌晨掃描 Draft PR、移除 reviewer，卻遇到 TF401027？本文說明這套降低審查清單負擔的自動化，如何用 System.AccessToken 和 Build Service 權限完成。

Azure DevOps Pipelines 跨 repo template alias：本文說明 template YAML 如何展開、checkout 如何取得 repo 檔案，並比較 GitLab、GitHub Actions、Jenkins 與 Bitbucket 的設定重用方式。

ASCII Sharks 是用 Canvas 畫鯊魚與魚群的互動動畫。我把它整合進 Astro 部落格首頁，記錄從 hero 橫幅改成整頁背景、毛玻璃、手機載入與八種鯊魚取捨的過程。原始 renderer 固定黑底，讓 light mode 面板變灰；最後用 CSS 反轉並關掉格線，留下適合閱讀的首頁背景。

以 Cloudflare Workers 與 D1 架設短網址服務，記錄從專案初始化、資料表設計、Worker 轉址與點擊紀錄，到資料庫 migration、部署自訂網域和用 CLI 管理連結的實作流程，也整理工具鏈遇到的版本問題、取捨與觀察。

以實際部署為例，說明如何把 private GitHub repo 連到 Cloudflare Workers Builds，用 `wrangler.jsonc` 發佈 Vite 靜態網站，並驗證自動部署、`workers.dev` 和自訂網域。流程依 2026 年 10 月操作整理。

受到 HEART 政策島啟發，我用 Three.js 把部落格系列做成可探索的漂浮島群。本文從 1.0 的效能與操作體驗測試寫起，記錄角色轉用 2.5D Sprite、宇宙視覺設計、主題地標和道具，以及生成島與 agent 派工場景的開發過程。

PHP CVE-2026-109618/109619 會影響已改成 serverless 的 Lambda 嗎？本文記錄如何查出 image 仍跑 PHP 8.3.14、確認 Alpine 尚無修補版、快速更換 PHP image，並從 API 回應驗證更新生效。

Cloudflare 發布 tsrs 時提到的「快 2.5 倍」，指 TypeScript 7.1 Beta 相較 7.0；tsrs benchmark 則在相同 worker 數下比 TS 7.0 最多快 8 倍。本文整理 compiler 關係與 Vite 的型別檢查分工。

macOS 26 移除 Launchpad 後，我試用 LaunchOS 並比較替代方案，最後選擇 LaunchNext。本文記錄 Homebrew 安裝、捏合手勢設定、舊排列匯入，以及讓 Agent 用 CLI 批次整理 App 的實際過程與限制。

Orca 支援多個 Claude 帳號，卻不能在啟動 agent 時直接挑選帳號。我為了從手機遠端使用 company 帳號，把閒置的 OpenClaude slot 接到 `claude-company`，再用 shim 與 Orca hooks 修好 Chat UI 找不到對話的問題，並整理實測限制。

之前用 cmux 召喚 Codex 卻傳不了訊息，這次改用 Orca CLI：從 Claude 啟動 Codex、用 tab ID 查 handle 傳訊，並拆解它和 cmux、Claude Agent Teams、codex-plugin-cc 的差別。

Orca Remote Control 教學：用 iPhone 或 iPad 經 Tailscale 配對桌面 Orca，接續 Agent 對話、找回舊 session，並開獨立 Terminal 操作 CLI、啟動 dev server。附 Orca Mobile 下載與 QR code 配對步驟。

Astro 文章原本用 remark-directive 解析 :::info 提示框。本文記錄如何改成 GitHub Alerts 的 Markdown blockquote，移除舊語法依賴，同時保留網站原有樣式。

Cloudflare Diagnostics 顯示網站不支援 Markdown for Agents，但我已有 .md endpoint。本文比較 content negotiation 與獨立 Markdown URL，並記錄如何補上 Agent 讀取文章所需的標題、canonical URL 和摘要。

Cloudflare Diagnostics 的 Quick Wins 提醒我，robots.txt 缺少 Content Signals。我順著提示理解三種用途與 AEO 的關係，再把符合本站目標的設定寫回 repo。這是一次建站觀察，crawler 是否遵守仍待確認。

我替 Blog 加上標題頁內導覽與連結複製：點擊文章內文的 h2 / h3 標題會更新 URL fragment、捲到定位，手機也能直接操作。這個跨裝置設計的靈感，來自我實測 Claude Code 文件的體驗。

Bing Webmaster Tools 報首頁 title 太短，Google 仍顯示網域與舊摘要。我釐清 site name、title link、snippet 和首頁 title 的差別，修正 JSON-LD 與 metaTitle，再用 GSC 和 Bing Live URL 驗證，搜尋結果仍待重抓。

Bing Webmaster Tools 的 Site Scan 掃出 1 個 Error 與 218 個 Warning，我用 Astro build 產物驗證 alt、title、500 與 h1，最後把測試文章的排除需求整理成 production 不建置的 draft loader feature。

Bing Webmaster Tools 的 Site Scan 是全站 SEO 健檢工具。我用 jasperhung.dev 實際設定 Website scope、掃描頁數與通知選項，也記下靜態 Astro 網站要先檢查 Cloudflare bot 防護的原因。

Bing Webmaster Tools 的 IndexNow 沒看到新 URL，我先確認是否需要設定 API key，再追查 Cloudflare Crawler Hints，開啟後檢查 HTML 發現是 DYNAMIC，最後用 Cache Rule 讓文章頁具備快取資格。

一篇 GEO Threads 文建議先把網站交給 Bing，我用自己的 Astro 部落格實測：從 site: 查詢、Bing Webmaster Tools 匯入，到 sitemap 與 IndexNow，最後發現「沒收錄」和「沒有被索引」不是同一件事，也整理出靜態站最省事的設定路徑。

走完 Claude Academy 30 天後的學習路徑整理：AI 能力邊界與 AI Fluency 4D 是所有人的必修核心，再依 AI 新手、AI 使用者、開發者三種身分，選產品入口、深化課程與 AI Fluency 身分別課。

AI Fluency for creative work 課程筆記，整理創意價值透鏡、生產視角、4D 框架與五種 AI 角色，說明創作者如何從不使用 AI 出發，為每項工作決定 AI 的介入方式、揭露與責任。

AI Fluency for pK–12 educators 課程筆記，整理 4D 框架、情境文件與 24 項可觀察指標，從差異化教材、學生資料到個人 AI 價值文件，練習在教育現場保留人的判斷與責任。

AI Fluency for builders 課程筆記，從 4D 框架與建構者六大能力整理人機分工，再用診所等候時間專案實作問題簡報、驗收測試、需求訪談、使用者測試與發布檢查，最後附上課程測驗。

Building with the Claude API 最終評量 23 題，按 API 存取、提示評估、工具使用、MCP、Claude Code 與代理工作流程整理每題考點與答案。

Building with the Claude API 第 57–67 堂，從 Claude Code、MCP 整合走到平行化、串連、路由工作流程與代理取捨，最後用環境檢查把自主行動接回可驗證的結果。

Building with the Claude API 第 47–56 堂，從 MCP 的 server/client 架構走到 tools、resources、prompts 與 Inspector，用一個 CLI 專案把外部資料與預先測試的指令接進 Claude，也整理資源注入的限制。

Building with the Claude API 第 39–46 堂，整理擴展思考、圖片與 PDF、引用、提示快取，以及 Code Execution 與 Files API 的 API 邊界與實作取捨。

Building with the Claude API 第 32–38 堂，從文字分塊、VoyageAI embeddings 與向量搜尋走到 BM25、RRF 混合檢索，實作一條能處理大型文件的 RAG pipeline。

Google 搜尋結果中的 favicon 出現白色外圈，我查了官方規格與平台圖示的 mask 行為，再把它改成圓形並重新產生 ICO 與 PNG；這是針對搜尋結果的實測選擇，不是 favicon 的通用規則，最終效果仍待 Google 重新抓取。

Building with the Claude API 第 20–31 堂，從工具函式與 JSON schema 到多輪對話、串流、文字編輯與網路搜尋，拆解 Claude 的代理迴圈。

Building with the Claude API 第 15–19 堂，從清晰指令、具體要求、XML 標籤到範例學習，整理如何用評估分數逐步改善 Prompt。

Building with the Claude API 前 14 堂，從 API 金鑰、對話狀態、temperature、回應串流與結構化輸出開始，再建立提示評估流程，用資料集與評分器把「感覺變好」換成可追蹤的分數。

Claude Academy 的 Building effective human-agent teams 課程，從單人 AI 走向多人協作，整理 shared memory、shared context、角色、北極星目標與逐步建立信任，也記下我釐清 Team 方案與用量計費的過程。

老闆想用 MCP 讓 agent 回答網站功能，我改用 llms.txt、SKILL.md 和 Copy to agent 按鈕，讓 agent 回到 web 操作並下載規格書。

Claude Academy 的 AI Capabilities and Limitations 後半課程筆記，從上下文視窗的懸崖、迷失在中間與指令遵循談起，整理工作記憶、可操控性和屬性衝突診斷，最後接回 4D 框架與校準信任。

Claude Academy 的 AI Capabilities and Limitations 課程筆記，從生成式 AI 的訓練與下一個詞元預測，整理幻覺、知識截止與嵌入檢索的能力邊界。

Orca ADE 不只是把 Claude Code、Codex 與多個 terminal 放進同一個視窗；它讓 Agent session 留在開著的那台 Mac 上，我用 Tailscale 從手機或另一台電腦接管，工作在裝置之間不中斷。從 cmux 換過來一個月，這是我最有感的一次工具更換。

AI Fluency 課程後半段筆記，整理 Description、Discernment、Diligence 的三層能力、描述—辨別循環，以及使用 AI 時的責任。

AI Fluency: Framework and foundations 課程前半段筆記，整理 4D 框架、生成式 AI 的能力與限制，以及如何用問題意識、平台意識和任務委派做出更好的 AI 協作決策。

Deploying Claude Enterprise with confidence 下半部課程筆記，整理支出上限、可見性、採用訊號與部署方案，並說明新產品推出時如何重新檢查管理決策；實際功能依版本、合約與組織設定而異，適合正在規劃企業導入的管理者。

Deploying Claude Enterprise with confidence 上半部課程筆記，整理企業導入的推出目標、組織與群組設計、介面與連接器權限，以及 Skill、Plugin、Project 的治理選擇；實際功能依版本、合約與組織設定而異。

Introduction to Agent Skills 課程筆記，整理 Claude Code 如何建立、載入、組織、分享與除錯可重複使用的 Skill；實際功能與指令可能依版本、平台與帳號方案而異，也適合想把重複工作整理成可共用方法的 AI 使用者。

The AI-Native SDLC Playbook 課程筆記，從 intent.md、spec.md 與 plan.md 的 committed artifacts 出發，整理 Skills、continuous evals、AI review、hooks、CI/CD 與 control band 如何把 AI 開發流程串成可治理的閉環；功能與方案會依版本、平台和組織設定而異。

Introduction to Subagents 課程筆記，整理 Subagent 如何透過獨立 context window 隔離探索工作、用 /agents 建立自訂代理，並以輸出格式、障礙回報與工具權限設計可靠的委派流程，適合研究與程式碼審查工作。

Model Context Protocol 進階課程筆記，整理 Sampling、Roots、通知、Stdio 與 StreamableHTTP 的雙向通訊、SSE 連線和狀態取捨。

Introduction to Model Context Protocol 課程筆記，從 MCP 客戶端與伺服器開始，整理工具、資源、提示和 Inspector 的分工與實作流程。

Gemini AI Mode 的對話或網頁文章不必再手動複製貼上，Modern MarkDownload 能把目前頁面下載成 Markdown，調整下載位置與輸出格式，再接進 Agent 與 Obsidian 的知識整理流程。

macOS 26 跳出 Sublime Text 是 Intel app、支援即將結束的提醒，我才決定從 ST3 升級到 ST4；升級後未存檔分頁、project、命令列編輯習慣都保留，讓我繼續把它當成隨開隨記的純文字筆記本，也不用重新整理所有設定。

Claude Code in Action 課程筆記，從 /goal、/compact、Routines 與 headless，到 Hooks、權限模式、GitHub Actions、Code Review 和 Plugin，整理讓 Agent 長時間工作的設定與驗證方法。

Claude Platform 101 從 Messages API、模型選擇與 agent loop 出發，整理 Tool use、Extended thinking、Skills、MCP、Context management 與 Managed agents 的分工。

Claude Cowork 簡介後半段，整理 Claude in Chrome、Microsoft 365 附加元件、技能評估、團隊分享與安全工作的實用邊界。

Claude Cowork 課程前半段筆記，整理工作資料夾、連接器、權限、委派、多步驟任務、全域指示、Projects、Skills 與 Plugins；功能會依版本、平台與帳號方案而異。

Claude Code 101 課程筆記，從 AI 編碼代理、權限與 context 開始，整理 Explore → Plan → Code → Commit 工作流程，再介紹 CLAUDE.md、Subagent、Skill、MCP 與 Hooks 的角色與使用情境；實際功能會依版本、平台與帳號方案而異。

Claude 101 從第一次對話與有效 Prompt 開始，整理 Claude 的核心能力、工作方式、Projects、Memory、Artifacts、Skills、Connectors、Research 與企業搜尋。

我從 Claude Academy 挑選 18 門課，安排成 30 天學習挑戰，從 Claude、Claude Code、Cowork 到 MCP、AI Fluency 與 Claude API，整理每堂課值得帶回工作的實用重點。

選定一套公開的 LLM Wiki 實作後，我先用它把 50 個 summaries 批次整理成 wiki，再依自己的語言、資料結構與工作方式加上 wiki-ingest 與 changelog，讓外部 skill 逐步變成可持續維護的知識系統，也說明為什麼先站在公開實作上再疊加，比從零重寫更適合我的工作流。

手上有多篇散落、互相重疊的知識，怎麼整理成一份之後真的能用的理解？這篇介紹 Karpathy LLM Wiki 的原始架構、三個工作流程、repo 選型，以及它和 OpenSpec 的相似邏輯。

我為了檢查 AEO 測試 blog，卻在 Google PageSpeed Insights 找到值得修的效能問題：移除不必要的 Google Fonts、把 CSS inline 到靜態 HTML，讓 FCP 從 2.6 秒降到 1.7 秒，縮短 0.9 秒，Performance 從 84 提升到 95。

AEO 不是把文章改成只給 Agent 看的格式，而是用漸進式披露，先讓人和 Agent 理解文章價值，再決定是否深入閱讀。從 GitHub Raw、TL;DR 到部落格的 KeyTakeaways，這篇整理我如何把問題、答案與限制放在文章前面，同時保留正文的脈絡、推理與轉折。

AI Agent 幫忙測試時，常會啟動 dev server 卻忘記關掉，留下難以追查的 localhost port。Ports 是免費的 macOS menu bar 工具，讓我看見服務狀態，並快速跳到 terminal 或結束 process。

Obsidian MCP 讓 AI 助理能直接搜尋、讀取本機 Obsidian vault 裡的 Markdown 筆記全文，不必再手動回想關鍵字或指定資料夾。這篇記錄我為什麼選 MCPVault，以及它跟 OpenMemory、對話摘要三者怎麼分工。

臺灣 AI Workshop、meetup 與黑客松為何突然密集？從模型公司、在地 Organizer 到跨職能參與者，看見 AI 如何透過社群走進每個人的工作流程。

Luma 活動頁上自動吃光點的貪食蛇，不只是 Canvas 裝飾。從公開 JavaScript bundle 逆向出主題、演算法與可由訪客接管的完整互動系統。

Luma 看起來只是一張簡潔的活動頁，卻把報名、通知、收款與推廣串成完整流程。從它的設計選擇，看見真正的簡單不是功能少。

釐清 Google Search Console 的 redirect 報表、HTTP→HTTPS 導向，以及 Cloudflare 與 GitHub Pages 之間的兩段 TLS 驗證。

照文件執行遞迴 chmod 後，Mac 的 CPU 飆高、風扇持續運轉。這次從 Spotlight 索引排查，到一次排除所有 Git 開發專案。

從 Threads 認識 Digital Garden 後，我發現自己未必需要反覆修改同一篇文章。用系列文把一個個小問題串起來，也能讓知識持續生長成一片森林。

手機遠端控制不只能接手既有工作。把 Remote Control 放進 summon script 後，我能直接從手機召喚新 Agent，並立即接手工作。

當我已經知道要叫誰、用哪個帳號時，不必再讓 Skill 一題一題問。把 cmux 啟動流程抽成 summon script 後，能直接使用，也能讓 Skill 少帶一大段操作細節。

我把「開一個新 AI、套上指定 Agent、選帳號與工作位置」做成 summon-agent Skill，讓 Claude 透過 cmux CLI 建立一個真正可長駐協作的工作現場。

Agent 需要的是角色與 routing，不是每一份 Skill 的完整手冊。把 Skill 留在共同來源、讓 Agent 按需 reference，才能避免多帳號與多 Agent 的規則慢慢分岔。

把 CLAUDE.md 與 AGENTS.md 當成自己能控制的最高常駐 instruction layer 後，我用 Token Diet 重新判斷哪些規則該留下、哪些該延後讀取。

Skill 不是裝得越多越好。我用 Claude Code 內建的 /doctor 健檢盤點裝了什麼，再從 subagent 啟動時的 context 成本出發，重新分辨預載、按需讀取、共同 reference 與移除四種去處。

Claude 與 Codex 的 Agent 格式不同，是否就得維護兩套？我用 shared contract、registry 與 runtime adapter，把角色設定拆成各自只有一份權威來源。

同時使用個人 Claude、company 帳號與 Codex，不必維護三套工作環境。把登入與額度分開後，Skills、MCP、規則與 Agent 都能維持各自的單一來源。

升級 macOS 26 後 Mac 常常發燙？這次實測發現 BetterDisplay 4.3.4 的 App menu caching 持續吃掉 43% CPU；關閉後立即回到 0%。

Mac 外接 2K 螢幕字太小，直接降解析度又變模糊？用 BetterDisplay 開啟 HiDPI 縮放，讓桌面變大、文字仍維持原生 2K 的銳利度。

手機已連上 Tailscale，卻打不開 Mac 上的本機網站？這次實測發現，關鍵通常不是 DNS，而是 dev server 是否監聽所有網卡。

ChatGPT Classic 是什麼？就是改名後的舊版 ChatGPT App：Codex App 升級成新版 ChatGPT，舊 ChatGPT 改叫 Classic。這篇用我實際更新的過程，整理兩者差別、左欄 Chat／Work 怎麼分，以及額度各走哪個 pool。

Oysterun 不是另一條 SSH 管線，而是一套自帶手機對話、檔案瀏覽與通知的本機 AI Host。它以 Tailscale 打通手機與電腦，也換來一套新的工作介面。

Claude Dispatch 不再只是綁定一個 Cowork session 的獨立介面。它現在像一個持久的派工中樞，依任務類型分流到 Cowork 或 Claude Code。

實際用手機接手 AI 工作後，我發現 Codex Remote 對我的 workflow 更順：隨時回到任一專案或對話，而不是只能接住一條預先開放的 session。

手機已經能透過 Tailscale SSH 回 Mac 之後，Termius、Attach、Reattach、Moshi 的差別不在能不能連線，而在 terminal、tmux 與弱網操作的摩擦。

第一次用 Claude Code Remote Control 從手機接手 Mac 上的工作，才發現遠端控制最重要的前提：真正執行工作的電腦不能睡著。

想從手機 SSH 回自己的 Mac，不一定要處理公網 IP、路由器或 port forwarding。先用 Tailscale 把手機和 Mac 放進同一個私有網路，再開啟 SSH。

Agent 能去另一個 repo 工作，卻不一定會讀專案規則。這篇整理原因，以及用全域規則補上的做法。

一張 Spokenly Dashboard 的 WPM 卡片，讓我從中英混雜字數、打字機時代留下的 Standard Word 慣例，一路追問到「節省時間」究竟該怎麼算。

Typeless 讓我開始用口述時間、字數和節省時間觀察自己的 workflow。換到 Spokenly 後，我從本機 History log 做了一個靜態 Dashboard，讓後續調校有資料可看。

Spokenly 的 History 同時留下原始轉寫與 AI 潤飾結果。我把這些紀錄交給 LLM 分析，找出固定誤辨，再把 Typeless 的閱讀感拆成三個可持續調校的旋鈕。

把 Spokenly 的 STT 從雲端搬到本地 Whisper：不需要額外 GPU，加入本地 Prompt 與 Word Replacements 後，雲端 API 成本再降超過 90%，只剩約 $0.3／月。

從 Typeless 的固定訂閱改成 Spokenly BYOK：建立兩把 OpenAI API key、拆開 STT 與 LLM 成本，並用實際 Usage 判斷哪種計價適合自己。

Vibe Coding 不只是寫好 prompt。當長時間和 AI 討論，口說能保留容易被鍵盤壓縮的意圖與脈絡；這是我從 macOS Dictation 到 Typeless 的起點。

昨天插圖才發現 Astro blog 沒有內建圖片燈箱。我從候選套件、GitHub stars 與官網 demo 開始比較，最後選了支援手指縮放的方案，並把圖片說明文字整理成可維護的 figure/figcaption 結構。

OpenMemory 裝好後，真正的問題不是會不會存，而是怎麼把記憶策略寫進 System Prompt。這篇整理我怎麼收斂查詢時機、寫入準則，和三層記憶分工。

OpenMemory 本地自架怎麼設定？這篇接續說明 Docker 啟動、MCP 串接與 OpenAI API key 的選擇，拆解 API、Qdrant、Dashboard 三個服務、記憶寫入與語意搜尋流程，並用跨對話、跨帳號、跨 AI 的水果清單 DEMO 驗證記憶如何被找回。

AI 工具能記住使用者輪廓，卻常遺漏跨 session 的專案決策與協作細節。這篇從 GitHub 社群方案出發，依本地／雲端、AI 接入、寫入與搜尋方式比較 OpenMemory、claude-mem 等工具，再與 Notion、Obsidian 對照，說明我為何選擇可自架、跨 LLM 共用的 OpenMemory。

跟 AI 一起完成任務後，最有價值的不是最後產物，而是那段被調整出來的流程。這篇整理為什麼要趁 session 還在，把任務沉澱成下次可直接呼叫的 Skill / SOP。

AI 對話框裡常常藏著解法、試錯和判斷理由。這篇整理我為什麼會在 session 結束前請 AI 匯出 Markdown，把一次對話保存成未來可以搜尋、引用和再加工的知識材料。

從數位分身圖片生成的踩坑經驗出發，整理生圖 Prompt 的寫法：先定義意圖，再處理風格、主體、場景和限制，並對照 OpenAI、Google、Midjourney 的官方建議。

從工程角度打造數位分身，記錄圖片生成 AI 如何在 Prompt、參考照片、風格一致性和模型美學之間失控，最後理解用文字駕馭圖片為什麼這麼難。

Blog 的 layout 從開始就決定了：跟 Claude、ChatGPT、Cursor 長一樣。不是巧合，是刻意的——既然內容是 AI cowork 記錄，形式本身就應該呼應這件事。

LINE 分享截圖有圖才驚覺 OG image 必做。從規格研究、設計工具、safe zone 思路，到 Canvas API 踩的三個坑——build-time 自動生成的完整過程。

搭建個人識別系統，從 favicon 延伸 AuthorCard 再到 About 頁。AI 生成圖選圖、About 文案怎麼寫，還有 iOS Safari 的 100dvh bug 一次說完。

Markdown 插圖的兩個痛點：1. 路徑太長：用資料夾結構 + 相對路徑解決管理；2. 體積太重：用 macOS 內建 sips 解決壓縮，一行指令壓掉 90%，不用裝任何東西。

Dark Mode 切好了，但 code block 還是黑的。從 CSS class-based 架構、防閃爍 FOUC，到換掉手刻 code block——讓整個 blog 讀起來真正舒服。

寫了文章沒人看等於白做。RSS 讓讀者訂閱、GSC 送給 Google 索引、AEO 讓 AI crawler 讀懂你——三種設定，一次說清楚。

從框架選擇表到孤島架構、Vue 式語法、CSS scoping，一篇說清楚我為什麼不選 Next.js 的文章。

從 GitHub Pages 出發到個人品牌 domain 架設過程，還有那些走過才會遇到的坑。