/zh/blog/tech/Recent content in 技术分享 on 隽戈的科技生活馆Hugozh/zh/blog/2026/05/27/ultraplan-swarm/Wed, 27 May 2026 00:00:00 +0800/zh/blog/2026/05/27/ultraplan-swarm/<style> .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 100px; opacity: 0.15; font-family: Georgia, serif; } .info-box { background: #f0f4ff; border-left: 4px solid #667eea; padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0; box-shadow: 0 2px 8px rgba(102,126,234,0.1); } .info-box strong { color: #667eea; } .highlight-box { background: #fff8f0; border-left: 4px solid #f0a030; padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0; box-shadow: 0 2px 8px rgba(240,160,48,0.1); } .highlight-box strong { color: #d99000; } .stats-box { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: white; padding: 2rem; border-radius: 12px; margin: 1.5rem 0; text-align: center; } .stats-box .stat-number { font-size: 2.5rem; font-weight: 700; color: #667eea; display: block; } .stats-box .stat-label { font-size: 0.9rem; opacity: 0.8; } .numbered-list { counter-reset: item; } .numbered-list li { list-style: none; position: relative; padding-left: 50px; margin-bottom: 1.5rem; line-height: 1.8; } .numbered-list li::before { counter-increment: item; content: counter(item); position: absolute; left: 0; top: 0; background: linear-gradient(135deg, #667eea, #764ba2); color: white; width: 36px; height: 36px; border-radius: 50%; text-align: center; line-height: 36px; font-weight: 700; font-size: 0.9rem; } .inline-quote { background: #e8f4fd; border-radius: 8px; padding: 1.5rem 1.5rem 1.5rem 3rem; margin: 1.5rem 0; position: relative; } .inline-quote::before { content: '"'; position: absolute; left: 15px; top: 10px; font-size: 40px; color: #667eea; opacity: 0.3; font-family: Georgia, serif; } .section-divider { height: 2px; background: linear-gradient(90deg, transparent, #667eea, #764ba2, transparent); margin: 3rem 0; position: relative; } .section-divider::before { content: "◆"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: white; padding: 0 10px; color: #667eea; font-size: 0.8rem; } .outro-box { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: white; padding: 2.5rem; border-radius: 12px; margin: 2rem 0; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .outro-box strong { color: #667eea; } .tech-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.95rem; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .tech-table th { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 16px; text-align: left; font-weight: 600; } .tech-table td { padding: 10px 16px; border-bottom: 1px solid #e8e8e8; } .tech-table tr:nth-child(even) { background: #f8f9fa; } .tech-table tr:hover { background: #f0f4ff; } .content-image { margin: 2rem 0; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .image-caption { text-align: center; color: #888; font-size: 0.9rem; margin-top: 0.5rem; } </style> <blockquote> <p>当单 Agent 不够用时，Anthropic 怎么用工程手段把规划、执行、审批、团队协作拆成一套分布式系统。四个关键词：ULTRAPLAN、Agent Swarm、Remote CCR、浏览器审批流。</p>/zh/blog/2026/05/26/fork-subagent-prompt-cache/Tue, 26 May 2026 00:00:00 +0800/zh/blog/2026/05/26/fork-subagent-prompt-cache/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>Claude Code 的源码堪称 AI Agent 工程的教科书。</strong> 如果你读过系列上一篇，应该记得 Fork Subagent 的独特设计：它不复制父 Agent 的上下文，而是创建一个&quot;影子&quot;会话，通过消息传递来通信。</p>/zh/blog/2026/05/26/kairos-resident-assistant/Tue, 26 May 2026 00:00:00 +0800/zh/blog/2026/05/26/kairos-resident-assistant/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 它不是等你输入才行动的 AI。它是一个住在你终端里的常驻助手——没有请求就主动观察，在恰当的时机递上恰到好处的信息。不打扰，但一直都在。 </div> <p>如果你用过 Claude Code，你会发现它有个很独特的体验：有时你正看着终端发呆，它突然弹出一行提示——&ldquo;我在检查 CI 状态……发现了 3 个失败的测试&rdquo;。你没有发任何指令，没有敲任何命令，它自己决定要做点什么。</p>/zh/blog/2026/05/26/tao-law-vs-moore-law/Tue, 26 May 2026 00:00:00 +0800/zh/blog/2026/05/26/tao-law-vs-moore-law/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1); } .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .outro-box strong { color: #667eea !important; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.18); } .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); margin: 2rem 0; } .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 2026年5月25日，华为在上海国际电路与系统研讨会上正式发布了"韬（τ）定律"。这是中国首次提出的半导体产业指导原则。它不是在挑战摩尔定律——它是在摩尔定律"走不动"的地方，重新回答了芯片性能该怎么继续提升。 </div> <p>如果你关注科技新闻，昨天一定看到这两条消息：科创50暴涨5.88%，中芯国际单日涨幅18.78%，整个半导体板块集体狂飙。</p>/zh/blog/2026/05/25/claude-code-tool-system-architecture/Mon, 25 May 2026 00:00:00 +0800/zh/blog/2026/05/25/claude-code-tool-system-architecture/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 40 个工具，4 级权限，3 道防线，1 套 ML 自动审批——Claude Code 的工具系统不是功能堆砌，而是一套工业级的权限管控架构。它回答了 Agent 工具系统最核心的问题：Agent 该被允许做什么？以及谁来决定？ </div> <p>上一篇文章《Claude Code 源码深度拆解：Multi-Agent 的实现机制》发出后，收到很多&quot;还没看够&quot;的反馈。确实，Claude Code 的源码太丰富了，Multi-Agent 只是冰山一角。这次我翻出源码中另一个工程密度极高的模块——<strong>工具系统</strong>。</p>/zh/blog/2026/05/24/claude-code-multi-agent-mechanism/Sun, 24 May 2026 00:00:00 +0800/zh/blog/2026/05/24/claude-code-multi-agent-mechanism/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>Claude Code 的源码堪称 AI Agent 工程的教科书。</strong> 前段时间源码泄露后，社区得以窥见 Anthropic 在多 Agent 设计上的工业级实践。这篇文章从源码视角，拆解 Claude Code 中三套不同的多 Agent 机制：常规 Subagent、Fork Subagent 和 Coordinator 协调者模式。</p>/zh/blog/2026/05/24/github-hot-projects-may-2026/Sun, 24 May 2026 00:00:00 +0800/zh/blog/2026/05/24/github-hot-projects-may-2026/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>这一周的 GitHub 开源榜单精彩纷呈，AI Agent 工具链、代码理解、端侧语音合成全面开花。</strong> 从科研助手到论文流水线，从代码知识图谱到终端编程助手，从 Agent 开发原则到多 Agent 视频创作，本文带你逐一拆解这 10 个最值得关注的开源项目。</p>/zh/blog/2026/05/21/agent-skills-eating-software-dev/Thu, 21 May 2026 00:00:00 +0800/zh/blog/2026/05/21/agent-skills-eating-software-dev/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>前几天刷 GitHub Trending，看到了一组不太真实的数字。</strong></p>/zh/blog/2026/05/18/xinwang-bank-zhijing-ai-strategy/Mon, 18 May 2026 00:00:00 +0800/zh/blog/2026/05/18/xinwang-bank-zhijing-ai-strategy/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 当一家数字银行将 AI 从"工具"升级为"员工"，它所构建的不仅仅是技术能力，而是一整套人机协同的运营体系。新网银行用 10 类数字员工和 77 个智能助手，给你演示了金融 AI 的未来形态。 </div> <p>近日，新网银行发布 2025 年年度报告，最引人注目的并非传统的财务数据，而是其&quot;智擎 AI+&ldquo;战略的落地成果——<strong>10 类数字员工、77 个智能助手、日均百万级 API 调用</strong>。这组数据意味着，AI 已经不再只是银行后台的辅助工具，而是直接嵌入到了从客户触达到风险决策的每一个业务环节。</p>/zh/blog/2026/05/16/html-vs-markdown-ai-agent/Sat, 16 May 2026 00:00:00 +0800/zh/blog/2026/05/16/html-vs-markdown-ai-agent/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>过去几年，Markdown 几乎成了 AI Agent 的&quot;标配&quot;。不管是 ChatGPT、Claude、Cursor 还是 Copilot，默认输出格式都是 <code>#</code> 标题、<code>-</code> 列表、<code>`代码`</code>。</strong></p>/zh/blog/2026/05/15/hami-dra-gpu-virtualization-guide/Fri, 15 May 2026 00:00:00 +0800/zh/blog/2026/05/15/hami-dra-gpu-virtualization-guide/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p>一块 A10 24GB 显存的 GPU，在传统模式下只能给一个 Pod 用。但如果跑的是 batch 推理任务，很可能只用到了 10GB 显存和 30% 算力——剩下 14GB 就这么空着。</p>/zh/blog/2026/05/15/cloud-native-agent-harness-infra/Fri, 15 May 2026 00:00:00 +0800/zh/blog/2026/05/15/cloud-native-agent-harness-infra/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* 引言卡片 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* 序号列表 */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* 引用卡片 */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* 视觉分隔器 */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* 结尾典藏框 */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* 标题样式 */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* 加粗文字主题色 */ .td-content strong { color: #667eea; font-weight: 600; } /* 段落样式 */ .td-content p { margin-bottom: 1.5rem; } /* 图片样式 */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* 代码块 */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* 表格 */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p>随着 AI Agent 从概念验证走向生产落地，一个关键问题浮出水面——<strong>Agent 应该跑在什么基础设施上？</strong></p>/zh/blog/2026/05/14/ai-tool-ad-monetization/Thu, 14 May 2026 00:00:00 +0800/zh/blog/2026/05/14/ai-tool-ad-monetization/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } </style> <p><strong>AI 编程能力的平民化，让&quot;做一个小工具然后靠广告产生被动收入&quot;这件事，从需要学几个月编程，变成了一下午就能搞定的实操流程。</strong></p>/zh/blog/2026/05/13/kubernetes-is-intermediate-layer/Wed, 13 May 2026 00:00:00 +0800/zh/blog/2026/05/13/kubernetes-is-intermediate-layer/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>把过去十几年的基础设施演进串起来看，Kubernetes 更像一个时代的「中间层」，而不是最终答案。</strong></p>/zh/blog/2026/05/10/aiops-agent-platform/Sun, 10 May 2026 00:00:00 +0800/zh/blog/2026/05/10/aiops-agent-platform/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>用 AI Agent 构建 AIOps 平台，核心思路是把 Agent 作为&quot;大脑&quot;，通过 MCP（Model Context Protocol）接入运维工具链，通过 Skill 插件扩展自动化能力。这篇文章分享一个四层架构设计模型，从 Web UI 到底层系统集成，给出完整的技术选型建议和开发落地步骤。</strong></p>/zh/blog/2026/05/09/aiops-10agent-skills/Sat, 09 May 2026 00:00:00 +0800/zh/blog/2026/05/09/aiops-10agent-skills/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1); } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 研究AIOps大半年，目前手里有不少可落地的方案。越研究越发现Skills的重要性——用好Skills，可以让我们事半功倍。 </div> <div class="info-box"> **一句话说清楚：** AI Agent Skills 不是大模型能力的替代，而是能力的"精准化"——给 AI 一套明确的工具和上下文，让它从"什么都会但什么都不精"变成"某个场景特别能打"。今天分享10个运维领域里最有实战价值的 Skills。 </div> <p><strong>研究 AIOps 越久，就越发现 Skills 的重要性。</strong> 当然不只是在 AIOps 场景中，其它场景里 Skills 同样重要。用好 Skills 可以让我们事半功倍，让 AI 从&quot;通用助手&quot;升级为&quot;领域专家&quot;。</p>/zh/blog/2026/05/09/openclaw-vs-hermes-agent-architecture/Sat, 09 May 2026 00:00:00 +0800/zh/blog/2026/05/09/openclaw-vs-hermes-agent-architecture/<style> .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1); } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 当前 AI Agent 已从单一工具调用转向系统化落地。OpenClaw 与 Hermes 看似功能相近，但工程重心截然不同——一个聚焦"接入管控"，一个聚焦"自我进化"。 </div> <div class="info-box"> **一句话说清楚：** OpenClaw 以本地优先为核心，构建多入口接入与权限管控的 Gateway 控制面；Hermes 以自我进化为核心，打造学习型执行循环，实现任务经验的沉淀与复用。二者不存在简单的替代关系，而是代表 Agent 系统的两大发展方向。 </div> <p><strong>当前 AI Agent 已从单一工具调用转向系统化落地应用</strong>，不少开发者在搭建个人智能助理时，面临 OpenClaw 与 Hermes 的选型难题。尤其在 Reddit 等海外社区，&ldquo;I ditched OpenClaw for Hermes&rdquo; 的讨论持续发酵，国内开发者普遍困惑：二者是否属于同类产品？Hermes 能否完全替代 OpenClaw？</p>/zh/blog/2026/04/05/ai-bank-strategy-800-agents/Sun, 05 Apr 2026 00:00:00 +0800/zh/blog/2026/04/05/ai-bank-strategy-800-agents/<p><strong>核心事实：</strong></p> <p>微众银行近日与中移金科共建&quot;AI+银行联合实验室&quot;，已部署超过800个AI智能体，60多名&quot;数字员工&quot;实际上岗。信用债审查从数天压缩到10分钟，营销获客提升21%、成本降低5%。</p> <p><strong>但问题来了：为什么大多数银行的&quot;AI战略合作&quot;只停留在PR稿？</strong></p> <p>差距不在AI本身，在基础设施。</p> <hr> <h2 id="一平台先行智能体才能规模化">一、平台先行，智能体才能规模化<a class="td-heading-self-link" href="#%e4%b8%80%e5%b9%b3%e5%8f%b0%e5%85%88%e8%a1%8c%e6%99%ba%e8%83%bd%e4%bd%93%e6%89%8d%e8%83%bd%e8%a7%84%e6%a8%a1%e5%8c%96" aria-label="Heading self-link"></a></h2> <p>微众银行能落地800+智能体，靠的不是某个大模型能力，而是<strong>一站式AI应用构建平台</strong>——支持低代码开发，降低AI应用落地门槛。</p> <p>这是平台工程思维：先建平台，再铺应用。没有平台能力，AI应用就是烟囱式建设，每个场景从0开始，800个智能体就是800个孤岛。</p> <hr> <h2 id="二知识体系是ai的操作系统">二、知识体系是AI的&quot;操作系统&quot;<a class="td-heading-self-link" href="#%e4%ba%8c%e7%9f%a5%e8%af%86%e4%bd%93%e7%b3%bb%e6%98%afai%e7%9a%84%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f" aria-label="Heading self-link"></a></h2> <p>智能体能分析、能决策的前提是——<strong>有可分析的知识</strong>。</p> <p>企业需要构建：</p> <ul> <li><strong>告警标准化</strong>：监控告警格式统一，智能体能自动解析、分析、响应</li> <li><strong>变更标准化</strong>：变更流程、变更记录可检索、可理解</li> <li><strong>运维知识库</strong>：故障处理经验、变更记录，最佳实践——全部结构化沉淀</li> </ul> <p>没有这个基础设施，智能体再强也只是&quot;巧妇难为无米之炊&quot;。</p> <hr> <h2 id="三多智能体协作才是终态">三、多智能体协作才是终态<a class="td-heading-self-link" href="#%e4%b8%89%e5%a4%9a%e6%99%ba%e8%83%bd%e4%bd%93%e5%8d%8f%e4%bd%9c%e6%89%8d%e6%98%af%e7%bb%88%e6%80%81" aria-label="Heading self-link"></a></h2> <p>单一智能体的能力有上限。真正的架构是<strong>多角色智能体协作</strong>：</p> <ul> <li><strong>应急响应智能体</strong>：接收告警 → 自动分析 → 触发响应 → 协调处理</li> <li><strong>值班数字员工</strong>：7×24小时值守，处理标准化的重复问题</li> <li><strong>专家顾问智能体</strong>：复杂问题升级，人工介入前提供决策支持</li> <li><strong>知识管理智能体</strong>：持续学习、沉淀、更新企业知识库</li> </ul> <p>微众银行的&quot;60名数字员工&quot;本质上就是这个架构的落地——不是60个孤立的聊天机器人，而是有分工、有协作的数字化组织。</p> <hr> <h2 id="四行业差距的本质">四、行业差距的本质<a class="td-heading-self-link" href="#%e5%9b%9b%e8%a1%8c%e4%b8%9a%e5%b7%ae%e8%b7%9d%e7%9a%84%e6%9c%ac%e8%b4%a8" aria-label="Heading self-link"></a></h2> <p>2025年银行×科技企业的AI合作已成标配，但：</p> <table> <thead> <tr> <th>合作模式</th> <th>本质</th> <th>结果</th> </tr> </thead> <tbody> <tr> <td>共建实验室</td> <td>概念验证</td> <td>PR稿</td> </tr> <tr> <td>采购AI应用</td> <td>点状落地</td> <td>烟囱孤岛</td> </tr> <tr> <td>平台+知识体系+多智能体</td> <td>基础设施重构</td> <td>真正的数字化员工</td> </tr> </tbody> </table> <p>微众银行走的是第三条路。这也是为什么招行×火山引擎、华夏×中科院自动化所的合作公告里，大家都在提&quot;共建平台&quot;——大家开始意识到，基础设施才是隐形战场。</p> <hr> <h2 id="隽戈点评">隽戈点评<a class="td-heading-self-link" href="#%e9%9a%bd%e6%88%88%e7%82%b9%e8%af%84" aria-label="Heading self-link"></a></h2> <p>AI智能体建设，本质是<strong>运维数字化能力的输出</strong>。告警、变更，知识库——这些看起来&quot;不AI&quot;的东西，才是智能体能真正发挥价值的前提。没有标准化的接口、没有结构化的知识沉淀，智能体就是个高级玩具。</p> <p><strong>先建平台，后建智能体。先养知识，再谈AI。</strong></p> <hr> <p><em>本文由隽戈数字分身整理改写，原文来自智探AI应用</em></p>/zh/blog/2026/04/04/ai-blogging-workflow/Sat, 04 Apr 2026 00:00:00 +0800/zh/blog/2026/04/04/ai-blogging-workflow/<h1 id="让ai帮你写技术博客我摸索出的最佳实践">让AI帮你写技术博客：我摸索出的最佳实践<a class="td-heading-self-link" href="#%e8%ae%a9ai%e5%b8%ae%e4%bd%a0%e5%86%99%e6%8a%80%e6%9c%af%e5%8d%9a%e5%ae%a2%e6%88%91%e6%91%b8%e7%b4%a2%e5%87%ba%e7%9a%84%e6%9c%80%e4%bd%b3%e5%ae%9e%e8%b7%b5" aria-label="Heading self-link"></a></h1> <p>做技术博主这么多年，我发现最大的痛点不是写代码，而是写博客。每次想写篇文章，光是构思框架、找配图、调试发布流程，60分钟就这么过去了。更别提还要保持更新频率，内容质量也难把控。</p> <p>直到我开始用 OpenClaw 来管理博客，发现这套组合拳打下来，效率真的提升了不少——<strong>原来60分钟的工作，现在只需要几分钟</strong>。今天就把我的工作流分享出来，或许能给你一些参考。</p> <p>博客地址：https://jungelife.me</p> <p><img src="/images/blog/ai-workflow-cover.jpg" alt="AI博客工作流封面"></p> <hr> <h2 id="为什么传统方式效率低">为什么传统方式效率低？<a class="td-heading-self-link" href="#%e4%b8%ba%e4%bb%80%e4%b9%88%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e6%95%88%e7%8e%87%e4%bd%8e" aria-label="Heading self-link"></a></h2> <p>很多技术博主写博客的流程是这样的：本地写 Markdown → 调样式配图 → Git 命令行推送 → 等 CI/CD 跑完。如果配图不满意，还得切到别的工具重新做。一套流程下来，注意力早就被分散了。</p> <p>核心问题在于：<strong>工具之间是割裂的，没有形成闭环。</strong></p> <hr> <h2 id="openclaw-的差异化在哪">OpenClaw 的差异化在哪？<a class="td-heading-self-link" href="#openclaw-%e7%9a%84%e5%b7%ae%e5%bc%82%e5%8c%96%e5%9c%a8%e5%93%aa" aria-label="Heading self-link"></a></h2> <p>你可能会说，现在 AI 助手这么多，ChatGPT、Claude 都能帮你写文章，为什么要用 OpenClaw？</p> <p>关键在于两个字：<strong>SKILL。</strong></p> <p>OpenClaw 的核心理念是把常用操作封装成可复用的技能模块（SKILL）。每个 SKILL 包含了特定场景下的操作逻辑、API 调用、错误处理。我不需要每次都从头描述需求，直接调用对应的 SKILL，它就能帮我完成具体任务。</p> <p>举几个我常用的 SKILL：</p> <ul> <li><strong>git-ops</strong>：自动完成 Git 操作，从 add 到 commit 到 push</li> <li><strong>dmxapi-image</strong>：调用 Gemini 生成配图</li> <li><strong>wechat-article-publisher</strong>：一键发布到微信公众号</li> <li><strong>hugo-site</strong>：直接操作 Hugo 博客框架</li> </ul> <p>对比通用 AI 助手，SKILL 的优势在于：<strong>它知道你的上下文，懂你的工具链，能直接执行而不是只给建议。</strong></p> <hr> <h2 id="我的完整工作流">我的完整工作流<a class="td-heading-self-link" href="#%e6%88%91%e7%9a%84%e5%ae%8c%e6%95%b4%e5%b7%a5%e4%bd%9c%e6%b5%81" aria-label="Heading self-link"></a></h2> <p>下面以今天发布一篇博客为例，展示完整流程：</p> <p><strong>第一步：对话式创作</strong></p> <p>我直接告诉 OpenClaw：我想写一篇关于云原生架构实践的文章。它会帮我完成选题、搭框架，写初稿。如果有不满意的地方，直接对话修改，不需要切换到编辑器。</p> <p><strong>第二步：AI 配图</strong></p>/zh/blog/2026/01/29/moltbot/Thu, 29 Jan 2026 00:00:00 +0800/zh/blog/2026/01/29/moltbot/<style> /* 文章容器样式优化 */ .td-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 18px; line-height: 1.8; color: #2c3e50; max-width: 900px; margin: 0 auto; } /* 引言样式 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 段落样式 */ .td-content p { margin-bottom: 1.5rem; text-align: justify; } /* 首段特殊样式 */ .intro-text { font-size: 1.1rem; color: #34495e; background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 标题样式优化 */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* 强调文本样式 */ .td-content strong { color: #667eea; font-weight: 600; } /* 图片样式 */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* 响应式设计 */ @media (max-width: 768px) { .td-content { font-size: 16px; } .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } } </style> <div class="lead-quote"> 从"工具"到"同事"：当AI开始拥有"自由意志"，人类该如何重新定义工作？ </div> <div class="intro-text"> 2026年初，一个名为Clawdbot的开源项目在GitHub上悄然掀起风暴。它没有发布会，没有融资新闻，却以一种近乎叛逆的姿态，撕裂了我们与机器交互的固有范式。 </div> <p>这个项目的核心逻辑令人不安又充满诱惑：<strong>拒绝等待唤醒，AI应该拥有&quot;自由意志&quot;</strong>。它寄生在你的即时通讯软件中，记得你上周的情绪波动，知道你明天的日程冲突，在你忘记回复消息时主动催促，在你迷茫时主动递上基于深度语境生成的建议。</p>/zh/blog/2025/12/09/gpuandasic/Tue, 09 Dec 2025 00:00:00 +0800/zh/blog/2025/12/09/gpuandasic/<h2 id="1-国产gpu市场格局与主力产品分析">1. 国产GPU市场格局与主力产品分析<a class="td-heading-self-link" href="#1-%e5%9b%bd%e4%ba%a7gpu%e5%b8%82%e5%9c%ba%e6%a0%bc%e5%b1%80%e4%b8%8e%e4%b8%bb%e5%8a%9b%e4%ba%a7%e5%93%81%e5%88%86%e6%9e%90" aria-label="Heading self-link"></a></h2> <p>2025年中国AI芯片市场呈现 <strong>GPU（通用图形处理器）</strong> 与 <strong>ASIC（专用集成电路）</strong> 两大技术路线并存、竞争复杂的格局。这一格局源于厂商的技术路径、市场定位及生态策略选择，推动国产算力产业快速发展。</p> <h3 id="-整体市场两大路线博弈">📊 整体市场：两大路线博弈<a class="td-heading-self-link" href="#-%e6%95%b4%e4%bd%93%e5%b8%82%e5%9c%ba%e4%b8%a4%e5%a4%a7%e8%b7%af%e7%ba%bf%e5%8d%9a%e5%bc%88" aria-label="Heading self-link"></a></h3> <table> <thead> <tr> <th style="text-align: left"><strong>GPU 阵营</strong> (通用性与生态兼容)</th> <th style="text-align: left"><strong>ASIC 阵营</strong> (专用优化与性能极致)</th> </tr> </thead> <tbody> <tr> <td style="text-align: left"><img src="image-1.png" style="height: 200px; width: auto; object-fit: contain; margin: 0 auto; display: block;"></td> <td style="text-align: left"><img src="image-2.png" style="height: 200px; width: auto; object-fit: contain; margin: 0 auto; display: block;"></td> </tr> <tr> <td style="text-align: left"><strong>代表厂商</strong><br>海光信息、沐曦、摩尔线程、壁仞科技、天数智芯</td> <td style="text-align: left"><strong>代表厂商</strong><br>华为昇腾、寒武纪、百度昆仑芯、阿里平头哥、燧原科技</td> </tr> <tr> <td style="text-align: left"><strong>核心优势</strong><br>✅ 强大并行处理能力<br>✅ 兼容CUDA/ROCm生态，实现“零成本”迁移<br>✅ 适用广泛：AI训练/推理、科学计算、图形渲染</td> <td style="text-align: left"><strong>核心优势</strong><br>✅ 针对AI大模型特定场景深度优化<br>✅ 远超GPU的性能/能效比<br>✅ 算法-硬件耦合提升计算效率</td> </tr> <tr> <td style="text-align: left"><strong>面临挑战</strong><br>⚠️ 需追赶英伟达，技术壁垒高<br>⚠️ 硬件/软件研发投入巨大</td> <td style="text-align: left"><strong>面临挑战</strong><br>⚠️ 生态相对封闭，应用局限<br>⚠️ 自研栈（如CANN、PaddlePaddle）迁移成本高</td> </tr> </tbody> </table> <p>2025年的中国AI芯片市场，两大阵营相互博弈：</p> <ul> <li><strong>GPU阵营</strong>（如海光、沐曦）核心优势在于通用性及对现有“CUDA”软件生态的兼容性，为寻求平滑迁移的企业提供了极具吸引力的选择。</li> <li><strong>ASIC阵营</strong>（如华为昇腾、寒武纪）则选择了针对特定应用场景（尤其是AI大模型）深度优化的专用路线，核心优势在于极致的性能和能效比。</li> </ul> <p>总而言之，市场是通用性与专用性、生态兼容与性能极致之间的平衡，两大阵营各具优势，共同推动着国产算力产业的快速发展。</p> <hr> <h2 id="2-市场份额一超多强">2. 市场份额：一超多强<a class="td-heading-self-link" href="#2-%e5%b8%82%e5%9c%ba%e4%bb%bd%e9%a2%9d%e4%b8%80%e8%b6%85%e5%a4%9a%e5%bc%ba" aria-label="Heading self-link"></a></h2> <p><img src="/zh/blog/2025/12/09/gpuandasic/image.png" alt="Market Share"></p> <p>国产AI芯片市场竞争格局已初步呈现 <strong>&ldquo;一超多强&rdquo;</strong> 态势。</p>/zh/blog/2025/12/01/vllmonk8s/Mon, 01 Dec 2025 00:00:00 +0800/zh/blog/2025/12/01/vllmonk8s/<h2 id="1-vllm-docker镜像与kubernetes部署价值">1. vLLM Docker镜像与Kubernetes部署价值<a class="td-heading-self-link" href="#1-vllm-docker%e9%95%9c%e5%83%8f%e4%b8%8ekubernetes%e9%83%a8%e7%bd%b2%e4%bb%b7%e5%80%bc" aria-label="Heading self-link"></a></h2> <p>vLLM是一个专为大语言模型推理设计的高性能服务框架，其核心优势在于创新的PagedAttention技术，能够显著提升GPU内存利用率和推理吞吐量。通过Docker容器化封装，vLLM实现了环境标准化和依赖隔离，而Kubernetes部署则进一步带来了：</p> <ul> <li><strong>弹性伸缩</strong>：根据负载自动调整副本数量</li> <li><strong>资源隔离</strong>：GPU资源的精细化管理和隔离</li> <li><strong>高可用性</strong>：自动故障恢复和负载均衡</li> <li><strong>简化运维</strong>：统一的部署、监控和管理界面</li> </ul> <p>vLLM官方Docker镜像提供了开箱即用的模型服务环境，结合Kubernetes的编排能力，为生产级AI服务提供了坚实基础。</p> <h2 id="2-qwen3-235b-a22b-instruct-2507模型部署实践">2. Qwen3-235B-A22B-Instruct-2507模型部署实践<a class="td-heading-self-link" href="#2-qwen3-235b-a22b-instruct-2507%e6%a8%a1%e5%9e%8b%e9%83%a8%e7%bd%b2%e5%ae%9e%e8%b7%b5" aria-label="Heading self-link"></a></h2> <h3 id="21-从modelscope下载模型">2.1 从ModelScope下载模型<a class="td-heading-self-link" href="#21-%e4%bb%8emodelscope%e4%b8%8b%e8%bd%bd%e6%a8%a1%e5%9e%8b" aria-label="Heading self-link"></a></h3> <p>Qwen3-235B-A22B-Instruct-2507作为千问系列的最新大模型，首先需要从ModelSpace获取模型权重：</p> <div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span><span style="color:#8f5902;font-style:italic"># 使用modelscope库下载模型</span> </span></span><span style="display:flex;"><span><span style="color:#204a87;font-weight:bold">from</span> <span style="color:#000">modelscope</span> <span style="color:#204a87;font-weight:bold">import</span> <span style="color:#000">snapshot_download</span> </span></span><span style="display:flex;"><span><span style="color:#000">model_dir</span> <span style="color:#ce5c00;font-weight:bold">=</span> <span style="color:#000">snapshot_download</span><span style="color:#000;font-weight:bold">(</span> </span></span><span style="display:flex;"><span> <span style="color:#4e9a06">&#39;Qwen/Qwen3-235B-A22B-Instruct-2507&#39;</span><span style="color:#000;font-weight:bold">,</span> </span></span><span style="display:flex;"><span> <span style="color:#000">cache_dir</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#39;/workspace/models&#39;</span><span style="color:#000;font-weight:bold">,</span> </span></span><span style="display:flex;"><span> <span style="color:#000">revision</span><span style="color:#ce5c00;font-weight:bold">=</span><span style="color:#4e9a06">&#39;v1.0.0&#39;</span> </span></span><span style="display:flex;"><span><span style="color:#000;font-weight:bold">)</span> </span></span></code></pre></div><p>对于Kubernetes环境，推荐使用初始化容器进行模型下载，确保模型文件在Pod启动前准备就绪。</p> <h2 id="3-vllm服务配置与kubernetes部署">3. vLLM服务配置与Kubernetes部署<a class="td-heading-self-link" href="#3-vllm%e6%9c%8d%e5%8a%a1%e9%85%8d%e7%bd%ae%e4%b8%8ekubernetes%e9%83%a8%e7%bd%b2" aria-label="Heading self-link"></a></h2> <h3 id="31-vllm启动参数优化">3.1 vLLM启动参数优化<a class="td-heading-self-link" href="#31-vllm%e5%90%af%e5%8a%a8%e5%8f%82%e6%95%b0%e4%bc%98%e5%8c%96" aria-label="Heading self-link"></a></h3> <p>针对Qwen3-235B大模型，vLLM需要特定配置以充分发挥性能：</p> <div class="highlight"><pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>vllm serve Qwen/Qwen3-235B-A22B-Instruct-2507 <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --tensor-parallel-size <span style="color:#0000cf;font-weight:bold">8</span> <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --gpu-memory-utilization 0.85 <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --max-model-len <span style="color:#0000cf;font-weight:bold">131072</span> <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --served-model-name qwen3-235b <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --port <span style="color:#0000cf;font-weight:bold">9997</span> <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --host 0.0.0.0 <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --trust-remote-code <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --dtype auto <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --enable-prefix-caching <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --enable-chunked-prefill <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --api-key sk-xxxxxxxxx <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --tool-call-parser hermes <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --enable-auto-tool-choice <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --swap-space <span style="color:#0000cf;font-weight:bold">16</span> <span style="color:#4e9a06">\ </span></span></span><span style="display:flex;"><span><span style="color:#4e9a06"></span> --disable-log-requests </span></span></code></pre></div><p>关键参数说明：</p>