我的技术博客

一个话题输入，全自动研究输出。本文介绍如何用 Claude Code Skills + NotebookLM 构建端到端的 YouTube 视频研究工作流，实现从搜索、筛选、分析到生成报告的全自动化。

基于 YouTube 8 个精选视频的深度研究，使用 NotebookLM 自动分析生成。本文将带你理解 Claude Code Skills 的核心概念、与 MCP 的区别、技能构建六步法，以及实战工作流应用。

在水文监测后台管理系统中，视频设备接口需要返回缩略图鉴权信息，看似简单的需求却踩了几个坑：双重鉴权体系混淆、API 响应类型转换失败、缓存时间设计不当……本文记录完整的开发过程与问题解决。

在实际开发中，接口返回数据不一致、缺少关键字段、返回结果无序等问题经常困扰前端同学。本文记录了两个典型的后端 API 优化场景：为接口补充友好字段、为统计数据添加排序，分享问题定位思路和最小侵入式修改方案。

在一次工具迁移过程中，我遇到了一个经典的 API 兼容性问题：原工具使用 DuckMail（需付费 Token），我将其改为免费的 Mail.tm API 后，验证码邮件始终收不到。本文记录了完整的排查过程，以及如何通过”诊断增强”而非”绕过”的思路解决问题。

前端用 flv.js 播放 HTTP-FLV 视频流时，经常会遇到跨域、HTTPS 混合内容、鉴权等问题。本文记录了我用 Nginx 反向代理解决这些问题的完整过程，以及踩过的坑：HEAD 误判、GET 才触发 401、上游地址混淆等。

你有没有发现，让 AI 写前端代码时，出来的页面总有一种”能用但不精致”的感觉？组件像默认样式拼装、颜色只用一两个、层级靠字体大小硬拉开——功能是实现了，但就是不像一个成熟的产品。

今天我用一个任务管理界面的实际案例，对比展示使用 frontend-design skill 前后的差异。看完你就会明白：一个小小的 skill，如何让 AI 输出从”表单页”进化成”产品级界面”。

aioffice 是一款基于 VSCode 二次开发的 AI 编程工具，提供了 AI 对话、代码补全等功能。为了能在其他工具（如 opencode、Continue 等）中复用 aioffice 的 AI 调用额度，我开发了一个反向代理服务，将 aioffice 的后端 API 转化为标准的 OpenAI 兼容格式。

最近开发水文监测系统时遇到了多数据源切换问题：明明存在的表却报 “Table doesn’t exist”。本文记录排查过程和解决方案，希望能帮助遇到类似情况的朋友。

终于拥有了自己的技术博客！这篇文章记录了整个搭建过程，从 Hexo 安装到 GitHub Pages 部署，希望能帮助到想搭建博客的朋友。