博客性能排查与优化实战：从「测速惨败」到「拨云见日」

本文详细记录了一次生产环境博客性能排查的完整过程。面对全国测速响应超时5-10秒的“惨败”，作者从网络层入手，逐步排除了GFW干扰，深入服务器应用层，诊断出Laravel生产缓存缺失、Redis未启用、会话使用数据库等关键问题。通过将缓存与Session驱动切换至Redis、生成全量生产缓存、延长静态资源缓存时间等一系列优化，将低并发响应提升至约0.5秒。文章最终揭示了PHP-FPM的ondemand模式在高并发测速下的瓶颈，并分享了适合低流量站点的优化决策与部署清单。

彻底告别“手滑”：前端小白也能看懂的弹窗（Modal）交互优化指南

本文是专为前端新手准备的弹窗交互优化指南。深入剖析常见的“手滑误关弹窗”问题根源，从浏览器事件机制讲起，清晰地解释了为何拖拽选中文本时会导致弹窗意外关闭。文章不仅提供了详细的问题排查步骤（包括console.log与开发者工具实战），更给出了核心解决方案——通过将弹窗的遮罩层与内容层重构为“兄弟平级”的DOM结构，从根本上杜绝误触。文中还提供了Vue、React、Alpine.js及原生JavaScript等多种框架下的修复代码示例，助你彻底告别糟糕的交互体验。

Google AI 编程工具实战避坑指南

本文详细解析了Google最新AI编程工具Antigravity IDE和Gemini CLI的实战避坑指南。针对开发者最常遇到的网络登录、账号限制、环境配置等核心问题，提供从开启VPN TUN模式、使用Antigravity-Proxy工具优化流量，到借助Antigravity Manager管理账号、迁移VS Code设置及解决Gemini CLI中文乱码等一系列切实可行的解决方案，助你高效上手这两款强大的AI编程助手。

浏览器反指纹插件导致 Filament 后台空白的排查全过程

记录一次由浏览器反指纹插件（Anti-Fingerprint）引发的 Filament 4 后台空白问题排查全过程。 问题表现为内容区域空白、Livewire 报 JS 错误，换浏览器却完全正常。排查过程历经 session 清理、 资源检查、版本升级等多个弯路，最终发现根因在客户端——插件在 document_start 阶段替换了底层 API，导致 Alpine.js 初始化链路中断。文章总结了六步标准排查流程，核心是：换浏览器能用时， 先开无痕模式验证，30 秒排除客户端环境变量。

CC-Switch 安装与使用完全指南

CC-Switch 是一款开源桌面工具，支持在 Claude Code、Codex、Gemini CLI 之间一键切换 API 配置，还提供 MCP 服务器管理、Skills 管理、Prompts 管理和云同步功能。本文详细介绍 Windows 安装步骤和基本使用方法。

告别蛇年，迎接马年

Claude_Code_Skills 更新后指南

本文深入介绍 Claude Code Skills 的完整使用指南，涵盖从基础概念到高级实战的全流程。Skills 是一种遵循 Agent Skills 开放标准的扩展机制，通过创建 SKILL.md 文件即可为 Claude 添加自定义能力。文章详细讲解了技能的存储位置（企业级、个人级、项目级、插件级）、SKILL.md 的 YAML 前置元数据配置、调用控制策略（用户调用、Claude 自动调用、背景知识模式），以及工具访问权限控制。进阶部分包括动态上下文 注入、子代理执行模式、支持文件管理等高级特性，并提供代码库可视化、Issue 自动修复等实战场景示例

女儿第二次国际象棋线下赛

女儿第二次参加国际象棋线下赛，取得了3胜2负的优异成绩并获得二等奖。这次经历不仅让她感受到胜利的喜悦，也让我们思考当下儿童教育中的竞争与乐趣。文章分享了比赛中的几个小插曲，包括轻敌的教训、孩子们的外向与攀比，以及他们在课外活动中的自发学习。

Filament 后台系统日志布局与换行修复实战：从 Tailwind 失效到稳健方案

本文记录了 Filament 4.x 后台日志页面的布局修复实战，解析了 Tailwind 工具类失效的根因，并提供通过 panels::head.end 注入稳健 CSS 方案的完整步骤。

Claude Code 自定义 Skill 开发指南

本文介绍了 Claude Code v2.1 新推出的 Agent Skills 功能，通过实战案例演示如何创建个人级别的自定义技能。文章以"技术博客生成器"为例，详细讲解了技能目录结构设计、触发条件配置、核心提示词编写等完整流程，并提供了内容结构规范、代码处理规范、可视化规范等实用指南。适合希望提升文档整理效率的技术人员参考。