[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"public:announcements":3,"public:navigations:zh":4,"category:detail:tools:zh":56,"footer:categories:zh":71,"category:posts:tools:zh:1":180},[],[5,18,25,33,41,49],{"id":6,"title":7,"url":12,"icon":13,"parent_id":13,"location":14,"order":6,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},1,{"zh":8,"en":9,"ja":10,"zh_TW":11},"首页","Home","ホーム","首頁","\u002F",null,"header",true,false,"2026-09-30T18:09:54.251095Z",{"id":19,"title":20,"url":24,"icon":13,"parent_id":13,"location":14,"order":19,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},2,{"zh":21,"en":22,"ja":23,"zh_TW":21},"文章","Posts","記事","\u002Fposts",{"id":26,"title":27,"url":32,"icon":13,"parent_id":13,"location":14,"order":26,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},3,{"zh":28,"en":29,"ja":30,"zh_TW":31},"分类","Categories","カテゴリー","分類","\u002Fcategories",{"id":34,"title":35,"url":40,"icon":13,"parent_id":13,"location":14,"order":34,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},4,{"zh":36,"en":37,"ja":38,"zh_TW":39},"标签","Tags","タグ","標籤","\u002Ftags",{"id":42,"title":43,"url":48,"icon":13,"parent_id":13,"location":14,"order":42,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},5,{"zh":44,"en":45,"ja":46,"zh_TW":47},"关于","About","概要","關於","\u002Fpage\u002Fabout",{"id":50,"title":51,"url":55,"icon":13,"parent_id":13,"location":14,"order":50,"is_active":15,"target_blank":16,"created_at":17,"updated_at":13},6,{"zh":52,"en":53,"ja":54,"zh_TW":52},"留言板","Guestbook","ゲストブック","\u002Fpage\u002Fguestbook",{"id":57,"name":58,"slug":62,"description":63,"icon":68,"color":69,"cover_image":13,"created_at":70,"post_count":34},7,{"en":59,"ja":60,"zh":61,"zh_Hant":61},"Tools","ツール","工具","tools",{"en":64,"ja":65,"zh":66,"zh_Hant":67},"Development toolchain and productivity tool recommendations to supercharge your development experience","開発効率を飛躍的に向上させるツールチェーンと生産性ツールの推奨","开发工具链与效率提升利器推荐，让你的开发体验如虎添翼","開發工具鏈與效率提升利器推薦，讓你的開發體驗如虎添翼","heroicons:wrench-screwdriver","#06b6d4","2026-09-30T18:09:53.655605Z",[72,88,102,116,131,147,162,165],{"id":6,"name":73,"slug":78,"description":79,"icon":84,"color":85,"cover_image":13,"created_at":86,"post_count":87},{"en":74,"ja":75,"zh":76,"zh_Hant":77},"Technology","テクノロジー","技术","技術","technology",{"en":80,"ja":81,"zh":82,"zh_Hant":83},"Cutting-edge technology exploration and in-depth analysis covering programming languages, frameworks, and architecture design","プログラミング言語、フレームワーク、アーキテクチャ設計を含む先端技術の探究","前沿技术探索与深度分析，涵盖编程语言、框架、架构设计等核心领域","前沿技術探索與深度分析，涵蓋編程語言、框架、架構設計等核心領域","heroicons:cog-6-tooth","#6366f1","2026-09-30T18:09:53.633610Z",8,{"id":19,"name":89,"slug":93,"description":94,"icon":99,"color":100,"cover_image":13,"created_at":101,"post_count":50},{"en":90,"ja":91,"zh":92,"zh_Hant":92},"Tutorial","チュートリアル","教程","tutorial",{"en":95,"ja":96,"zh":97,"zh_Hant":98},"Hands-on tutorials from scratch with clear steps and complete code for developers at all levels","ゼロから始める実践的なチュートリアル。明確な手順と完全なコードで、全てのレベルの開発者に最適","从零开始的实战教程，步骤清晰，代码完整，适合各阶段开发者学习","從零開始的實戰教程，步驟清晰，代碼完整，適合各階段開發者學習","heroicons:academic-cap","#10b981","2026-09-30T18:09:53.641581Z",{"id":26,"name":103,"slug":107,"description":108,"icon":113,"color":114,"cover_image":13,"created_at":115,"post_count":57},{"en":104,"ja":105,"zh":106,"zh_Hant":106},"Frontend","フロントエンド","前端","frontend",{"en":109,"ja":110,"zh":111,"zh_Hant":112},"Full coverage of web frontend development including Vue, React, new CSS features, and performance optimization","Vue、React、CSSの新機能やパフォーマンス最適化を含むWebフロントエンド開発の全領域","Web前端开发全栈覆盖，包括Vue、React、CSS新特性及性能优化等话题","Web前端開發全棧覆蓋，包括Vue、React、CSS新特性及性能優化等話題","heroicons:computer-desktop","#ec4899","2026-09-30T18:09:53.644838Z",{"id":34,"name":117,"slug":122,"description":123,"icon":128,"color":129,"cover_image":13,"created_at":130,"post_count":26},{"en":118,"ja":119,"zh":120,"zh_Hant":121},"Backend","バックエンド","后端","後端","backend",{"en":124,"ja":125,"zh":126,"zh_Hant":127},"Server-side development best practices including API design, database optimization, and microservices architecture","API設計、データベース最適化、マイクロサービスアーキテクチャを含むサーバーサイド開発の実践","服务端开发实战经验，API设计、数据库优化、微服务架构等深度内容","服務端開發實戰經驗，API設計、數據庫優化、微服務架構等深度內容","heroicons:server-stack","#f59e0b","2026-09-30T18:09:53.647836Z",{"id":42,"name":132,"slug":137,"description":138,"icon":143,"color":144,"cover_image":13,"created_at":145,"post_count":146},{"en":133,"ja":134,"zh":135,"zh_Hant":136},"Fullstack","フルスタック","全栈","全棧","fullstack",{"en":139,"ja":140,"zh":141,"zh_Hant":142},"End-to-end development guides covering the full project lifecycle and technology stack selection","フロントエンドからバックエンドまでの開発プロセス全体をカバーするガイド","从前端到后端的全流程开发指南，覆盖完整项目生命周期与技术选型","從前端到後端的全流程開發指南，覆蓋完整項目生命週期與技術選型","heroicons:swatch","#8b5cf6","2026-09-30T18:09:53.650513Z",0,{"id":50,"name":148,"slug":153,"description":154,"icon":159,"color":160,"cover_image":13,"created_at":161,"post_count":34},{"en":149,"ja":150,"zh":151,"zh_Hant":152},"Essays","エッセイ","随笔","隨筆","essays",{"en":155,"ja":156,"zh":157,"zh_Hant":158},"Technical reflections and development insights recording the programmer's growth journey","プログラマーの成長の軌跡を記録する技術的考察と開発の洞察","技术思考与开发心得分享，记录程序员成长路上的点滴感悟","技術思考與開發心得分享，記錄程序員成長路上的點滴感悟","heroicons:pencil-square","#f43f5e","2026-09-30T18:09:53.653105Z",{"id":57,"name":163,"slug":62,"description":164,"icon":68,"color":69,"cover_image":13,"created_at":70,"post_count":34},{"en":59,"ja":60,"zh":61,"zh_Hant":61},{"en":64,"ja":65,"zh":66,"zh_Hant":67},{"id":87,"name":166,"slug":171,"description":172,"icon":177,"color":178,"cover_image":13,"created_at":179,"post_count":146},{"en":167,"ja":168,"zh":169,"zh_Hant":170},"Translation","翻訳","翻译","翻譯","translation",{"en":173,"ja":174,"zh":175,"zh_Hant":176},"Curated translations of high-quality foreign technical articles to keep up with international trends","国際的な技術トレンドを追うための厳選された海外技術記事の翻訳","优质外文技术文章精选翻译，紧跟国际技术前沿动态","優質外文技術文章精選翻譯，緊跟國際技術前沿動態","heroicons:language","#84cc16","2026-09-30T18:09:53.658041Z",{"items":181,"total":34,"page":6,"page_size":199,"total_pages":6},[182,218,246,264],{"id":183,"title":184,"subtitle":13,"slug":185,"excerpt":186,"cover_image":13,"author":187,"category":190,"tags":191,"status":214,"views":215,"likes_count":146,"comments_count":42,"is_pinned":16,"created_at":216,"published_at":216,"updated_at":217,"reading_time":6},28,"CI\u002FCD Pipeline 设计：GitHub Actions + Cache + Matrix Build","post-28-CICDPipe","从零设计一套工业级 GitHub Actions 流水线：npm\u002Fpip 依赖缓存、多版本 Node\u002FPython Matrix 并行构建、Docker 镜像分层缓存、Lint+Test+Build+Publish 分阶段、条件执行、环境矩阵、失败重试和发布门禁最佳实践，附完整工作流代码。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},"Choyeon","2026-09-30T18:09:53.330367Z",{"id":57,"name":61,"slug":62,"description":66,"icon":68,"color":69,"cover_image":13,"created_at":70,"post_count":146},[192,198,204,209],{"id":193,"name":194,"slug":195,"color":196,"icon":13,"is_active":15,"created_at":197,"post_count":146},12,"Git","git","#f05032","2026-09-30T18:09:53.697858Z",{"id":199,"name":200,"slug":201,"color":202,"icon":13,"is_active":15,"created_at":203,"post_count":146},9,"Docker","docker","#2496ed","2026-09-30T18:09:53.688173Z",{"id":87,"name":205,"slug":206,"color":207,"icon":13,"is_active":15,"created_at":208,"post_count":146},"Node.js","nodejs","#339933","2026-09-30T18:09:53.685769Z",{"id":6,"name":210,"slug":211,"color":212,"icon":13,"is_active":15,"created_at":213,"post_count":146},"Python","python","#3776ab","2026-09-30T18:09:53.663835Z","published",193,"2026-09-25T18:09:53.733462Z","2026-10-01T10:33:25.639153Z",{"id":219,"title":220,"subtitle":13,"slug":221,"excerpt":222,"cover_image":13,"author":223,"category":224,"tags":225,"status":214,"views":243,"likes_count":146,"comments_count":26,"is_pinned":16,"created_at":244,"published_at":244,"updated_at":245,"reading_time":6},24,"Monorepo 工具链：Turborepo + pnpm workspace","post-24-Monorepo工","单仓多包（Monorepo）管理大型前端全栈项目的完全指南：用 pnpm workspace 做依赖统一安装和链接，Turborepo 做任务编排、增量构建和远程缓存，对比 Nx\u002FLerna，附带代码复用与版本发布最佳实践。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":57,"name":61,"slug":62,"description":66,"icon":68,"color":69,"cover_image":13,"created_at":70,"post_count":146},[226,231,232,237],{"id":50,"name":227,"slug":228,"color":229,"icon":13,"is_active":15,"created_at":230,"post_count":146},"TypeScript","typescript","#3178c6","2026-09-30T18:09:53.680697Z",{"id":87,"name":205,"slug":206,"color":207,"icon":13,"is_active":15,"created_at":208,"post_count":146},{"id":34,"name":233,"slug":234,"color":235,"icon":13,"is_active":15,"created_at":236,"post_count":146},"React","react","#61dafb","2026-09-30T18:09:53.675301Z",{"id":238,"name":239,"slug":240,"color":241,"icon":13,"is_active":15,"created_at":242,"post_count":146},20,"Next.js","nextjs","#000000","2026-09-30T18:09:53.721362Z",283,"2026-09-19T10:09:53.733462Z","2026-10-01T10:32:42.325847Z",{"id":199,"title":247,"subtitle":13,"slug":248,"excerpt":249,"cover_image":13,"author":250,"category":251,"tags":252,"status":214,"views":261,"likes_count":146,"comments_count":34,"is_pinned":16,"created_at":262,"published_at":262,"updated_at":263,"reading_time":6},"Git 高级工作流","post-9-Git高级工作流","全面掌握 Git 进阶操作：Interactive Rebase 整理提交历史、Cherry-pick 精挑细选移植提交、Bisect 二分查找回归 Bug 源头，配合 reflog 与 reset 拯救误操作。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":57,"name":61,"slug":62,"description":66,"icon":68,"color":69,"cover_image":13,"created_at":70,"post_count":146},[253,254,259,260],{"id":193,"name":194,"slug":195,"color":196,"icon":13,"is_active":15,"created_at":197,"post_count":146},{"id":219,"name":255,"slug":256,"color":257,"icon":13,"is_active":15,"created_at":258,"post_count":146},"Linux","linux","#fcc624","2026-09-30T18:09:53.731844Z",{"id":6,"name":210,"slug":211,"color":212,"icon":13,"is_active":15,"created_at":213,"post_count":146},{"id":50,"name":227,"slug":228,"color":229,"icon":13,"is_active":15,"created_at":230,"post_count":146},237,"2026-08-29T01:09:53.733462Z","2026-09-30T21:02:06.559700Z",{"id":50,"title":265,"subtitle":13,"slug":266,"excerpt":267,"cover_image":13,"author":268,"category":269,"tags":270,"status":214,"views":285,"likes_count":146,"comments_count":50,"is_pinned":16,"created_at":286,"published_at":286,"updated_at":287,"reading_time":6},"Docker Compose 生产部署实战","post-6-DockerCom","本文深入讲解 Docker Compose 在生产环境中的最佳实践，覆盖多阶段构建、健康检查、资源限制、日志配置、网络隔离、密钥管理等核心话题，助你构建稳定可扩展的容器化部署方案。",{"id":6,"username":188,"nickname":188,"avatar":13,"cover_image":13,"bio":13,"website":13,"github":13,"avatar_source":13,"resolved_avatar_url":13,"title":13,"created_at":189},{"id":57,"name":61,"slug":62,"description":66,"icon":68,"color":69,"cover_image":13,"created_at":70,"post_count":146},[271,272,273,279],{"id":199,"name":200,"slug":201,"color":202,"icon":13,"is_active":15,"created_at":203,"post_count":146},{"id":219,"name":255,"slug":256,"color":257,"icon":13,"is_active":15,"created_at":258,"post_count":146},{"id":274,"name":275,"slug":276,"color":277,"icon":13,"is_active":15,"created_at":278,"post_count":146},15,"性能优化","performance","#f97316","2026-09-30T18:09:53.707190Z",{"id":280,"name":281,"slug":282,"color":283,"icon":13,"is_active":15,"created_at":284,"post_count":146},16,"安全","security","#14b8a6","2026-09-30T18:09:53.709991Z",542,"2026-08-25T05:09:53.733462Z","2026-10-01T04:43:28.310483Z"]