/zh/tags/ai/Recent content in AI on 隽戈的科技生活馆HugozhWed, 27 May 2026 19:09:31 +0800/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/20/agentmemory-open-source/Wed, 20 May 2026 00:00:00 +0800/zh/blog/2026/05/20/agentmemory-open-source/<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、Cursor 这些 AI 编程 Agent 打交道的人，大概率都遇到过同一个问题：每次开新会话，都得把项目背景重新交代一遍。</strong> 架构选型、目录结构、代码风格、踩过的坑——AI 什么都会，就是不会&quot;记住&quot;你。</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/14/gpt-image-2-prompt-engineering/Thu, 14 May 2026 00:00:00 +0800/zh/blog/2026/05/14/gpt-image-2-prompt-engineering/<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; } /* ---- 模板卡片样式 ---- */ .template-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; position: relative; } .template-card .template-label { display: inline-block; background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 0.2rem 0.6rem; border-radius: 4px; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.75rem; } .template-card pre { margin: 0.5rem 0 0 0; background: #1e293b; color: #e2e8f0; padding: 1rem; border-radius: 8px; font-size: 0.85rem; overflow-x: auto; } .template-card .template-tip { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #e2e8f0; font-size: 0.85rem; color: #64748b; } </style> <p><strong>GPT Image 2 用的是另一种语言——不是关键词标签，是设计师和艺术总监互相交代任务时的&quot;创意简报&quot;语言。一旦理解这个转变，出图就不再靠抽卡碰运气。</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/lifestyle/workplace/ai-native-company-2026/Sat, 09 May 2026 00:00:00 +0800/zh/lifestyle/workplace/ai-native-company-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; } /* 标题样式 */ .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); } /* 代码块 */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* 响应式 */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } } </style> <div class="lead-quote"> 从"工具"到"重构公司"：AI 不只提效，而是重新定义组织的形态。你准备好了吗？ </div> <div class="info-box"> **一句话说清楚：** AI Native 公司不是"人在原流程里用 AI 工具"，而是把 AI 变成公司运转的中枢。每个流程、决策、结果都进入一个可查询、可反馈、可自动优化的闭环系统。 </div> <p><strong>创业三个月，问题暴露后才想明白一件事：我们只是一家「传统公司很会用 AI」，而不是真正的 AI Native 公司。</strong> 这个转变，才是 2026 年最值得做的事。</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>