All Posts

新购服务器后用 AI（Claude Code）把旧机服务原样复刻过去：certbot HTTPS、Go 单文件博客、反馈数据的逐字节迁移。全程只卡一次壳（云防火墙放行 443）。沉淀了勘查→复刻→对照源机验证的方法，以及四个「假 Bug」的判断经验。

Notes from reading Hedy Zhang's 10,000-word guide on delivering enterprise AI knowledge bases from 0 to 1: the real difficulty is never the model — it's documents, people, permissions, systems, scope, and acceptance. Includes an implementation checklist.

把 Claude 里常用的两个 MCP（codebase-memory-mcp、codegraph）注册成豆包工作自定义连接器的完整过程：登录入口、STDIO 配置、保存重启与踩坑。

给两个 AI 编程助手装了同一套 25 个 Ark CLI 技能后，顺藤摸瓜把它们的 Skill 与 MCP 加载机制对比了一遍：技能是惰性加载（目录常驻、正文按需读），MCP 是启动即连、工具定义常驻注入上下文（这就是'token 税'的来源）。用本机真实配置、会话日志和二进制字符串三层证据验证，并附上踩到的真实坑。

记录 Windows 下 bun 安装失败的完整排查过程：pnpm 全局 shim 失效导致"命令存在却跑不起来"，官方安装器卡死，以及利用 bunx.exe 与 bun.exe 同源救回安装的整个过程。

How indexing C:\codes\zhimalab with codebase-memory-mcp failed: a catch-all error swallowed the real cause, two red herrings (a broken cache tree and C:\tmp's DACL) led me astray, and a clean clone + file bisection finally pinned it to an 85-byte stray file named nul — a Windows reserved device name.

A minimal explainer of WebAssembly: what it is, the five fundamental problems it solves, and when not to use it. It is not about “JS being slow” — it is about the capability ceiling of the Web platform.

Using Zhimalab as an example, this breaks down a complete Astro i18n solution: /en-prefixed routing, layered i18n dictionaries, multilingual blogs and content collections, React islands and Phaser in-game copy, hreflang/SEO wrap-up, and a pitfall checklist.

Building a self-hosted RAG knowledge base in Python on an Ubuntu server: LanceDB as the vector store, fastembed running the BGE Chinese embedding model locally, DeepSeek for generation, exposed via FastAPI. Includes 5 real pitfalls.

An online steel tongue drum simulator — tap the tongues and ring out ethereal sounds. Switch freely between 8/15 tongues, four visual themes, with recording and playback. Whatever you tap sounds good — kids and adults can both play.

Tap glowing bubbles to spell words — spell a noun correctly and the real object pops out! Today I spent 2 hours with AI building a little game for my child, and he couldn't stop playing. This proud dad is delighted.

A complete account of upgrading this site from Astro 6.4 to Astro 7.1: strict Rust compiler validation, Vite 8/Rolldown config migration, the regression caused by JSX whitespace rules, and real numbers showing a 2.7x build speedup.

A record of debugging the online freeze in the bubble-bliss game: from Playwright reproduction and algorithm simulation to pinpointing an infinite loop and memory blowup caused by 'merging while iterating', plus a two-phase fix.

Starting from Model Context Protocol, a full inventory of the MCP servers running in my current dev environment — code knowledge graph, Godot engine, browser automation, local RAG, Node executor, chart and image processing — and how they combine into an AI coding workflow.

The live site showed whitespace on both sides and a scrollbar not at the rightmost edge of the viewport. This records the full investigation-to-fix process — three root causes: body overflow-hidden, the sidebar layout, and an overly broad global CSS selector.

A record of an issue where a static file in Astro's public directory conflicted with a page route, causing a production page to render incorrectly, and its solution.

No description...

A chat about React useMemo — curing your components of their "fidgetiness".

A debugging tale where grade-level modalization and a build error took the stage at once, told in Heshen's voice — the tussle and lessons from mistake to fix.

No description...

div layout, preventing collapse, removing scrollbars, flex vs grid, mobile floating buttons — practical notes for making pages breathe smoothly

A deep dive into what causes page jitter in React components, and how to solve this common problem with a pre-allocated placeholder strategy and consistent DOM structure.

The Lord Coding Express cracked the contextmenu blocking puzzle with a brilliant solution — your servant admires it to no end

A detailed breakdown of the complete solution for making tool pages fill the screen, covering seven key points across component level, layout level, page configuration, plus an implementation checklist and before/after comparison.

A philosophical meditation on frontend shortcut conflicts — writing code is like living life, you need to know where the red lines are.

Resolving the issue where the English word dictation tool allowed Chinese characters to be typed, ensuring only letters can be entered

When butterflies vanished in the browser, I searched for zen in the cracks of the code

An engineering journey from idea to usable tool: implementing camera + screen overlay, fullscreen preview, resolution control, HiDPI sharpness and cropping fixes, plus lessons on AI-assisted programming.

Gather Linux system resource info and organize it into Excel

How to resolve a Git push conflict when the remote repository contains a License or README but the local repo is freshly initialized.

A record of the build errors encountered while setting up an Astro + React static blog, their root causes and solutions.