余弦の博客

Community highlights: Vercel discloses a security breach caused by a compromised third-party AI tool; sizes="auto" reaches full browser support, finally ending the era of hand-written sizes attributes. Curated articles cover Git 2.54's experimental git history command, Shopify performance optimization, and the 2026 technical SEO guide. Fun sites include the WebGPU-powered million-blade grass landscape False Earth and a pure-CSS recreation of Apple's Vision Pro scroll animation.

文章是一篇充满个人思考与生活感悟的年度总结，作者回顾了2024年在工作、情感、成长与技术探索中的点滴经历。从跳槽到面对对象抑郁的挑战，再到对AI时代的反思与自我成长，他强调了保持真实、不设限、重视内心需求的重要性，并分享了多个开源项目和前端周刊的实践，展现了在技术与生活中追求平衡、持续输出的积极态度。

这篇文章是作者对2024年生活的深情回顾，涵盖了生活、工作、情感、消费、美食、旅行、游戏和追番等多个方面。他以“现充”自居，分享了这一年中购置的新设备、最爱的美食、难忘的旅行经历、深度游玩的游戏体验，以及对生活态度的反思——学会爱自己、爱世界，并在浮躁的互联网环境中保持内心的平静与快乐。

文章是一篇充满生活气息的年度旅行记录，作者以轻松幽默的笔触回顾了2025年走遍多个城市（如澳门、深圳、丽江、大理、成都、上海、长沙等）的旅行经历，重点分享了云南丽江和大理的深度体验，包括住宿、美食、景点打卡和当地人文感受，并穿插了远程办公、咖啡厅探店等数字游民日常，整体传递出对自由旅行和慢生活的热爱。

本文详细记录了将 Electron 桌面应用通过 TestFlight 上架的完整流程，包括配置 Mac App Store 分发所需的证书、Provisioning Profile、API Key 以及 Electron Builder 的 MAS 配置，并通过 GitHub Actions 实现自动化构建与上传。重点强调了多个易错点，如 Bundle ID 一致性、API Key 权限和证书导出问题，同时提醒该流程耗时且消耗大量 GitHub Actions 免费额度，建议优化触发策略或自建 runner。

本文介绍如何构建一个安全、透明且友好的交互式 CLI 工具，用于自动化 fork 仓库的同步更新，支持工作区状态检查、变更预览、冲突检测与处理，并提供博客内容的备份与还原功能。工具基于 React 和 Ink 实现，采用 useReducer + Effect Map 的状态机设计，实现清晰可控的流程管理，同时通过 dry-run 模式和配置驱动的备份系统保障用户数据安全。

文章介绍了在无GUI环境下批量压缩历史图片的实践过程，最终选择ImageMagick处理中小图片、libvips处理超大图片（如100MB+全景图）的组合方案。通过mogrify和vipsthumbnail命令行工具实现高效批量压缩，并强调了备份的重要性与处理大图时内存溢出的常见问题，同时提供了优化JPEG压缩质量的多种ImageMagick参数组合方案。

本文介绍了蚂蚁集团 AntV 团队推出的 Infographic 框架，一个专为 AI 时代设计的声明式信息图表渲染引擎，支持多种可视化模板和实时流式渲染。通过在 Markdown 中使用简单语法即可生成列表、流程、对比、层级、图表等类型的信息图，提升技术文档和博客内容的可视化与可读性。

Worktrunk 是一个简化 Git Worktree 操作的 CLI 工具，通过分支名即可快速创建和切换独立工作目录，特别适合并行开发或多 AI Agent 场景。它提供丰富的命令（如 `wt switch`、`wt merge`、`wt select`）和 Hook 系统，支持自动化流程、CI 集成、LLM 生成提交信息等功能，大幅提升开发效率和可维护性。

A complete usage guide for the astro-koharu blog, including quick start, configuration, article system, UI features, and more

本文实现了一套可插拔的圣诞节日特效模块，通过 React Three Fiber 与 GLSL 着色器实现双层3D雪花飘落、CSS动画彩灯装饰、SVG圣诞帽及可拖拽开关等功能，结合 nanostores 实现跨组件状态管理，并优化性能与移动端适配，整体设计注重视觉层次感、用户控制与跨框架兼容性。

本文提出了一种轻量级的CSS-only低质量图片占位符（LQIP）方案，通过构建时使用Sharp提取图片四象点主色，生成紧凑的18字符十六进制字符串，运行时解码为CSS线性渐变，实现零运行时开销和极小体积（约42KB/1000张）。方案支持内部图片自动处理，外部图片通过纯色降级，并优化了存储体积与可读性平衡，适用于静态站点生成器如Astro。

本文作者分享了自己使用Claude Code近4个月的实战体验，重点总结了其在开发复杂Swift音视频APP过程中的使用感受与最佳实践。文章强调Claude Code Max在辅助编程、任务规划、代码生成和自动化流程中的强大价值，尤其通过Plan Mode实现从0到1的项目规划与迭代，并推荐了自定义Skill、Happy工具等提升效率的方案，认为其性价比远超价格，且能显著提升开发效率与质量。