技术笔记 · AI · 工程实践https://k330.com/zh-cnhttps://k330.com/blog/oracle-arm/02-oci-arm-host-capacity/https://k330.com/blog/oracle-arm/02-oci-arm-host-capacity/oci-arm-host-capacity 是功能更完整的 PHP 抢机方案，原生支持 Telegram/Slack 推送、多可用域并发监控、多账号并行，还能完全托管在 GitHub Actions 免费 CI 上，不占用本地资源。Mon, 08 Jun 2026 10:30:00 GMThttps://k330.com/blog/oracle-arm/01-oci-arm-catcher/https://k330.com/blog/oracle-arm/01-oci-arm-catcher/圣何塞 ARM 免费主机（4核24GB）靠手动刷新几乎不可能抢到。本文用 oci-arm-catcher 这个轻量 Shell 脚本，零 PHP 零 Node，只依赖 OCI CLI，24小时后台挂机轮询，资源一出现立刻拿下。Mon, 08 Jun 2026 10:00:00 GMThttps://k330.com/blog/astro-series/astro-12-vs-static/https://k330.com/blog/astro-series/astro-12-vs-static/横向对比 Hugo、11ty、Gatsby、Zola——四个静态站点生成器的设计哲学、性能特点、学习曲线，以及 Astro 在静态站点领域的独特定位。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-11-vs-fullstack/https://k330.com/blog/astro-series/astro-11-vs-fullstack/横向对比 Next.js、Nuxt、SvelteKit、Remix——各自的强项、设计哲学差异，以及什么场景下 Astro 是比它们更好的选择。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-10-third-party/https://k330.com/blog/astro-series/astro-10-third-party/盘点 Astro 站点中那些不需要自己写的功能——Giscus 评论、Pagefind 搜索、Plausible 分析、Newsletter 订阅，以及它们的拼装哲学。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-09-middleware-auth/https://k330.com/blog/astro-series/astro-09-middleware-auth/理解 Astro 的 Middleware 拦截机制、API 端点设计模式，以及 JWT、OAuth、会话管理的集成策略。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-08-view-transitions/https://k330.com/blog/astro-series/astro-08-view-transitions/View Transitions API + Astro 的组合如何让多页应用获得单页应用的丝滑体验——页面过渡、持久化状态、预取策略的完整解析。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-07-use-cases/https://k330.com/blog/astro-series/astro-07-use-cases/从文档站、营销页、电商到 Dashboard、多语言站、组件库文档——Astro 能覆盖的全部场景及其最佳实践。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-06-integrations/https://k330.com/blog/astro-series/astro-06-integrations/遍历 Astro 的官方集成和社区生态——MDX、Tailwind、图片优化、RSS、Sitemap、Partytown 各解决什么问题，以及背后的 Vite 插件机制。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-05-ssr-vs-ssg/https://k330.com/blog/astro-series/astro-05-ssr-vs-ssg/全面对比 SSR 与 SSG 的能力矩阵，理解混合模式、边缘渲染，以及如何按页面粒度做出最优选择。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-04-content-vs-app/https://k330.com/blog/astro-series/astro-04-content-vs-app/认清 Astro 的舒适区和边界——什么场景它是首选，什么场景它不应该被考虑，以及混合方案的可行性。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-03-islands/https://k330.com/blog/astro-series/astro-03-islands/深入岛屿架构的设计动机——水合作用的代价、局部激活的策略、以及 client 指令背后的每一个权衡。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-02-project-structure/https://k330.com/blog/astro-series/astro-02-project-structure/理解 Astro 的目录结构、文件路由、布局系统和内容集合——以及它们背后的约定优于配置的设计思想。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/astro-series/astro-01-what-is-astro/https://k330.com/blog/astro-series/astro-01-what-is-astro/理解岛屿架构的由来，看清 Astro 在 MPA 与 SPA 之争中的位置，以及它为什么适合内容型站点。Mon, 08 Jun 2026 00:00:00 GMThttps://k330.com/blog/blog-ui-modernization/https://k330.com/blog/blog-ui-modernization/基于 Astro 6 + React 19 + Tailwind CSS 4 技术栈的博客现代化方案：GSAP ScrollTrigger 集成、Markdown 阅读体验优化、响应式 Bento 布局、CWV 友好动效规范——107 个研究 agent 三票对抗验证的结论。Sun, 07 Jun 2026 02:00:00 GMThttps://k330.com/blog/ai-visual-web/avw-11-js-ecosystem/https://k330.com/blog/ai-visual-web/avw-11-js-ecosystem/Three.js 不是孤岛——它是 JS 图形生态的北极星。本文按 9 条技术线梳理 Three.js、Babylon.js、R3F、PixiJS、Phaser、D3.js、p5.js、Matter.js、TensorFlow.js 等 40+ 核心项目的定位、GitHub 星数、解决什么问题，以及整个 JS 生态的版图。Sat, 06 Jun 2026 19:00:00 GMThttps://k330.com/blog/ai-visual-web/avw-10-ai-skills-research/https://k330.com/blog/ai-visual-web/avw-10-ai-skills-research/调研 60+ 可视化工具的 Agent Skill 现状：9 组已有可用 Skill，36+ 仍为空白。Web Presentation 方向竞争最激烈——6 个工具各有侧重（录屏视频/静态演示/开发者分享/PPT编辑），本文逐维对比，附场景决策。Sat, 06 Jun 2026 18:00:00 GMThttps://k330.com/blog/ai-visual-web/avw-09-visual-guide/https://k330.com/blog/ai-visual-web/avw-09-visual-guide/AI 动态视觉 Web 专题的视觉化补充——工具 Logo、Mermaid 架构图、Easing 曲线可视化、ScrollTrigger 原理图、动画演示合集。一图胜千言。Sat, 06 Jun 2026 17:20:00 GMThttps://k330.com/blog/ai-visual-web/avw-08-cn-ecosystem/https://k330.com/blog/ai-visual-web/avw-08-cn-ecosystem/全球唯一在可视化、UI 组件、低代码平台三条线上同时拥有世界级开源项目的社区。深入 ECharts、AntV 七件套（G2/G6/X6/L7/F2/S2/AVA）、Ant Design、字节 Semi/Arco、腾讯 TDesign、阿里 LowCode Engine 和百度 AMIS。Sat, 06 Jun 2026 17:10:00 GMThttps://k330.com/blog/ai-visual-web/avw-07-supplement/https://k330.com/blog/ai-visual-web/avw-07-supplement/对 AVW-6 视频篇的扩展 + 两大新领域：程序化 PPT/幻灯片（Slidev、Marp、reveal.js、Spectacle、PptxGenJS 等 9 个）、程序化网站生成（GrapesJS、Puck、Appsmith、Streamlit、Gradio 等 15 个）。28 个项目，一份地图。Sat, 06 Jun 2026 17:00:00 GMThttps://k330.com/blog/ai-visual-web/avw-06-video-motion/https://k330.com/blog/ai-visual-web/avw-06-video-motion/用代码生成视频——3 年前是笑话，如今是 Remotion 的核心能力。覆盖 9 款 Web 端视频/动效工具：Remotion（React 写视频）、Motion Canvas（数学动画）、Revideo（AI 辅助）、Editly（JSON 声明式）、Theatre.js（协作编辑器）、Rive（状态机动效）、Jitter（Figma 级）、Motionity（开源 AE）、LottieFiles（矢量动画）。Sat, 06 Jun 2026 16:50:00 GMThttps://k330.com/blog/ai-visual-web/avw-05-ai-ui-generation/https://k330.com/blog/ai-visual-web/avw-05-ai-ui-generation/AI 不再只是生成代码——它开始直接控制界面渲染。覆盖 11 个工具和协议：v0/bolt.new/DeepSite 的 AI 建站、CopilotKit/AGenUI 的 Agent UI 框架、Onlook/Open-Lovable 的 AI 设计工具、以及 A2UI/AG-UI 两套 Agent→界面流式渲染协议。这是 2024-2026 前端最剧烈的范式变革。Sat, 06 Jun 2026 16:40:00 GMThttps://k330.com/blog/ai-visual-web/avw-04-interactive-storytelling/https://k330.com/blog/ai-visual-web/avw-04-interactive-storytelling/六个交互叙事引擎覆盖从纯文本冒险到 AAA 级视觉小说、从媒体级滚动叙事到声明式交互文档的完整光谱。讨论每个引擎如何与 LLM 结合实现程序化故事生成，附官网和 GitHub 链接。Sat, 06 Jun 2026 16:30:00 GMThttps://k330.com/blog/ai-visual-web/avw-03-data-visualization/https://k330.com/blog/ai-visual-web/avw-03-data-visualization/数据可视化是 AI 项目的'最后一公里'。本文覆盖 15+ 个工具：ECharts（Apache 顶级，中国标准）、AntV 七件套、Plotly（交互工业标准）、Bokeh（大数据渲染）、HiPlot（高维探索）、PyGWalker（Tableau 风格）、Observable（数据叙事）、Flourish（无代码故事）。每个工具附官网和 GitHub 链接。Sat, 06 Jun 2026 16:20:00 GMThttps://k330.com/blog/ai-visual-web/avw-02-animation-engines/https://k330.com/blog/ai-visual-web/avw-02-animation-engines/GSAP 是工业标准、anime.js 最优雅、Motion 是 React 原生的王者、Animate.css 零门槛、Glaze 把动画变成了 Tailwind 的 utility class。五款引擎的 API 对比、性能差异、最佳使用时机全解析。Sat, 06 Jun 2026 16:10:00 GMThttps://k330.com/blog/practical-guide/planning-workflow-deep-dive/https://k330.com/blog/practical-guide/planning-workflow-deep-dive/如何把一句模糊的需求变成 AI 能正确执行的任务？本文提出五层渐进式规划法，逐层深入：从一句话需求到方案骨架，从面试式澄清到模板化规划，再到持久追踪和分步验证。附完整案例和社区反馈。Sat, 06 Jun 2026 16:00:00 GMThttps://k330.com/blog/practical-guide/github-integration-deep-dive/https://k330.com/blog/practical-guide/github-integration-deep-dive/两个 AI 工具如何与 GitHub 深度协作？本文逐项拆解 Codex 和 Claude Code 的 PR 审查、自动修复、CI 集成、安全扫描四种集成路径，附完整配置示例、社区实战案例和故障排查指南。Sat, 06 Jun 2026 16:00:00 GMThttps://k330.com/blog/ai-visual-web/avw-01-ecosystem-overview/https://k330.com/blog/ai-visual-web/avw-01-ecosystem-overview/一张覆盖动画引擎、数据可视化、交互叙事、AI 驱动 UI 生成、无代码设计的 40+ 工具全景地图。每个工具都附带官网和 GitHub 链接。Sat, 06 Jun 2026 16:00:00 GMThttps://k330.com/blog/gsap-series/gsap-07-community-cases/https://k330.com/blog/gsap-series/gsap-07-community-cases/从 GSAPify 的 20+ 实战动画模板、gsap-cookbook 的生产级菜谱、rdnax-gsap-master 的 AI 技能包，到 GSAP 社区论坛的排坑经验——本文整理了一套直接可复用的动画模式索引和工具链。Sat, 06 Jun 2026 15:10:00 GMThttps://k330.com/blog/gsap-series/gsap-06-ai-projects/https://k330.com/blog/gsap-series/gsap-06-ai-projects/GSAP 在 AI 项目中的角色不是'美化'，而是'降低认知摩擦'。本文用四个 AI 典型场景：神经网络推理可视化、LLM 流式输出动画、Embedding 空间降维展示、实时指标仪表盘——展示如何让抽象的计算过程变得可见。Sat, 06 Jun 2026 15:00:00 GMThttps://k330.com/blog/practical-guide/dual-02-pipeline/https://k330.com/blog/practical-guide/dual-02-pipeline/设计一条完整的混合流水线：Codex 定时检查 PR 状态并执行日常维护，Claude Code 在关键节点介入做深度分析。让两个工具像 DevOps 团队一样协作。Sat, 06 Jun 2026 14:50:00 GMThttps://k330.com/blog/gsap-series/gsap-05-react-integration/https://k330.com/blog/gsap-series/gsap-05-react-integration/React 的声明式渲染和 GSAP 的命令式动画之间存在天然张力。本文用 useGSAP hook、context 生命周期管理、React Strict Mode 适配，以及 SSR/CSR 边界处理，给出在 React 中干净使用 GSAP 的完整方案。Sat, 06 Jun 2026 14:50:00 GMThttps://k330.com/blog/practical-guide/claude-05-large/https://k330.com/blog/practical-guide/claude-05-large/当项目从 5 个文件变成 500 个文件，Claude Code 的使用策略应该怎么变？本文讲解 Worktrees 并行开发、分阶段重构的节奏控制、团队 Skills 共享与版本管理。Sat, 06 Jun 2026 14:40:00 GMThttps://k330.com/blog/gsap-series/gsap-04-svg-animations/https://k330.com/blog/gsap-series/gsap-04-svg-animations/SVG 是矢量图形在 Web 上的原生格式，而 GSAP 让它动起来。本文覆盖 DrawSVG 描边动画、MorphSVG 形状变形、MotionPath 路径跟随，以及如何把这些能力应用到 AI 可视化场景。Sat, 06 Jun 2026 14:40:00 GMThttps://k330.com/blog/practical-guide/claude-03-review/https://k330.com/blog/practical-guide/claude-03-review/同一个模块，low/medium/high/xhigh/ultra 五级审查的实际效果差异有多大？本文用真实代码做 AB 对比，展示 /security-review 发现真实漏洞的案例，以及 /simplify + /code-review 的组合重构流程。Sat, 06 Jun 2026 14:30:00 GMThttps://k330.com/blog/gsap-series/gsap-03-text-animations/https://k330.com/blog/gsap-series/gsap-03-text-animations/文字是网页上最重要的信息载体。GSAP 的文本插件让你能够逐字、逐行、逐词组控制文字的动画——从简单的淡入到黑客风格的字符乱码，再到打字机效果。本文覆盖 SplitText、ScrambleText、TextPlugin 三大插件的完整用法。Sat, 06 Jun 2026 14:30:00 GMThttps://k330.com/blog/practical-guide/claude-02-workflow/https://k330.com/blog/practical-guide/claude-02-workflow/三个 Claude Code 的日常杀手级场景：从错误栈追溯到根因的深度调试、/effort 级别选择的实战法则、用 /deep-research 做技术选型调研。Sat, 06 Jun 2026 14:20:00 GMThttps://k330.com/blog/gsap-series/gsap-02-scrolltrigger/https://k330.com/blog/gsap-series/gsap-02-scrolltrigger/ScrollTrigger 是 GSAP 生态中使用率最高的插件——没有之一。本文从基础 trigger 出发，覆盖 pinning、scrubbing、水平滚动、批量管理、matchMedia 响应式适配，附带三个生产级真实场景的实现。Sat, 06 Jun 2026 14:20:00 GMThttps://k330.com/blog/practical-guide/codex-04-automation/https://k330.com/blog/practical-guide/codex-04-automation/三个自动化案例：每日依赖检查、PR 监控自动回复、Cloud Tasks 远程执行。让 Codex 在你睡觉时继续工作——早上打开 Triage 收件箱查看结果。Sat, 06 Jun 2026 14:10:00 GMThttps://k330.com/blog/gsap-series/gsap-01-core-concepts/https://k330.com/blog/gsap-series/gsap-01-core-concepts/掌握 GSAP 的两个核心概念——Tween 和 Timeline——就掌握了整个库 80% 的能力。本文从 gsap.to/from/fromTo 出发，深入到 Timeline 编排、Eases 缓动函数库、Staggers 交错动画，以及 Keyframes 关键帧写法。Sat, 06 Jun 2026 14:10:00 GMThttps://k330.com/blog/practical-guide/codex-03-review/https://k330.com/blog/practical-guide/codex-03-review/搭建 Codex 的多层次代码审查体系：Pre-PR 自查流程、Security 插件的实际使用与误报处理、结合 review_model 的深度审查策略。含社区反馈中的常见问题类型。Sat, 06 Jun 2026 14:00:00 GMThttps://k330.com/blog/gsap-series/gsap-00-overview/https://k330.com/blog/gsap-series/gsap-00-overview/GSAP 是现代 Web 动画的工业标准。本系列从核心概念出发，逐步深入到 ScrollTrigger 滚动动画、SplitText 文本特效、SVG 动画、React 集成，最终落到 AI 项目中的动态展示——一套完整的生产级动画方案。Sat, 06 Jun 2026 14:00:00 GMThttps://k330.com/blog/practical-guide/dual-03-strategy/https://k330.com/blog/practical-guide/dual-03-strategy/20 人团队、10 个微服务、每天 50+ PR——如何让 Codex 和 Claude Code 在同一个项目中和平共处、高效协作？本文给出团队级的工具分配矩阵、标准化规范和冲突避免策略。Sat, 06 Jun 2026 13:30:00 GMThttps://k330.com/blog/practical-guide/codex-05-large/https://k330.com/blog/practical-guide/codex-05-large/当项目从单体变成 10+ 微服务，当团队从一个人变成 20 人——Codex 的使用方式需要根本性改变。本文讲解大型项目中 Codex 的配置分层、跨服务重构、团队协作规范和"不跑偏"的核心原则。Sat, 06 Jun 2026 13:20:00 GMThttps://k330.com/blog/practical-guide/claude-04-multiagent/https://k330.com/blog/practical-guide/claude-04-multiagent/从 50 个文件的批量迁移到 500 个 API 端点的安全审计——本文用三个递进式案例展示 Claude Code Dynamic Workflow 和 Ultracode 的实际效果、成本分析和最佳触发时机。Sat, 06 Jun 2026 13:10:00 GMThttps://k330.com/blog/practical-guide/dual-01-workflow/https://k330.com/blog/practical-guide/dual-01-workflow/两个 AI 工具不是竞争关系——它们可以协同工作。本文设计了三套实战工作流：日常开发分屏、任务分工矩阵、共享配置策略。让 Codex 和 Claude Code 各司其职。Sat, 06 Jun 2026 13:00:00 GMThttps://k330.com/blog/practical-guide/claude-01-setup/https://k330.com/blog/practical-guide/claude-01-setup/CLAUDE.md 不是 README——它是一份写给 AI 的"操作手册"。本文通过 3 个递进案例，展示如何编写高效的 CLAUDE.md、创建团队 Skills、配置 MCP 服务器，以及社区公认的配置陷阱。Sat, 06 Jun 2026 12:30:00 GMThttps://k330.com/blog/practical-guide/codex-02-workflow/https://k330.com/blog/practical-guide/codex-02-workflow/三个完整案例带你走通 Codex 日常开发的三大场景：TDD 驱动开发、Bug 追踪修复、安全重构。每个案例含 prompt 模板和验证步骤，直接复用。Sat, 06 Jun 2026 12:20:00 GMThttps://k330.com/blog/practical-guide/codex-01-setup/https://k330.com/blog/practical-guide/codex-01-setup/从零开始配置一个生产级 Codex 项目环境：config.toml 分层策略、AGENTS.md 编写框架、团队共享配置、Monorepo 最佳实践。含 3 个完整案例和社区常见陷阱。Sat, 06 Jun 2026 12:10:00 GMThttps://k330.com/blog/codex-slash/advanced-modes-2026/https://k330.com/blog/codex-slash/advanced-modes-2026/Claude Code 推出 Dynamic Workflows 和 Ultracode，Codex 有 Automations 和 Subagents——2026 年中，两大 AI 编程工具的高级工作模式已经远不止斜杠命令。本文标注了每个功能支持哪些表面（CLI/App/IDE），基于最新官方文档。Sat, 06 Jun 2026 10:00:00 GMThttps://k330.com/blog/codex-slash/plugins-guide/https://k330.com/blog/codex-slash/plugins-guide/Codex 的插件商店目前有哪些官方插件？每个插件能做什么、怎么安装、适合什么场景？本文逐一详解 Gmail、Slack、Google Drive、GitHub、Security、Sites、Chrome、Computer Use、Figma 等全部官方插件。Sat, 06 Jun 2026 09:00:00 GMThttps://k330.com/blog/sub2api-intro/https://k330.com/blog/sub2api-intro/Sub2API 是一个 Go + Vue 3 构建的 AI API 网关平台，与 new-api 同赛道但定位不同——它内置了支付宝/微信/Stripe 支付系统，支持 OAuth 订阅转 API 分发、Token 级精确计费、粘性会话、并发控制。零额外服务即可实现用户自助充值。Sat, 06 Jun 2026 08:00:00 GMThttps://k330.com/blog/codex-slash/codex-vs-claude/https://k330.com/blog/codex-slash/codex-vs-claude/两大 AI 编程工具的斜杠命令体系横评：从基础会话控制到多 Agent 并行、从代码审查到生态集成，一文讲清它们的设计哲学差异和选型建议。Sat, 06 Jun 2026 08:00:00 GMThttps://k330.com/blog/codex-slash/slash-08-advanced/https://k330.com/blog/codex-slash/slash-08-advanced/插件、技能、MCP 服务器、应用连接器——Codex 的生态集成系统让 AI 编程从单机工具升级为协作平台。本文详解 /plugins、/skills、/mcp、/apps、/hooks、/memories 等命令，以及如何创建自定义斜杠命令。Sat, 06 Jun 2026 07:10:00 GMThttps://k330.com/blog/codex-slash/slash-07-config/https://k330.com/blog/codex-slash/slash-07-config/Vim 模式、终端主题、状态栏定制、窗口标题——Codex 的个性化命令让你把终端调成最高效的形状。本文讲解 /keymap、/vim、/statusline、/title、/theme、/goal 的完整用法。Sat, 06 Jun 2026 07:00:00 GMThttps://k330.com/blog/codex-slash/slash-06-parallel/https://k330.com/blog/codex-slash/slash-06-parallel/编译的同时让 Codex 写单元测试，修 bug 的同时让另一个 agent 审查代码——Codex 的并行工作能力让你告别串行等待。本文讲解 /agent、/ps、/stop、/fork 的实战用法。Sat, 06 Jun 2026 06:50:00 GMThttps://k330.com/blog/codex-slash/slash-05-model/https://k330.com/blog/codex-slash/slash-05-model/同一个问题，用不同的模型和推理深度回答，效果天差地别。本文讲解 /model、/fast、/personality、/plan 的参数细节，帮你在速度与质量之间找到最佳平衡点。Sat, 06 Jun 2026 06:40:00 GMThttps://k330.com/blog/new-api/10-international-payment/https://k330.com/blog/new-api/10-international-payment/面向海外用户的 API 付费服务，需要对接 Stripe、PayPal 等国际支付渠道。本文详解 Stripe Checkout 一键接入、PayPal REST API 回调处理、Paddle 全球税务代缴，以及 LemonSqueezy 的零门槛方案。含完整的 Webhook 验签与额度充值代码。Sat, 06 Jun 2026 06:30:00 GMThttps://k330.com/blog/codex-slash/slash-04-review/https://k330.com/blog/codex-slash/slash-04-review//review 能做什么、不能做什么？本文深入讲解 Codex 代码审查模式的用法、参数细节，以及如何配合 /diff 和 /init 建立完整的 pre-PR 质量防线。Sat, 06 Jun 2026 06:30:00 GMThttps://k330.com/blog/codex-slash/slash-03-permissions/https://k330.com/blog/codex-slash/slash-03-permissions/Codex 能读文件、写代码、执行命令、访问网络——但你随时可以精确控制它每一步的权限。本文详解 /permissions、/approve、/debug-config 以及沙箱机制的正确用法。Sat, 06 Jun 2026 06:20:00 GMThttps://k330.com/blog/codex-slash/slash-02-session/https://k330.com/blog/codex-slash/slash-02-session/同时处理多个任务、找回历史会话、用分支探索不同方向——Codex 的对话管理命令让你告别聊天记录地狱。本文系统讲解 /resume、/fork、/side、/compact 等命令的正确用法。Sat, 06 Jun 2026 06:10:00 GMThttps://k330.com/blog/new-api/09-payment/https://k330.com/blog/new-api/09-payment/new-api 自带额度系统但缺少支付环节。本文详解三种方案让用户自助充值：个人免签支付（V免签/码支付）、第三方聚合支付（易支付）、以及适合小团队的半自动方案。从零搭建支付回调，实现充值即到账。Sat, 06 Jun 2026 06:00:00 GMThttps://k330.com/blog/codex-slash/slash-01-basics/https://k330.com/blog/codex-slash/slash-01-basics/第一次打开 Codex 不知道从哪里下手？本文带你掌握 /status、/model、/clear、/feedback 等核心基础命令，5 分钟建立完整的操作框架。Sat, 06 Jun 2026 06:00:00 GMThttps://k330.com/blog/new-api/08-advanced/https://k330.com/blog/new-api/08-advanced/团队规模扩大后的进阶玩法：多 new-api 实例联邦、跨区域渠道调度与负载均衡、OIDC/OAuth 单点登录集成、自定义模型路由策略，以及与其他工具（CLIProxyAPI、Ollama）的组合使用。Sat, 06 Jun 2026 05:30:00 GMThttps://k330.com/blog/new-api/07-production/https://k330.com/blog/new-api/07-production/从内网测试到公网服务，生产环境部署 new-api 需要反向代理、HTTPS、数据库优化、备份恢复、安全加固。本文覆盖 Nginx 和 Caddy 两种反代方案、MySQL 调优、自动备份脚本、防火墙与 fail2ban 配置。Sat, 06 Jun 2026 05:00:00 GMThttps://k330.com/blog/new-api/06-monitoring/https://k330.com/blog/new-api/06-monitoring/日志和监控是运维 new-api 的核心能力。本文详解请求日志的使用、渠道健康检查的配置、Webhook 告警的接入（钉钉/飞书/企业微信/Slack），以及如何通过 Prometheus + Grafana 搭建可视化监控面板。Sat, 06 Jun 2026 04:30:00 GMThttps://k330.com/blog/new-api/05-pricing/https://k330.com/blog/new-api/05-pricing/new-api 支持灵活的模型定价系统——按 Token、按次、按模型差异化定价。本文详解如何配置价格、设置倍率、估算成本、平衡收支，以及如何用定价策略引导用户选择更经济的模型。Sat, 06 Jun 2026 04:00:00 GMThttps://k330.com/blog/cliproxyapi/08-tools/https://k330.com/blog/cliproxyapi/08-tools/两个 Python 脚本——cpa_keeper.py 将账号快照持久化到 SQLite，cpa_cost.py 基于 new-api 日志计算等效 Anthropic API 成本，配合 crontab 实现全自动用量追踪与成本量化。Sat, 06 Jun 2026 04:00:00 GMThttps://k330.com/blog/new-api/04-tokens/https://k330.com/blog/new-api/04-tokens/令牌是分发给用户的访问凭证，new-api 的权限、额度、限流全部围绕令牌展开。本文详解如何创建和管理令牌/用户、设置额度策略、配置 IP 白名单、模型访问控制，以及管理员 vs 普通用户的角色区分。Sat, 06 Jun 2026 03:30:00 GMThttps://k330.com/blog/claude-code/slash-08-advanced/https://k330.com/blog/claude-code/slash-08-advanced/从 AI 辅助深度研究到全自动 CI/CD 流水线，Claude Code 的进阶命令能把你的开发工作流提升到新的层次。本文讲解 /deep-research、/ultraplan、/autofix-pr、/schedule 等命令。Sat, 06 Jun 2026 03:10:00 GMThttps://k330.com/blog/new-api/03-channels/https://k330.com/blog/new-api/03-channels/渠道是 new-api 连接上游模型提供商的核心概念。本文详解如何添加 OpenAI、Anthropic、Gemini、DeepSeek、通义千问、Ollama 等渠道，配置模型映射与别名，以及渠道优先级、权重、健康检查等高级特性。Sat, 06 Jun 2026 03:00:00 GMThttps://k330.com/blog/claude-code/slash-07-config/https://k330.com/blog/claude-code/slash-07-config/一个配置好的 Claude Code 环境，能让 AI 更准确地理解你的项目、更高效地使用外部工具。本文讲解 /mcp、/permissions、/hooks、/add-dir 等配置类命令的实战用法。Sat, 06 Jun 2026 03:00:00 GMThttps://k330.com/blog/claude-code/slash-06-parallel/https://k330.com/blog/claude-code/slash-06-parallel/Claude Code 最强大的能力之一：让多个 AI Agent 同时工作，你负责方向，它们负责执行。本文详解 /background、/batch、/fork、/tasks、/loop、/goal 的使用方法。Sat, 06 Jun 2026 02:50:00 GMThttps://k330.com/blog/claude-code/slash-05-model/https://k330.com/blog/claude-code/slash-05-model/同一个问题，用不同的模型和推理深度回答，效果天差地别。本文讲解 /model、/effort、/fast、/plan 的参数细节，帮你在速度与质量之间找到最佳平衡点。Sat, 06 Jun 2026 02:40:00 GMThttps://k330.com/blog/new-api/02-installation/https://k330.com/blog/new-api/02-installation/三种方式安装 new-api：二进制直接运行（推荐）、Docker Compose、以及从 one-api 迁移。覆盖 SQLite 和 MySQL 两种数据库方案，systemd 服务配置，以及首次登录后的安全设置。Sat, 06 Jun 2026 02:30:00 GMThttps://k330.com/blog/claude-code/slash-04-review/https://k330.com/blog/claude-code/slash-04-review//diff、/code-review、/security-review——Claude Code 内置的代码审查体系能帮你在提 PR 前发现 bug、清理冗余、排查安全漏洞。本文全面讲解这套工具链的正确打开方式。Sat, 06 Jun 2026 02:30:00 GMThttps://k330.com/blog/claude-code/slash-03-context/https://k330.com/blog/claude-code/slash-03-context/对话越来越长、响应变慢、AI 开始"忘事"——这是 Token 上下文窗口告急的信号。本文讲解 /context、/compact、/memory、/init 等命令，帮你把上下文管理做到位。Sat, 06 Jun 2026 02:20:00 GMThttps://k330.com/blog/claude-code/slash-02-session/https://k330.com/blog/claude-code/slash-02-session/同时处理多个任务、找回历史会话、撤销一次错误的操作——这些都是 Claude Code 会话管理命令擅长的事。本文系统讲解 /clear、/resume、/branch、/rewind 等命令的正确用法。Sat, 06 Jun 2026 02:10:00 GMThttps://k330.com/blog/new-api/01-overview/https://k330.com/blog/new-api/01-overview/new-api 是 one-api 的下一代继任者，一个开源的 AI API 管理分发系统。它把多个模型提供商的 API 统一成一个 OpenAI 兼容端点，支持用户管理、计费、限流、用量统计。Sat, 06 Jun 2026 02:00:00 GMThttps://k330.com/blog/claude-code/slash-01-basics/https://k330.com/blog/claude-code/slash-01-basics/第一次打开 Claude Code 不知道从哪里下手？本文带你掌握 /help、/status、/config、/doctor 等核心基础命令，5 分钟建立完整的操作框架。Sat, 06 Jun 2026 02:00:00 GMThttps://k330.com/blog/blog-rendering-pitfalls/https://k330.com/blog/blog-rendering-pitfalls/在 Astro 6 博客里集成 Mermaid 流程图、Markmap 思维导图、双主题代码高亮过程中踩过的每一个坑，以及最终的解决方案。Fri, 05 Jun 2026 15:59:00 GMThttps://k330.com/blog/building-this-blog/https://k330.com/blog/building-this-blog/从零开始，在一台运行着 new-api 和 cliproxyapi 的 1GB 小服务器上，搭建这个支持多主题、在线编辑、Mermaid 渲染的技术博客——以及那些踩过的坑。Fri, 05 Jun 2026 15:45:00 GMThttps://k330.com/blog/cliproxyapi/07-ops/https://k330.com/blog/cliproxyapi/07-ops/系统化讲解如何用脚本和定时任务实现 CLIProxyAPI 账号健康检测、配额统计与多渠道告警。Fri, 05 Jun 2026 14:00:00 GMThttps://k330.com/blog/cliproxyapi/06-new-api/https://k330.com/blog/cliproxyapi/06-new-api/将 CLIProxyAPI 接入 new-api，实现用户管理、计费、限流，一套 CLI OAuth 订阅支撑整个团队。Fri, 05 Jun 2026 14:00:00 GMThttps://k330.com/blog/cliproxyapi/05-antigravity/https://k330.com/blog/cliproxyapi/05-antigravity/Antigravity 是 Google 旗下可访问全系 Claude 模型（Opus 4.8 / 4.7 / 4.6）及 Gemini 3.x 系列的 AI 编程平台，本文深入讲解登录、配置、混合轮询、兜底策略与多账号叠加。Fri, 05 Jun 2026 14:00:00 GMThttps://k330.com/blog/cliproxyapi/04-production/https://k330.com/blog/cliproxyapi/04-production/从开发环境迁移到生产环境：完整的 Nginx/Caddy 反代配置、TLS 加密、systemd 自启、Docker Compose 部署、日志与监控，以及关键的安全加固措施。Fri, 05 Jun 2026 14:00:00 GMThttps://k330.com/blog/cliproxyapi/03-clients/https://k330.com/blog/cliproxyapi/03-clients/手把手配置 Cursor、Cline、Cherry Studio、Continue.dev 等主流 AI 编程工具，通过 CLIProxyAPI 代理免费使用 Claude、Gemini 等模型。Fri, 05 Jun 2026 14:00:00 GMThttps://k330.com/blog/cliproxyapi/02-multi-account/https://k330.com/blog/cliproxyapi/02-multi-account/一个账号的配额总是不够用？本文讲解如何在 CLIProxyAPI 中配置多账号轮询、配额自动切换、前缀路由、Session Affinity 和模型别名，把多个订阅叠加成一个高可用 API 端点。Fri, 05 Jun 2026 14:00:00 GMThttps://k330.com/blog/cliproxyapi/01-getting-started/https://k330.com/blog/cliproxyapi/01-getting-started/CLIProxyAPI 能把 Claude Pro、Gemini、Codex 等 CLI 订阅转成 OpenAI 兼容 API，让任何支持自定义 API 的客户端都能免费用上顶级模型。本文从安装到上手，一步到位。Fri, 05 Jun 2026 14:00:00 GMThttps://k330.com/blog/hello-world/https://k330.com/blog/hello-world/第一篇文章，测试 Markdown 渲染效果。Fri, 05 Jun 2026 00:00:00 GMT