Blog

2026

skill-smoke
markdown-smoke
微信小程序电商实战 10：上线部署——审核、CI/CD 与常见被拒原因
微信小程序电商实战 09：性能优化——分包加载、虚拟列表与图片懒加载
微信小程序电商实战 08：用户中心——微信授权登录、收货地址与订单历史
微信小程序电商实战 07：微信支付完整流程——下单、支付与服务端核实
微信小程序电商实战 06：购物车与订单——Pinia 状态设计与完整流程
微信小程序电商实战 05：商品模块——列表页、详情页与 SKU 选择
微信小程序电商实战 04：微信云开发环境搭建与数据库设计
微信小程序电商实战 03：NutUI 配置与电商常用组件
微信小程序电商实战 02：Taro 3 + Vue 3 + TypeScript + Pinia 脚手架搭建
微信小程序电商实战 01：技术栈全景选型
Oracle 圣何塞抢机（二）：oci-arm-host-capacity——Telegram 通知与 GitHub Actions
Oracle 圣何塞抢机（一）：oci-arm-catcher——Shell 脚本轻量部署
Astro 系列（十二）：框架对比（下）——静态站点方向
Astro 系列（十一）：框架对比（上）——全栈方向
Astro 系列（十）：第三方服务拼装——评论、搜索、分析
Astro 系列（九）：Middleware、API 端点与认证
Astro 系列（八）：View Transitions——让 MPA 拥有 SPA 体验
Astro 系列（七）：能用 Astro 做什么——扩展玩法全景
Astro 系列（六）：集成生态——从官方到社区
Astro 系列（五）：SSR 还是 SSG，怎么选
Astro 系列（四）：内容驱动还是应用驱动——Astro 的边界
Astro 系列（三）：Island 架构——为什么默认零 JavaScript
Astro 系列（二）：项目结构与开发约定
Astro 系列（一）：Astro 是什么，解决什么问题
Blog 现代化改造技术选型——GSAP + Astro 岛屿 + Tailwind Typography
AVW-11：JS 图形与交互生态全景——Three.js 及 40+ 核心项目的定位、星数与解决什么问题
AVW-10：AI Skills 调研——Web Presentation / 动画 / 视频生成的 Agent 技能生态
AVW-9：视觉指南——工具 Logo 墙、架构图、对比表与演示索引
AVW-8：中国前端可视化与 UI 生态——ECharts、AntV、Ant Design 及阿里/腾讯/字节的 20+ 项目
AVW-7：程序化生成三剑客——视频、PPT 幻灯片、Web 网站的代码驱动方案全收录
AVW-6：代码生成视频——Remotion、Motion Canvas、Revideo、Editly、Theatre.js、Rive 与更多
AVW-5：AI 生成 UI 与 Agent 渲染——v0、bolt.new、CopilotKit、A2UI 协议
AVW-4：交互叙事引擎——Twine、Ren'Py、Ink、Inform、Shorthand 与 Idyll
AVW-3：数据可视化全景——ECharts、AntV、Plotly、Bokeh、Observable 等 15+ 工具
AVW-2：动画引擎全景对比——GSAP、anime.js、Motion、Animate.css 与 Glaze
深度实战：渐进式规划——从模糊需求到可执行方案的五层法
深度实战：Codex 与 Claude Code 的 GitHub 集成——从 PR 审查到 CI 自动修复
AVW-1：AI 动态视觉 Web 生态全景——40+ 工具的完整地图
G7：GSAP 社区案例精选——生产级动画模式与技术生态
G6：GSAP + AI 项目实战——从数据可视化到 LLM 流式输出的动态展示
实战 C2：混合流水线——Codex 自动化 + Claude Code 深度分析的协同设计
G5：GSAP + React——useGSAP Hook、context 清理与客户端动画架构
实战 B5：Claude Code 大型项目实战——Worktrees 并行、分阶段重构与团队 Skills 共享
G4：GSAP SVG 动画——DrawSVG 描边、MorphSVG 变形与路径动画
实战 B3：Claude Code 深度审查与重构——五级 effort 对比与真实漏洞发现
G3：GSAP 文本动画——SplitText、ScrambleText 与逐字魔法
实战 B2：Claude Code 日常开发工作流——深度调试、effort 策略与技术调研
G2：ScrollTrigger 滚动动画实战——让页面在滚动中讲故事
实战 A4：Codex 自动化与 CI/CD 集成——让 AI 7x24 小时守护你的代码
G1：Tween & Timeline 核心——GSAP 动画的基石
实战 A3：Codex 代码审查与质量保障——从 Pre-PR 自查到 Security 插件
GSAP 动画实战系列——从入门到 AI 可视化
实战 C3：大型项目中的双工具策略——团队级分工、工具标准化与冲突避免
实战 A5：Codex 大型项目实战——微服务、多人协作与 Monorepo 策略
实战 B4：Claude Code 多 Agent 编排——Dynamic Workflow 与 Ultracode 深度实战
实战 C1：双工具协同工作流——Codex 写代码，Claude Code 做审查
实战 B1：Claude Code 项目初始化与配置——CLAUDE.md 编写艺术与 Skills 实战
实战 A2：Codex 日常开发工作流——TDD、Bug 修复、重构的完整链路
实战 A1：Codex 项目初始化与配置——从零搭建高效 AI 开发环境
Codex vs Claude Code：2026 年最新高级模式对比——Workflow、Ultracode、Automations 与 Subagents
Codex 插件商店完全指南：每一个官方插件的用法与场景
Sub2API：自带支付系统的新一代 AI API 网关
Codex vs Claude Code：斜杠命令全面对比
Codex 斜杠命令（八）：生态集成——插件、技能与 MCP
Codex 斜杠命令（七）：个性化与配置——打造你的专属 Codex
Codex 斜杠命令（六）：并行工作与后台——让 Codex 同时处理多个任务
Codex 斜杠命令（五）：模型与推理——为任务选择合适的大脑
new-api 系列（十）：接入国际支付——Stripe、PayPal 与海外收银
Codex 斜杠命令（四）：代码审查——提 PR 前的最后一道防线
Codex 斜杠命令（三）：权限与安全——精确控制 Codex 能做什么
Codex 斜杠命令（二）：对话管理——让你的会话有条不紊
new-api 系列（九）：接入国内支付——支付宝、微信与自动充值
Codex 斜杠命令（一）：快速入门——最常用的基础命令
new-api 系列（八）：进阶——多实例、负载均衡与 SSO
new-api 系列（七）：生产环境部署与安全加固
new-api 系列（六）：监控、日志与告警
new-api 系列（五）：计价模型与成本控制
CLIProxyAPI（八）：cpa_keeper 与 cpa_cost——用量追踪与成本分析工具
new-api 系列（四）：令牌与用户管理
Claude Code 斜杠命令（八）：研究、规划与 CI/CD 集成
new-api 系列（三）：渠道配置——接入各类模型提供商
Claude Code 斜杠命令（七）：项目配置与权限管理
Claude Code 斜杠命令（六）：并行工作与后台 Agent
Claude Code 斜杠命令（五）：模型与推理控制
new-api 系列（二）：安装部署——从零搭建 new-api
Claude Code 斜杠命令（四）：代码审查三剑客
Claude Code 斜杠命令（三）：上下文管理——不让 Token 成为瓶颈
Claude Code 斜杠命令（二）：对话管理——让你的会话有条不紊
new-api 系列（一）：认识 new-api——新一代 AI API 管理网关
Claude Code 斜杠命令（一）：快速入门——最常用的基础命令
博客渲染踩坑全记录：Mermaid、Markmap、双主题与布局
用 Astro 6 + Bun 在 1GB 服务器上搭建这个博客
CLIProxyAPI（七）：自动化运维——配额监控与告警
CLIProxyAPI（六）：结合 new-api 打造多用户 API 网关
CLIProxyAPI（五）：Antigravity——用 Google 订阅解锁 Claude Opus 4.8
CLIProxyAPI（四）：生产部署——Nginx、TLS 与安全加固
CLIProxyAPI（三）：接入主流 AI 编程工具
CLIProxyAPI（二）：多账号轮询与配额策略
CLIProxyAPI（一）：入门——把 CLI 订阅变成标准 API
Hello World：第一篇——Markdown 渲染效果全测试