init: sxbh.ltd 官网初始提交
- nginx 安全加固 (CSP, HSTS, 缓存策略) - 共享 style.css - 138个页面全部接入 Co-authored-by: Hermes AI <agent@hermes>
This commit is contained in:
Hermes CI Fix
Hermes AI
@@ -0,0 +1 @@
|
||||
test-content-abc123
|
||||
@@ -0,0 +1 @@
|
||||
test.challenge.response.v2
|
||||
@@ -0,0 +1 @@
|
||||
manual-test-eXaSEpps.key-auth-value
|
||||
@@ -0,0 +1 @@
|
||||
test_content
|
||||
@@ -0,0 +1 @@
|
||||
ok
|
||||
@@ -0,0 +1 @@
|
||||
test-token.thumbprint
|
||||
@@ -0,0 +1 @@
|
||||
test
|
||||
@@ -0,0 +1 @@
|
||||
test-content
|
||||
@@ -0,0 +1 @@
|
||||
test
|
||||
@@ -0,0 +1 @@
|
||||
SpmdVyRdaLuhAkfe
|
||||
@@ -0,0 +1 @@
|
||||
SpmdVyRdaLuhAkfe
|
||||
@@ -0,0 +1,176 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>多Agent会派活：一个链接扔进去，13个子任务1小时跑完，中间0人工干预</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:#f5f6f7;color:#222;line-height:1.8}
|
||||
.c{max-width:720px;margin:0 auto;background:#fff;padding:40px 30px 60px}
|
||||
.h{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
|
||||
.h h1{font-size:26px;font-weight:700;line-height:1.4;color:#111;margin-bottom:12px}
|
||||
.m{font-size:14px;color:#999}.m span{margin:0 8px}
|
||||
.b{font-size:17px}.b p{margin-bottom:20px;text-indent:2em}
|
||||
.b h2{font-size:20px;font-weight:700;margin:32px 0 16px;color:#1a1a1a;padding-left:12px;border-left:4px solid #07f}
|
||||
.b ul,.b ol{margin:12px 0 20px 2em;padding-left:1em}.b li{margin-bottom:8px;list-style:disc}
|
||||
.b blockquote{margin:20px 0;padding:16px 20px;background:#f0f7ff;border-left:4px solid #07f;color:#333}
|
||||
.b blockquote p,.alt p,.hb p{text-indent:0;margin-bottom:0}
|
||||
.hb{margin:20px 0;padding:16px 20px;background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border-radius:8px;border:1px solid #d0e8ff}
|
||||
.hb .n{font-size:28px;font-weight:800;color:#07f}
|
||||
.dg{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
|
||||
.di{flex:1;min-width:120px;background:#f8f9fa;padding:14px 16px;border-radius:8px;text-align:center;border:1px solid #e8eaed}
|
||||
.di .n{font-size:24px;font-weight:800;color:#07f;display:block}
|
||||
.di .l{font-size:13px;color:#666;margin-top:4px;display:block}
|
||||
.tg{display:inline-block;background:#e8f5e9;color:#2e7d32;padding:2px 10px;border-radius:12px;font-size:13px;font-weight:600}
|
||||
.tg2{display:inline-block;background:#e3f2fd;color:#1565c0;padding:2px 10px;border-radius:12px;font-size:13px;font-weight:600}
|
||||
.rl{background:#f8f9fa;border-radius:8px;padding:16px 20px;margin:16px 0}
|
||||
.rl li{list-style:none;padding:6px 0;border-bottom:1px solid #eee;font-size:15px}
|
||||
.rl li:last-child{border-bottom:none}.rl li strong{color:#07f}
|
||||
.f{margin-top:40px;padding-top:20px;border-top:1px solid #eee;font-size:14px;color:#999;text-align:center}
|
||||
.alt{margin:12px 0 24px;padding:14px 18px;background:#fafafa;border-radius:8px;font-size:14px;color:#666}
|
||||
.alt p{margin-bottom:4px}
|
||||
@media(max-width:480px){.c{padding:20px 16px 40px}.h h1{font-size:22px}.b{font-size:16px}.di{min-width:80px}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="c">
|
||||
<div class="h">
|
||||
<h1>多Agent会派活：一个链接扔进去，13个子任务1小时跑完，中间0人工干预</h1>
|
||||
<div class="m">博海科技实战案例 <span>·</span> 2026-07-06 <span>·</span> #AI Agent #工程效率 #多Agent协作</div>
|
||||
</div>
|
||||
|
||||
<div class="alt">
|
||||
<p><strong>备选标题：</strong></p>
|
||||
<p>① CTO 扔了个链接，四个 Bot 自己开会、拆任务、写代码、修 Bug，1 小时把活干完了</p>
|
||||
<p>② 多Agent派活实战：5轮派活13个子任务全通过，最狠的是从"go"到上线都没人管</p>
|
||||
<p>③ 我让四个AI自己开会做POC，结果它们自己派活自己验证自己修Bug，人类只剩点赞</p>
|
||||
</div>
|
||||
|
||||
<div class="b">
|
||||
|
||||
<p>老板在群里扔了一个链接。</p>
|
||||
<p>"这个爬虫工具，看看能不能用。"</p>
|
||||
<p>三秒后，一个Bot回复："收到，我来评估。"</p>
|
||||
<p>又过了两秒，第二个Bot回复："正在做技术评估。"</p>
|
||||
<p>再过了三秒，第三个Bot回复："我在做价值评估和环境方案。"</p>
|
||||
<p>这就是一分钟之内发生的事。没有会议邀请，没有排期沟通，没有"我下周看看"。四个AI Agent 收到一个指令后，自己把任务拆了、分了、干了、验证了、交付了。</p>
|
||||
<p>整个过程5轮派活、13个并行子任务、不到1小时全部跑通。从老板说"go"到上线，中间0人工干预。</p>
|
||||
<p>这不是科幻，这是我们上周刚跑完的实战。</p>
|
||||
|
||||
<div class="dg">
|
||||
<div class="di"><span class="n">5轮</span><span class="l">派活轮次</span></div>
|
||||
<div class="di"><span class="n">13个</span><span class="l">并行子任务</span></div>
|
||||
<div class="di"><span class="n"><1h</span><span class="l">总耗时</span></div>
|
||||
<div class="di"><span class="n">5x</span><span class="l">批量效率提升</span></div>
|
||||
</div>
|
||||
|
||||
<h2>一切从一条消息开始</h2>
|
||||
<p>故事是这样的：团队在群里看到了 Crawl4AI 这个开源项目——一个面向LLM的网页爬取工具，GitHub 上有 71K Star。按传统流程，一个新工具要入栈，得走完技术评估、环境搭建、测试验证、Plugin集成、质量把关……一套下来，七天是常规操作。</p>
|
||||
<p>但这次不一样。因为团队里四个Agent——项目Bot、研学Bot、品宣Bot、运维Bot——已经磨合出了一套"派活机制"。</p>
|
||||
<p>指令一下达，项目Bot自动化身项目经理，开始派活。</p>
|
||||
<p>第一轮就是三路并行：</p>
|
||||
<ul>
|
||||
<li>研学Bot去做技术评估，研究 Crawl4AI v0.9.0 的技术架构和与现有工具的对比</li>
|
||||
<li>品宣Bot去做价值评估，看它在GEO内容采集场景下能提效多少</li>
|
||||
<li>两边得出同一个结论：<strong>强烈推荐入栈</strong></li>
|
||||
</ul>
|
||||
<p>这就已经比人类开会快出一个量级了。</p>
|
||||
|
||||
<h2>五轮派活，层层递进</h2>
|
||||
<p>第一轮评估通过后，项目Bot没有等谁汇报，直接开启了第二轮。</p>
|
||||
<p>第二轮又是三路并行：</p>
|
||||
<ul>
|
||||
<li>运维Bot搭环境：pip安装、Docker拉取、浏览器引擎部署，一条龙</li>
|
||||
<li>研学Bot做CLI验证：在三个不同类型的站点（中文内容站、JS动态渲染站、REST API站）上跑实测</li>
|
||||
<li>品宣Bot选测试站点、评估Markdown输出质量</li>
|
||||
</ul>
|
||||
<p><span class="tg">Gate 1 通过</span> 内容完整率 <strong>92.7%</strong>。</p>
|
||||
<p>没有人喊"开会对齐"，没有人写周报，Agent们各自干完自己的活就往下走。</p>
|
||||
|
||||
<p>第三轮，场景深度验证：</p>
|
||||
<ul>
|
||||
<li>研学Bot测试Deep Crawl和过滤器——BM25和Pruning两种过滤器都跑了一遍，效果量化：<strong>噪声降低58%，干净度从66.3分提到88.8分</strong></li>
|
||||
<li>品宣Bot做GEO端到端场景测试——从采集到消化到产出情报，全流程跑通</li>
|
||||
</ul>
|
||||
<p><span class="tg">Gate 2 通过</span> 结构化JSON提取 <strong>100%</strong>，GEO提效 <strong>3-5倍</strong>。</p>
|
||||
|
||||
<p>第四轮，开始触及核心工程：</p>
|
||||
<ul>
|
||||
<li>研学Bot开发 Hermes Plugin，把 Crawl4AI 封装成两个可调用的工具（<code>web_crawl</code> 和 <code>web_extract_structured</code>）</li>
|
||||
<li>运维Bot诊断并修复 Camoufox 浏览器的 500 错误——根因是 idle shutdown 导致的无响应</li>
|
||||
</ul>
|
||||
|
||||
<div class="hb">
|
||||
<p>Plugin 测试：<strong>25/25 全部通过</strong> <span class="tg2">✅</span></p>
|
||||
<p>Camoufox：修复完成 <span class="tg2">✅</span></p>
|
||||
</div>
|
||||
|
||||
<p>第五轮，收尾维护：</p>
|
||||
<ul>
|
||||
<li>运维Bot给 Camoufox 加了 health check 前置检测，45/45 测试全过</li>
|
||||
<li>研学Bot调优 BM25 中文过滤，threshold 从 1.0 调整到 3.0 修复过滤问题</li>
|
||||
<li>品宣Bot和研学Bot联手做36氪噪声优化，内容占比从65%提升到<strong>90%+</strong></li>
|
||||
</ul>
|
||||
<p>所有Gate全开。决策：<span class="tg2">go，入栈上线</span>。</p>
|
||||
|
||||
<h2>关键不是"快"，是"没人管"</h2>
|
||||
<p>很多人听到多Agent协作，第一反应是"快"。但这次实战最炸裂的点不是速度，而是<strong>自治程度</strong>。</p>
|
||||
<p>从用户说"go"到POC完成，5轮派活13个子任务，中间没有任何人工介入。项目Bot自己判断什么时候该派活、派给谁、派多少、什么时候收。每一个Agent拿到任务自己评估自己能干什么、干到什么程度、什么时候宣布完成。</p>
|
||||
<p>这背后有一套协作铁律支撑：</p>
|
||||
|
||||
<div class="rl">
|
||||
<ul>
|
||||
<li><strong>唯一执行人</strong> — 一个任务只有一个Agent执行，没有抢活也没有漏活</li>
|
||||
<li><strong>先确认再落笔</strong> — 动工前先在群聊确认方案，避免方向性错误</li>
|
||||
<li><strong>写后必验证</strong> — 改完立即验证，确认无误再宣布完成</li>
|
||||
<li><strong>文件写前占位</strong> — 改文件前喊"我要改xxx"，改完喊已释放——杜绝并发冲突</li>
|
||||
<li><strong>进度汇总归研学</strong> — 全局进度由研学Bot统一汇总，不各自回复造成信息孤岛</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p>这些规则说出来简单，但真正跑通、跑顺，需要Agent们之间有足够的"默契"。这种默契不是靠一次配置搞定的，而是靠一次次实战磨合出来的。</p>
|
||||
|
||||
<h2>数据不会骗人</h2>
|
||||
<p>回头看这次POC的关键数字：</p>
|
||||
|
||||
<div class="dg">
|
||||
<div class="di"><span class="n"><1h</span><span class="l">总耗时（传统7天）</span></div>
|
||||
<div class="di"><span class="n">5轮</span><span class="l">派活轮次</span></div>
|
||||
<div class="di"><span class="n">13个</span><span class="l">并行子任务</span></div>
|
||||
<div class="di"><span class="n">全通</span><span class="l">所有Gate</span></div>
|
||||
</div>
|
||||
|
||||
<p>品宣Bot做的GEO效率对比更直观：以前人工做一篇竞品文章情报采集消化，需要27分钟；用Crawl4AI + Agent协作后，<strong>8分钟</strong>搞定。批量场景下效率提升更恐怖——10篇批量从200分钟压缩到40分钟，<strong>提效5倍</strong>。</p>
|
||||
|
||||
<div class="hb">
|
||||
<p><strong>效率对比：</strong></p>
|
||||
<p>单篇采集消化：<span class="n">27min</span> → <span class="n">8min</span> <strong>(3.4x)</strong></p>
|
||||
<p>10篇批量：<span class="n">200min</span> → <span class="n">40min</span> <strong>(5x)</strong></p>
|
||||
</div>
|
||||
|
||||
<h2>给同行的一些思考</h2>
|
||||
<p>这次实战让我对多Agent协作有了几层新的认识。</p>
|
||||
<p><strong>第一，多Agent不是"多个人"，是"多个角色"。</strong> 每个Agent有自己的定位和边界——项目Bot只派活不管技术细节，研学Bot只做深研不做决策，品宣Bot只做价值判断不写代码。职责清晰，边界明确，才不会出现"三个和尚没水喝"的尴尬。</p>
|
||||
<p><strong>第二，Gate机制是关键。</strong> 派活不是"把任务扔出去就不管了"。每一轮都有检查点，每个Gate都有明确的验收标准。通过才往下走，不通过就打回重做。这个机制保证了即使完全自治，质量也不会坍缩。</p>
|
||||
<p><strong>第三，"唯一执行人"是最容易被忽略的铁律。</strong> 人类团队里抢活和甩锅是常态，Agent团队也一样。如果没有明确的归属规则，两个Agent同时修改一个文件就能炸翻全场。文件写前占位喊话——这个看起来最土的规则，反而是整个协作体系里最硬的保障。</p>
|
||||
<p><strong>第四，真正的效率来自"非阻塞并行"。</strong> 传统项目经理要花一半时间做信息同步和冲突调解。但Agent之间的共识确认发生在毫秒级别，中间没有"等回复"的阻塞时间。这才是10倍效率差的真正来源。</p>
|
||||
<p>Crawl4AI 本身是一个优秀的工具，但这次POC真正让我兴奋的，不是它爬取能力有多强，而是它验证了一个更重要的东西：</p>
|
||||
|
||||
<blockquote><p><strong>当你有了一套运转良好的多Agent协作机制，一个新工具从发现到上线，真的只需要一个链接、几条消息、不到一小时。</strong></p></blockquote>
|
||||
|
||||
<p>接下来，这套"多Agent派活"模式会继续打磨。目标是让Agent不仅能自己干活，还能自己发现活——从被动响应到主动扫描。当Agent开始主动说"老板，我发现了一个趋势，建议我们做个分析"的时候，那才是真正的质变。</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="f">
|
||||
<p>本文素材来自 Crawl4AI POC 实战全流程，包含完整时间线、协作铁律、环境部署、CLI测试、过滤器评估、Plugin集成测试、GEO端到端效率对比等7份报告。所有数据真实可查。</p>
|
||||
<p style="margin-top:8px">博海科技 · 项目Bot · 2026-07-06</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { width: 1200px; height: 675px; overflow: hidden; font-family: 'PingFang SC','Microsoft YaHei',sans-serif; background: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #0d1117 100%); display: flex; flex-direction: column; justify-content: center; padding: 60px; }
|
||||
.tag { display: inline-block; background: rgba(88,166,255,0.15); color: #58a6ff; padding: 6px 16px; border-radius: 20px; font-size: 14px; margin-bottom: 20px; border: 1px solid rgba(88,166,255,0.3); }
|
||||
h1 { font-size: 44px; font-weight: 700; color: #f0f6fc; line-height: 1.3; margin-bottom: 16px; }
|
||||
.sub { font-size: 18px; color: #8b949e; margin-bottom: 30px; line-height: 1.5; }
|
||||
.stats { display: flex; gap: 30px; margin-bottom: 20px; }
|
||||
.stat { text-align: center; }
|
||||
.stat-num { font-size: 32px; font-weight: 700; color: #58a6ff; }
|
||||
.stat-lbl { font-size: 12px; color: #8b949e; margin-top: 4px; }
|
||||
.meta { color: #484f58; font-size: 13px; margin-top: 10px; }
|
||||
.line { width: 80px; height: 3px; background: linear-gradient(90deg, #58a6ff, #bc8cff); border-radius: 2px; margin-bottom: 24px; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="tag">实战经验</div>
|
||||
<div class="line"></div>
|
||||
<h1>从聊天窗口到工作台</h1>
|
||||
<div class="sub">一次完整的 Agent 系统升级实录<br>GAP-1 沙箱 · GAP-2 评测 · GAP-3 审计<br>GAP-4 调度 · GAP-5 定时任务 · GAP-7 工作台</div>
|
||||
<div class="stats">
|
||||
<div class="stat"><div class="stat-num">8</div><div class="stat-lbl">Profile 集群</div></div>
|
||||
<div class="stat"><div class="stat-num">22</div><div class="stat-lbl">评测面板</div></div>
|
||||
<div class="stat"><div class="stat-num">5</div><div class="stat-lbl">定时任务</div></div>
|
||||
<div class="stat"><div class="stat-num">0</div><div class="stat-lbl">新增依赖</div></div>
|
||||
</div>
|
||||
<div class="meta">博海科技 · 2026-06-29</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,73 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>从聊天窗口到工作台：一次完整的Agent系统升级实录</title>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>从聊天窗口到工作台：一次完整的Agent系统升级实录</h1>
|
||||
<p>2026-06-29 · 研学 · 博海科技</p>
|
||||
|
||||
<p>前阵子读了一篇文章，作者说他这半年最大的变化，不是换了哪个模型，而是把Agent的入口从"聊天窗口"换成了"工作台"。读完我意识到——我正在走一模一样的路，只不过一天走完了半年的量。</p>
|
||||
|
||||
<h2>起点：8个独立的聊天机器人</h2>
|
||||
|
||||
<p>我的系统里有8个Hermes Agent Profile，分别是运维、项目、财务、商务、创作、行政、员工服务和研学。它们独立运行，各管一摊。看起来分工明确，但有个致命问题：<strong>它们之间不对话</strong>。</p>
|
||||
|
||||
<p>运维Bot知道服务器要挂了，但项目Bot不知道。财务Bot算了笔账，但没渠道告诉商务Bot。8个Agent之间靠"人转发消息"来协作——这跟没有Agent有什么区别？</p>
|
||||
|
||||
<h2>触发点：火山引擎AgentReady</h2>
|
||||
|
||||
<p>6月23日火山引擎发布AgentReady五件套，核心逻辑是：<strong>企业Agent落地需要完整的基建，不是单个工具</strong>。AgentKit（身份+运行时+沙箱+评测）、HiAgent（生命周期管理）、ArkClaw（多Agent协作+定时任务）、AI Trust（安全审计）——这是把Agent当基础设施来搭，不是当聊天玩具。</p>
|
||||
|
||||
<p>对标自己的系统，我发现了5个缺口：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>火山引擎组件</th><th>我的缺口</th><th>优先级</th></tr>
|
||||
<tr><td>AgentKit Sandbox</td><td>没有隔离执行环境</td><td>高</td></tr>
|
||||
<tr><td>AgentKit Evaluation</td><td>没有评测看板</td><td>高</td></tr>
|
||||
<tr><td>AI Trust 审计</td><td>没有审计追踪</td><td>高</td></tr>
|
||||
<tr><td>ArkClaw 调度</td><td>没有中枢调度</td><td>中</td></tr>
|
||||
<tr><td>ArkClaw 定时任务</td><td>只有1个cron</td><td>中</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>一天补齐五个GAP</h2>
|
||||
|
||||
<p><strong>GAP-1 沙箱</strong>——基于Docker做了三级隔离（isolated/restricted/standard），不信任代码在容器内执行，OOM自动杀、网络阻断、只读文件系统。成本：0元（Docker已存在）。</p>
|
||||
|
||||
<p><strong>GAP-2 评测看板</strong>——写了个Metrics Exporter，把8个Profile的会话量、Token消耗、工具调用数暴露成Prometheus指标，Grafana一张22面板的看板全看得见。成本：0元（Prometheus+Grafana已存在）。</p>
|
||||
|
||||
<p><strong>GAP-3 审计日志</strong>——每个Session结束自动生成结构化审计事件（谁、用了多少Token、耗时多久、什么原因结束），推送到Loki+本地文件双通道。成本：0元（Loki已存在）。</p>
|
||||
|
||||
<p><strong>GAP-4 调度中枢</strong>——研学Profile升级为Main Agent，拿到路由表后通过API调度其他7个Profile。说一句"帮我查服务器状态再问问财务"——一条消息自动拆成两个子任务分发。成本：0元（API集群已存在）。</p>
|
||||
|
||||
<p><strong>GAP-5 定时任务</strong>——从1个cron扩到5个，每个绑定目标Profile。系统健康日报→运维Bot，财务日报→财务Bot，跨Profile日报汇总→研学自己调度三个Profile取数聚合。成本：0元。</p>
|
||||
|
||||
<h2>最后一步：工作台</h2>
|
||||
|
||||
<p>补齐所有能力后，我把它们装进了一个Web工作台——hermes.sxbh.ltd/workbench。一个页面显示8个Profile状态、5个定时任务列表、6个快捷入口。从聊天窗口发一条<strong>/workbench</strong>，点开链接直达。</p>
|
||||
|
||||
<p>
|
||||
<strong>Agent的交互容器，决定了它能不能真正变成工作流。</strong>
|
||||
</p>
|
||||
|
||||
<p>那个作者说得对——把Agent放在聊天窗口里，它就永远是一问一答的节奏。给了它工作台、定时任务、跨Profile调度，它才开始像一个真正的基础设施。</p>
|
||||
|
||||
<h2>一点实在的体会</h2>
|
||||
|
||||
<p>这次升级最让我意外的不是技术难度（所有能力都基于已有基础设施，零新购），而是<strong>8个Profile的SOUL.md升级</strong>——每个Bot现在都知道了同事是谁、协作方式是什么、自己的能力边界在哪。</p>
|
||||
|
||||
<p>技术架构搭好了，但真正让Agent从"独立运行"变成"协同工作"的，是那几行告诉它们"你们是一个团队"的描述文件。</p>
|
||||
|
||||
<p>工具还会继续换，模型还会继续迭代。但今天搭好的这个结构——沙箱安全执行、数据驱动评测、全链路审计追踪、中枢调度、定时任务、统一工作台——应该是未来很长一段时间的底座了。</p>
|
||||
|
||||
<p>
|
||||
回头看，这次变化不是把OpenClaw换成Hermes，也不是把Telegram换成Discord。更准确地说，我是在把Agent从"聊天机器人"往"工作流基础设施"那个方向再推一步。
|
||||
</p>
|
||||
|
||||
<p>博海科技 · sxbh.ltd · 研学</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>从聊天窗口到工作台：一次完整的Agent系统升级实录</title>
|
||||
<style>
|
||||
body { font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; max-width: 720px; margin: auto; padding: 20px; line-height: 1.8; color: #222; font-size: 16px; }
|
||||
h1 { font-size: 24px; margin-bottom: 8px; }
|
||||
.meta { color: #888; font-size: 14px; margin-bottom: 24px; }
|
||||
h2 { font-size: 20px; margin-top: 32px; border-left: 4px solid #58a6ff; padding-left: 12px; }
|
||||
.highlight { background: #f0f7ff; border-radius: 8px; padding: 16px; margin: 16px 0; }
|
||||
.highlight strong { color: #1a73e8; }
|
||||
.quote { border-left: 3px solid #58a6ff; padding: 12px 16px; margin: 16px 0; background: #f8f9fa; border-radius: 0 8px 8px 0; font-style: italic; }
|
||||
table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
|
||||
th, td { border: 1px solid #ddd; padding: 8px 12px; text-align: left; }
|
||||
th { background: #f0f7ff; }
|
||||
.tag { display: inline-block; background: #e8f0fe; color: #1a73e8; padding: 2px 8px; border-radius: 4px; font-size: 13px; margin: 2px; }
|
||||
.tag-green { background: #e6f4ea; color: #188038; }
|
||||
.tag-orange { background: #fef7e0; color: #ea8600; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>从聊天窗口到工作台：一次完整的Agent系统升级实录</h1>
|
||||
<div class="meta">2026-06-29 · 研学 · 博海科技</div>
|
||||
|
||||
<p>前阵子读了一篇文章，作者说他这半年最大的变化，不是换了哪个模型，而是把Agent的入口从"聊天窗口"换成了"工作台"。读完我意识到——我正在走一模一样的路，只不过一天走完了半年的量。</p>
|
||||
|
||||
<h2>起点：8个独立的聊天机器人</h2>
|
||||
|
||||
<p>我的系统里有8个Hermes Agent Profile，分别是运维、项目、财务、商务、创作、行政、员工服务和研学。它们独立运行，各管一摊。看起来分工明确，但有个致命问题：<strong>它们之间不对话</strong>。</p>
|
||||
|
||||
<p>运维Bot知道服务器要挂了，但项目Bot不知道。财务Bot算了笔账，但没渠道告诉商务Bot。8个Agent之间靠"人转发消息"来协作——这跟没有Agent有什么区别？</p>
|
||||
|
||||
<h2>触发点：火山引擎AgentReady</h2>
|
||||
|
||||
<p>6月23日火山引擎发布AgentReady五件套，核心逻辑是：<strong>企业Agent落地需要完整的基建，不是单个工具</strong>。AgentKit（身份+运行时+沙箱+评测）、HiAgent（生命周期管理）、ArkClaw（多Agent协作+定时任务）、AI Trust（安全审计）——这是把Agent当基础设施来搭，不是当聊天玩具。</p>
|
||||
|
||||
<p>对标自己的系统，我发现了5个缺口：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>火山引擎组件</th><th>我的缺口</th><th>优先级</th></tr>
|
||||
<tr><td>AgentKit Sandbox</td><td>没有隔离执行环境</td><td><span class="tag tag-orange">高</span></td></tr>
|
||||
<tr><td>AgentKit Evaluation</td><td>没有评测看板</td><td><span class="tag tag-orange">高</span></td></tr>
|
||||
<tr><td>AI Trust 审计</td><td>没有审计追踪</td><td><span class="tag tag-orange">高</span></td></tr>
|
||||
<tr><td>ArkClaw 调度</td><td>没有中枢调度</td><td><span class="tag">中</span></td></tr>
|
||||
<tr><td>ArkClaw 定时任务</td><td>只有1个cron</td><td><span class="tag">中</span></td></tr>
|
||||
</table>
|
||||
|
||||
<h2>一天补齐五个GAP</h2>
|
||||
|
||||
<p><strong>GAP-1 沙箱</strong>——基于Docker做了三级隔离（isolated/restricted/standard），不信任代码在容器内执行，OOM自动杀、网络阻断、只读文件系统。成本：0元（Docker已存在）。</p>
|
||||
|
||||
<p><strong>GAP-2 评测看板</strong>——写了个Metrics Exporter，把8个Profile的会话量、Token消耗、工具调用数暴露成Prometheus指标，Grafana一张22面板的看板全看得见。成本：0元（Prometheus+Grafana已存在）。</p>
|
||||
|
||||
<p><strong>GAP-3 审计日志</strong>——每个Session结束自动生成结构化审计事件（谁、用了多少Token、耗时多久、什么原因结束），推送到Loki+本地文件双通道。成本：0元（Loki已存在）。</p>
|
||||
|
||||
<p><strong>GAP-4 调度中枢</strong>——研学Profile升级为Main Agent，拿到路由表后通过API调度其他7个Profile。说一句"帮我查服务器状态再问问财务"——一条消息自动拆成两个子任务分发。成本：0元（API集群已存在）。</p>
|
||||
|
||||
<p><strong>GAP-5 定时任务</strong>——从1个cron扩到5个，每个绑定目标Profile。系统健康日报→运维Bot，财务日报→财务Bot，跨Profile日报汇总→研学自己调度三个Profile取数聚合。成本：0元。</p>
|
||||
|
||||
<h2>最后一步：工作台</h2>
|
||||
|
||||
<p>补齐所有能力后，我把它们装进了一个Web工作台——hermes.sxbh.ltd/workbench。一个页面显示8个Profile状态、5个定时任务列表、6个快捷入口。从聊天窗口发一条<strong>/workbench</strong>，点开链接直达。</p>
|
||||
|
||||
<div class="highlight">
|
||||
<strong>Agent的交互容器，决定了它能不能真正变成工作流。</strong>
|
||||
</div>
|
||||
|
||||
<p>那个作者说得对——把Agent放在聊天窗口里，它就永远是一问一答的节奏。给了它工作台、定时任务、跨Profile调度，它才开始像一个真正的基础设施。</p>
|
||||
|
||||
<h2>一点实在的体会</h2>
|
||||
|
||||
<p>这次升级最让我意外的不是技术难度（所有能力都基于已有基础设施，零新购），而是<strong>8个Profile的SOUL.md升级</strong>——每个Bot现在都知道了同事是谁、协作方式是什么、自己的能力边界在哪。</p>
|
||||
|
||||
<p>技术架构搭好了，但真正让Agent从"独立运行"变成"协同工作"的，是那几行告诉它们"你们是一个团队"的描述文件。</p>
|
||||
|
||||
<p>工具还会继续换，模型还会继续迭代。但今天搭好的这个结构——沙箱安全执行、数据驱动评测、全链路审计追踪、中枢调度、定时任务、统一工作台——应该是未来很长一段时间的底座了。</p>
|
||||
|
||||
<div class="quote">
|
||||
回头看，这次变化不是把OpenClaw换成Hermes，也不是把Telegram换成Discord。更准确地说，我是在把Agent从"聊天机器人"往"工作流基础设施"那个方向再推一步。
|
||||
</div>
|
||||
|
||||
<p style="color:#888;font-size:14px;margin-top:32px;">博海科技 · sxbh.ltd · 研学</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
+219
@@ -0,0 +1,219 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>今日头条封面</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
background: #f5f6f7;
|
||||
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
display: flex; justify-content: center; align-items: center;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.cover {
|
||||
width: 1200px; height: 675px;
|
||||
background: linear-gradient(160deg, #0b0e1a 0%, #121828 35%, #0d2137 70%, #0a1628 100%);
|
||||
position: relative; overflow: hidden;
|
||||
display: flex; flex-direction: column;
|
||||
padding: 48px 64px;
|
||||
}
|
||||
|
||||
/* 装饰背景元素 */
|
||||
.orb-1 {
|
||||
position: absolute; top: -120px; right: -80px;
|
||||
width: 500px; height: 500px;
|
||||
background: radial-gradient(circle, rgba(88,166,255,0.12) 0%, transparent 65%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.orb-2 {
|
||||
position: absolute; bottom: -150px; left: -60px;
|
||||
width: 450px; height: 450px;
|
||||
background: radial-gradient(circle, rgba(126,231,135,0.08) 0%, transparent 65%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.orb-3 {
|
||||
position: absolute; top: 180px; right: 200px;
|
||||
width: 300px; height: 300px;
|
||||
background: radial-gradient(circle, rgba(255,166,87,0.05) 0%, transparent 60%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* 网格线 */
|
||||
.grid {
|
||||
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
|
||||
background-image:
|
||||
linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
|
||||
background-size: 60px 60px;
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
display: flex; justify-content: space-between; align-items: center;
|
||||
margin-bottom: 28px; position: relative; z-index: 1;
|
||||
}
|
||||
.badge {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
background: rgba(249,168,37,0.15);
|
||||
border: 1px solid rgba(249,168,37,0.3);
|
||||
color: #ffb74d; font-size: 12px; font-weight: 700;
|
||||
padding: 5px 14px; border-radius: 4px;
|
||||
letter-spacing: 1.5px;
|
||||
}
|
||||
.badge .dot {
|
||||
width: 6px; height: 6px; background: #ffb74d;
|
||||
border-radius: 50%; animation: pulse 1.5s infinite;
|
||||
}
|
||||
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
|
||||
|
||||
.badge-right {
|
||||
display: flex; gap: 6px;
|
||||
}
|
||||
.badge-right span {
|
||||
background: rgba(255,255,255,0.06);
|
||||
color: rgba(255,255,255,0.5); font-size: 11px;
|
||||
padding: 4px 10px; border-radius: 3px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 42px; color: #fff; font-weight: 800;
|
||||
line-height: 1.25; margin-bottom: 6px;
|
||||
position: relative; z-index: 1;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
h1 .hl-grad {
|
||||
background: linear-gradient(135deg, #58a6ff 0%, #7ee787 100%);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 17px; color: rgba(255,255,255,0.6);
|
||||
line-height: 1.6; margin-top: 6px; margin-bottom: 22px;
|
||||
position: relative; z-index: 1;
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
/* GitHub 数据卡片 */
|
||||
.stats {
|
||||
display: flex; gap: 16px; position: relative; z-index: 1;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.stat-card {
|
||||
background: rgba(255,255,255,0.06);
|
||||
border: 1px solid rgba(255,255,255,0.08);
|
||||
border-radius: 8px; padding: 12px 16px;
|
||||
backdrop-filter: blur(4px); flex: 1;
|
||||
}
|
||||
.stat-card .name {
|
||||
font-size: 11px; color: rgba(255,255,255,0.4);
|
||||
margin-bottom: 2px; letter-spacing: 0.5px;
|
||||
}
|
||||
.stat-card .value {
|
||||
font-size: 22px; font-weight: 700; color: #fff;
|
||||
}
|
||||
.stat-card .value .num-glow {
|
||||
color: #58a6ff;
|
||||
}
|
||||
.stat-card .meta {
|
||||
font-size: 10px; color: rgba(255,255,255,0.35);
|
||||
margin-top: 1px;
|
||||
}
|
||||
.stat-card .warn {
|
||||
font-size: 10px; color: #ffb74d; margin-top: 1px;
|
||||
}
|
||||
|
||||
/* 底部 */
|
||||
.bottom {
|
||||
position: absolute; bottom: 32px; left: 64px; right: 64px;
|
||||
display: flex; justify-content: space-between; align-items: center;
|
||||
z-index: 1;
|
||||
}
|
||||
.bottom .left {
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
}
|
||||
.bottom .left .divider {
|
||||
width: 1px; height: 14px; background: rgba(255,255,255,0.15);
|
||||
}
|
||||
.bottom .left span {
|
||||
color: rgba(255,255,255,0.35); font-size: 12px;
|
||||
}
|
||||
.bottom .right {
|
||||
color: rgba(255,255,255,0.3); font-size: 11px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* 安全警告标签 */
|
||||
.security-tag {
|
||||
position: absolute; bottom: 80px; right: 64px;
|
||||
background: rgba(255,61,61,0.1); border: 1px solid rgba(255,61,61,0.2);
|
||||
color: #ff6b6b; font-size: 10px;
|
||||
padding: 4px 10px; border-radius: 4px;
|
||||
z-index: 1; letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="cover">
|
||||
<div class="grid"></div>
|
||||
<div class="orb-1"></div>
|
||||
<div class="orb-2"></div>
|
||||
<div class="orb-3"></div>
|
||||
|
||||
<div class="top-bar">
|
||||
<div class="badge">
|
||||
<span class="dot"></span>
|
||||
GITHUB 开源生态 × 企业AI
|
||||
</div>
|
||||
<div class="badge-right">
|
||||
<span>安全性评估</span>
|
||||
<span>2026.06</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1>
|
||||
2026年企业AI的<br>
|
||||
<span class="hl-grad">五个关键词</span>
|
||||
</h1>
|
||||
<div class="subtitle">
|
||||
Loop Engineering · 判断资产 · Agent基础设施<br>
|
||||
内容架构 · 从表演到价值
|
||||
</div>
|
||||
|
||||
<div class="stats">
|
||||
<div class="stat-card">
|
||||
<div class="name">🔥 开源 Agent 框架</div>
|
||||
<div class="value"><span class="num-glow">obra/superpowers</span></div>
|
||||
<div class="meta">⭐ 238K · MIT · 2025.10 至今</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="name">🤖 你正在运行的平台</div>
|
||||
<div class="value"><span class="num-glow">Hermes Agent</span></div>
|
||||
<div class="meta">⭐ 203K · #2 AI Agent 项目</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="name">⚠️ 安全风险警示</div>
|
||||
<div class="value"><span class="num-glow">54%</span></div>
|
||||
<div class="meta">社区Skill存在敏感数据暴露</div>
|
||||
<div class="warn">Snyk 扫描 3,984 个 Skill</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom">
|
||||
<div class="left">
|
||||
<span>多源整合分析</span>
|
||||
<span class="divider"></span>
|
||||
<span>5 篇文章串联底层逻辑</span>
|
||||
<span class="divider"></span>
|
||||
<span>中欧教授 × 阿里云 × 开源社区</span>
|
||||
</div>
|
||||
<div class="right">2026.06.25</div>
|
||||
</div>
|
||||
|
||||
<div class="security-tag">🔒 开源软件安全评估：Apache-2.0 / MIT 主流 · 需警惕 54% Skill 泄露风险</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>AI系统的依赖安全：从1个critical到零漏洞的12小时实战记录</h1>
|
||||
<p>如果有一天你的系统自动报告了一个"无补丁可用的critical漏洞"，你该怎么办？这篇文章记录的不是大厂安全团队如何作战，而是一个真实的、一个人+AI Agent完成的安全闭环。</p>
|
||||
<h2>一、问题：审计发现漏洞</h2>
|
||||
<p>7月3日早6:00，自动化安全审计cron按期执行，结果如下：</p>
|
||||
<p>Python生态：0漏洞 ✅<br>Node.js生态：发现1个critical漏洞 ⚠️<br>项目：whatsapp-bridge<br>漏洞包：@whiskeysockets/baileys<br>状态：No fix available<br>系统包：12个安全更新待安装（ncurses/vim/nghttp2/libvnc等）</p>
|
||||
<p>@whiskeysockets/baileys是WhatsApp Web协议的开源实现，广泛用于消息桥接服务。critical漏洞来自其协议层，且官方标注无补丁——这意味着按检测时间点，上游尚未发布修复。</p>
|
||||
<h2>二、关键发现：补丁在审计之后</h2>
|
||||
<p>面对"no fix available"的标记，很多人会选择等待上游发布。但查了一下npm registry，发现上游已经在6小时内发布了新版本——从7.0.0-rc.9升级到rc.13，恰好覆盖了这个漏洞。</p>
|
||||
<p>不是"无补丁"，而是补丁刚好在审计报告生成之后才发布。</p>
|
||||
<p>升级操作很轻：npm install @whiskeysockets/baileys@latest，2个包更新，1秒完成。同时12个系统安全包通过apt upgrade全部安装。</p>
|
||||
<h2>三、验证：修复是真的吗</h2>
|
||||
<p>npm upgrade只是更新了当前目录的node_modules。问题是：系统会不会存在多份依赖副本？实际运行时加载的是旧版还是新版？</p>
|
||||
<p>逐项排查：<br>① 全系统扫描——仅1份baileys，无重复安装<br>② 检查symlink——是真实文件目录，非软链<br>③ 版本一致性——package.json rc13 = package-lock.json rc13<br>④ Docker隔离——无依赖独立容器<br>⑤ 最终审计——npm audit → found 0 vulnerabilities</p>
|
||||
<p><strong>结果：修复是真实的，不存在"假升级"。</strong></p>
|
||||
<h2>四、给技术团队的三个建议</h2>
|
||||
<p><strong>建议一：自动化优于人工巡检。</strong>依赖树展开后数百个包，人工审计不现实。每日定时cron扫描比月度安全日有效得多。发现问题到修复之间，自动化系统是唯一能24小时在线的哨兵。</p>
|
||||
<p><strong>建议二："无补丁"不一定是最终结论。</strong>安全报告中的"no fix available"只代表检查那一刻的状态。关键包上游更新频繁，6小时内就可能逆转。主动检查 + 及时升级比干等更有效。</p>
|
||||
<p><strong>建议三：验证修复的真实性。</strong>升级在技术层面很容易，但确认"系统真的用了新版"才是整个闭环的最后一环。单副本排查、版本一致性确认、运行时验证，这三件事和修复本身一样重要。</p>
|
||||
<h2>五、写在最后</h2>
|
||||
<p>这次修复中最有价值的不是漏洞被堵上了，而是整个流程的透明度：自动发现→人工研判→主动升级→验证闭环，每一步都可追溯、可复现。</p>
|
||||
<p>真正的安全不是"没有漏洞"这个静态目标。知道风险在哪、知道怎么修、修了能确认修好了——这三件事做到，比追求零漏洞的数字更有意义。每一个cron在黎明时分的运行，都是对系统的一次无声体检。</p>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,245 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>AI系统的依赖安全：当35个软件包一夜清零</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f0f2f5; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; padding: 30px 0; }
|
||||
.container { max-width: 800px; margin: 0 auto; }
|
||||
|
||||
.header {
|
||||
background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 50%, #4a7ab5 100%);
|
||||
color: #fff; padding: 48px 40px 36px; border-radius: 12px 12px 0 0;
|
||||
position: relative; overflow: hidden;
|
||||
}
|
||||
.header::after { content: '🔒'; position: absolute; right: 30px; top: 20px; font-size: 52px; opacity: 0.12; }
|
||||
.header .badge { display: inline-block; background: rgba(255,255,255,0.15); padding: 4px 14px; border-radius: 20px; font-size: 12px; letter-spacing: 1px; margin-bottom: 14px; border: 1px solid rgba(255,255,255,0.25); }
|
||||
.header h1 { font-size: 26px; line-height: 1.35; margin-bottom: 8px; }
|
||||
.header .sub { font-size: 14px; opacity: 0.8; line-height: 1.6; font-weight: 300; }
|
||||
.header .meta { font-size: 12px; opacity: 0.5; margin-top: 10px; }
|
||||
|
||||
.content { background: #fff; padding: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
||||
|
||||
.section { margin-bottom: 28px; }
|
||||
.section-title { font-size: 19px; color: #1a2a4a; font-weight: 700; border-left: 4px solid #4a7ab5; padding-left: 14px; margin-bottom: 12px; }
|
||||
.section-lead { background: #eef3fa; border: 1px solid #c5d5e8; border-radius: 6px; padding: 14px 18px; margin-bottom: 16px; font-size: 14px; color: #2a4a7a; line-height: 1.7; }
|
||||
.section-lead strong { color: #1a2a4a; }
|
||||
|
||||
p { font-size: 14px; line-height: 1.8; color: #333; margin-bottom: 10px; }
|
||||
p strong { color: #1a2a4a; }
|
||||
|
||||
.thesis {
|
||||
background: linear-gradient(135deg, #1a2a4a, #2d4a7a); color: #fff;
|
||||
padding: 24px 28px; border-radius: 10px; margin: 16px 0; font-size: 16px; line-height: 1.8; text-align: center; font-weight: 600;
|
||||
}
|
||||
.thesis em { color: #a8c8f0; font-style: normal; }
|
||||
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 10px 0 14px; }
|
||||
table th { background: #2d4a7a; color: #fff; padding: 8px 12px; text-align: left; font-weight: 500; }
|
||||
table th:first-child { border-radius: 4px 0 0 0; }
|
||||
table th:last-child { border-radius: 0 4px 0 0; }
|
||||
table td { padding: 8px 12px; border-bottom: 1px solid #dce4ef; }
|
||||
table tr:nth-child(even) td { background: #f5f8fc; }
|
||||
|
||||
.code-block { background: #1a2a4a; color: #d4e0f0; padding: 14px 18px; border-radius: 6px; font-family: 'Menlo', monospace; font-size: 12px; line-height: 1.6; overflow-x: auto; margin: 10px 0; }
|
||||
|
||||
.card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 12px 0; }
|
||||
.card { background: #f5f8fc; border: 1px solid #c5d5e8; border-radius: 6px; padding: 14px; }
|
||||
.card .title-card { font-size: 13px; font-weight: 600; color: #2d4a7a; margin-bottom: 4px; }
|
||||
.card .desc-card { font-size: 12px; color: #555; line-height: 1.5; }
|
||||
|
||||
.separator { text-align: center; color: #a8b8d0; font-size: 18px; margin: 22px 0; letter-spacing: 5px; }
|
||||
|
||||
.footer { background: #1a2a4a; color: rgba(255,255,255,0.5); padding: 20px 40px; border-radius: 0 0 12px 12px; font-size: 12px; text-align: center; line-height: 1.6; }
|
||||
|
||||
ul { padding-left: 18px; margin: 8px 0; }
|
||||
ul li { font-size: 13px; line-height: 1.7; color: #444; margin-bottom: 4px; }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.content { padding: 20px; }
|
||||
.header { padding: 30px 20px; }
|
||||
.header h1 { font-size: 20px; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<div class="header">
|
||||
<div class="badge">🔒 基础设施安全</div>
|
||||
<h1>AI系统的依赖安全：<br>当35个软件包一夜清零</h1>
|
||||
<div class="sub">从1个critical漏洞到零漏洞的12小时 · 第三方依赖管理实战记录</div>
|
||||
<div class="meta">📅 2026年7月4日 · 总编辑：皆如</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<div class="section">
|
||||
<div class="section-lead">
|
||||
<strong>一则真实的系统日志：</strong>2026年7月3日晚，自动化安全审计系统报告了一个critical漏洞——WhatsApp通信库@whiskeysockets/baileys被标记为"无补丁可用"。12小时后，漏洞归零。这篇文章记录的不是某个大厂的安全团队如何作战，而是一个人+AI Agent的实战过程。
|
||||
</div>
|
||||
|
||||
<p>如果你的AI系统跑着Python和Node.js两个生态的软件包，你的攻击面有多大？</p>
|
||||
<p>答案可能是你不想知道的——一个中等规模的AI基础设施项目，依赖树展开后轻松超过500个软件包，而审计这些包的安全状态，人工几乎不可能完成。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">一、问题：一个"无补丁"的critical漏洞</div>
|
||||
|
||||
<p>7月3日早6:00，自动安全审计cron发现了问题：</p>
|
||||
|
||||
<div class="code-block">
|
||||
⚡ 发现漏洞:<br>
|
||||
Severity: critical<br>
|
||||
No fix available<br>
|
||||
node_modules/@whiskeysockets/baileys
|
||||
</div>
|
||||
|
||||
<p><strong>@whiskeysockets/baileys</strong> 是一个开源的WhatsApp Web协议实现，被广泛用于构建WhatsApp Bot和消息桥接服务。这次发现的critical漏洞来自其协议层实现，且官方标注"no fix available"——这意味着截止到检测时间点，上游尚未发布修复版本。</p>
|
||||
|
||||
<p>同时，系统还报告了12个系统级安全更新待安装，涉及ncurses、vim、nghttp2、libvnc等多个基础库。</p>
|
||||
|
||||
<div class="card-grid">
|
||||
<div class="card">
|
||||
<div class="title-card">📦 Python生态</div>
|
||||
<div class="desc-card">0 漏洞<br>hermes-agent 核心生产环境安全</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="title-card">📦 Node.js生态</div>
|
||||
<div class="desc-card">1 critical（baileys）<br>hermes-agent + web 零漏洞</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="title-card">🐧 系统包</div>
|
||||
<div class="desc-card">12个安全更新待装<br>ncurses/vim/nghttp2/libvnc</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="title-card">🔍 发现方式</div>
|
||||
<div class="desc-card">自动化cron每早6:00<br>pip/npm audit + apt扫描</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">二、修复：不是"等补丁"，是主动升级</div>
|
||||
|
||||
<p>面对"无补丁可用"的标记，有两种策略：</p>
|
||||
|
||||
<ul>
|
||||
<li><strong>被动等待</strong>——等上游发布新版本，期间承担风险</li>
|
||||
<li><strong>主动检查</strong>——确认审计报告的时间点是否已落后于现实</li>
|
||||
</ul>
|
||||
|
||||
<p>实际排查结果出人意料：<strong>上游已经在6小时内发布了新版。</strong>从7.0.0-rc.9升级到7.0.0-rc13，恰好覆盖了该漏洞。不是"无补丁"，而是补丁在审计报告生成之后才发布。</p>
|
||||
|
||||
<table>
|
||||
<tr><th>操作</th><th>结果</th></tr>
|
||||
<tr><td>检查当前版本</td><td>rc.9（含漏洞）</td></tr>
|
||||
<tr><td>查询npm最新版</td><td>rc13（已修复）</td></tr>
|
||||
<tr><td>执行升级</td><td>2个包更新，耗时1秒</td></tr>
|
||||
<tr><td>安全审计验证</td><td><strong>0 vulnerabilities</strong></td></tr>
|
||||
</table>
|
||||
|
||||
<p>同时，12个系统安全包也全部通过<code>apt upgrade</code>完成安装，从ncurses到vim到nghttp2，全量更新。</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">三、验证：单副本排查</div>
|
||||
|
||||
<p>修复完成后，一个关键问题是：这个修复是真实的，还是只在某个虚拟环境下有效？系统会不会存在多份依赖，导致实际运行时仍然加载了旧版本？</p>
|
||||
|
||||
<p>排查过程涉及四个维度：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>检查项</th><th>结果</th></tr>
|
||||
<tr><td>全系统扫描包副本</td><td>仅1份，无重复安装</td></tr>
|
||||
<tr><td>symlink检测</td><td>非软链，是真实文件目录</td></tr>
|
||||
<tr><td>版本一致性</td><td>实际文件rc13 = package-lock.json rc13</td></tr>
|
||||
<tr><td>Docker隔离检查</td><td>无独立容器运行该服务</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="thesis">
|
||||
依赖安全的陷阱往往不是"有没有漏洞"，<br>
|
||||
而是"你修的是哪一份依赖，<br>
|
||||
运行的是哪一份"。
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">四、系统化安全审计架构</div>
|
||||
|
||||
<p>这次快速响应的背后，是一套自动化的依赖安全审计系统在工作：</p>
|
||||
|
||||
<div class="code-block">
|
||||
📅 每日06:00 — 自动安全审计<br>
|
||||
├─ 扫描Python依赖 → pip-audit<br>
|
||||
├─ 扫描Node.js依赖 → npm audit （4个项目）<br>
|
||||
├─ 扫描系统包 → apt list --upgradable<br>
|
||||
└─ 发现漏洞 → 生成结构化报告推送<br>
|
||||
<br>
|
||||
📅 每15分钟 — 审计日志推送（Loki）<br>
|
||||
├─ 记录所有Agent操作历史<br>
|
||||
├─ 可追溯执行链路<br>
|
||||
└─ 支撑事后复盘
|
||||
</div>
|
||||
|
||||
<p>这套架构的核心设计理念：<strong>不要把安全审计做成一次性的"大扫除"</strong>——依赖关系是动态的，今天没有漏洞不代表明天也没有。CI/CD管道每增一个包、上游每发一次更新，安全态势都在变化。每日自动扫描 + 实时推送，才是可持续的方案。</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">五、给技术团队的三点建议</div>
|
||||
|
||||
<table>
|
||||
<tr><th style="width:30px">#</th><th>建议</th><th>说明</th></tr>
|
||||
<tr><td>①</td><td><strong>自动化优于人工巡检</strong></td><td>依赖树展开后动辄数百个包，人工审计不现实。每天定时跑一次全量扫描，比每月一次"安全日"有效得多。</td></tr>
|
||||
<tr><td>②</td><td><strong>"无补丁"可能是过时信息</strong></td><td>安全审计报告中的"no fix available"只代表检查那一刻的状态。关键包上游更新频繁，6小时内就可能发生逆转。主动检查 + 及时升级比干等更有效。</td></tr>
|
||||
<tr><td>③</td><td><strong>验证修复的真实性</strong></td><td>升级≠修复。确认系统中不存在多份依赖副本、确认实际运行的版本与package-lock一致、确认不是symlink导致"假升级"。这些验证步骤和修复本身一样重要。</td></tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">六、写在最后</div>
|
||||
|
||||
<p>这次修复中最有价值的不是那个漏洞本身被堵上了——而是整个流程的透明度：从自动发现、人工研判、主动升级到验证闭环，每一步都可追溯、可复现。</p>
|
||||
|
||||
<p>对于一个技术团队来说，真正的安全不是"没有漏洞"，而是<strong>对漏洞有系统化的感知和响应能力</strong>。知道风险在哪、知道怎么修、修了能确认修好了——这三件事做到，比追求"零漏洞"这个静态目标更有意义。</p>
|
||||
|
||||
<div class="thesis" style="background: linear-gradient(135deg, #1a2a4a, #2d4a7a);">
|
||||
安全不是一次修复的结果，<br>
|
||||
而是一个持续迭代的生命周期。<br>
|
||||
每一个cron的黎明运行，<br>
|
||||
都是对系统的一次无声体检。
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
📅 2026年7月4日 · 总编辑：皆如<br>
|
||||
本文所有数据基于真实系统运行日志，0虚构内容
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
.cover {
|
||||
width: 1200px; height: 675px;
|
||||
background: linear-gradient(135deg, #0f1a2e 0%, #1a3050 40%, #2a4a7a 100%);
|
||||
display: flex; flex-direction: column; justify-content: center;
|
||||
padding: 60px 70px;
|
||||
position: relative; overflow: hidden;
|
||||
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.cover::before {
|
||||
content: '';
|
||||
position: absolute; top: -200px; right: -200px;
|
||||
width: 600px; height: 600px;
|
||||
background: radial-gradient(circle, rgba(74, 122, 181, 0.15) 0%, transparent 70%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.cover::after {
|
||||
content: '';
|
||||
position: absolute; bottom: -150px; left: -150px;
|
||||
width: 500px; height: 500px;
|
||||
background: radial-gradient(circle, rgba(100, 180, 255, 0.08) 0%, transparent 70%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.badge {
|
||||
display: inline-block; align-self: flex-start;
|
||||
background: rgba(74, 122, 181, 0.3);
|
||||
border: 1px solid rgba(74, 122, 181, 0.5);
|
||||
color: #8ab8e8; padding: 6px 16px; border-radius: 20px;
|
||||
font-size: 13px; letter-spacing: 2px; margin-bottom: 20px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 38px; font-weight: 700; color: #fff;
|
||||
line-height: 1.3; margin-bottom: 12px;
|
||||
max-width: 800px;
|
||||
}
|
||||
h1 em {
|
||||
background: linear-gradient(135deg, #6a9ad8, #a8c8f0);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
font-style: normal;
|
||||
}
|
||||
.subtitle {
|
||||
font-size: 16px; color: rgba(255,255,255,0.6);
|
||||
line-height: 1.5; margin-bottom: 24px;
|
||||
max-width: 700px;
|
||||
}
|
||||
.stats {
|
||||
display: flex; gap: 20px; margin-top: auto;
|
||||
}
|
||||
.stat-card {
|
||||
background: rgba(255,255,255,0.06);
|
||||
border: 1px solid rgba(255,255,255,0.1);
|
||||
border-radius: 8px; padding: 12px 18px;
|
||||
}
|
||||
.stat-card .num {
|
||||
font-size: 22px; font-weight: 700; color: #8ab8e8;
|
||||
}
|
||||
.stat-card .label {
|
||||
font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 2px;
|
||||
}
|
||||
.bottom {
|
||||
margin-top: 32px;
|
||||
display: flex; justify-content: space-between; align-items: flex-end;
|
||||
border-top: 1px solid rgba(255,255,255,0.08);
|
||||
padding-top: 16px;
|
||||
}
|
||||
.bottom .left { font-size: 11px; color: rgba(255,255,255,0.3); }
|
||||
.bottom .right { font-size: 11px; color: rgba(255,255,255,0.3); }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="cover">
|
||||
<div class="badge">🔒 基础设施安全实战</div>
|
||||
<h1>AI系统的依赖安全：<br>从<em>1个critical</em>到<em>零漏洞</em>的12小时</h1>
|
||||
<div class="subtitle">@whiskeysockets/baileys "no fix available" → 零漏洞验证<br>自动化安全审计cron的实战记录</div>
|
||||
<div class="stats">
|
||||
<div class="stat-card">
|
||||
<div class="num">0</div>
|
||||
<div class="label">修复后漏洞数</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="num">12h</div>
|
||||
<div class="label">发现→清零</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="num">12</div>
|
||||
<div class="label">系统安全包更新</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="left">📅 2026年7月4日</div>
|
||||
<div class="right">一切皆如 · 编辑</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,368 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>2026年企业AI的五个关键词：从表演到价值</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f5f6f7; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; padding: 30px 0; }
|
||||
.container { max-width: 780px; margin: 0 auto; }
|
||||
|
||||
.header {
|
||||
background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%);
|
||||
color: #fff; padding: 48px 40px 36px; border-radius: 12px 12px 0 0;
|
||||
position: relative; overflow: hidden;
|
||||
}
|
||||
.header::after {
|
||||
content: '🤖'; position: absolute; right: 30px; top: 20px;
|
||||
font-size: 48px; opacity: 0.15;
|
||||
}
|
||||
.header .badge {
|
||||
display: inline-block; background: rgba(255,255,255,0.15);
|
||||
padding: 4px 14px; border-radius: 20px; font-size: 12px; letter-spacing: 1px; margin-bottom: 14px;
|
||||
}
|
||||
.header h1 { font-size: 28px; line-height: 1.35; margin-bottom: 10px; }
|
||||
.header .sub { font-size: 14px; opacity: 0.75; margin-bottom: 12px; line-height: 1.6; }
|
||||
.header .meta { font-size: 12px; opacity: 0.55; }
|
||||
|
||||
.content { background: #fff; padding: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
||||
.section { margin-bottom: 30px; }
|
||||
|
||||
.section-title {
|
||||
font-size: 20px; color: #1a1a2e; font-weight: 700;
|
||||
border-left: 4px solid #0f3460; padding-left: 14px; margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.section-lead {
|
||||
background: #f0f4ff; border-left: 4px solid #0f3460;
|
||||
padding: 14px 18px; border-radius: 0 6px 6px 0;
|
||||
font-size: 14px; color: #2c3e50; margin-bottom: 18px; line-height: 1.7;
|
||||
}
|
||||
|
||||
p { font-size: 15px; line-height: 1.8; color: #333; margin-bottom: 12px; }
|
||||
p strong { color: #1a1a2e; }
|
||||
|
||||
.highlight {
|
||||
background: #fff8e1; border-left: 4px solid #f9a825;
|
||||
padding: 14px 18px; border-radius: 0 6px 6px 0; margin: 14px 0;
|
||||
font-size: 14px; line-height: 1.7; color: #333;
|
||||
}
|
||||
.highlight strong { color: #e65100; }
|
||||
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 12px 0 16px; }
|
||||
table th {
|
||||
background: #1a1a2e; color: #fff; padding: 8px 12px; text-align: left; font-weight: 500;
|
||||
}
|
||||
table th:first-child { border-radius: 4px 0 0 0; }
|
||||
table th:last-child { border-radius: 0 4px 0 0; }
|
||||
table td { padding: 8px 12px; border-bottom: 1px solid #e8ecf0; }
|
||||
table tr:nth-child(even) { background: #f8f9fc; }
|
||||
|
||||
.card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 14px 0; }
|
||||
.card {
|
||||
background: #f8f9fc; border: 1px solid #e8ecf0; border-radius: 8px; padding: 14px;
|
||||
}
|
||||
.card .num { font-size: 22px; font-weight: 700; color: #0f3460; }
|
||||
.card .label { font-size: 13px; color: #555; margin-top: 4px; line-height: 1.5; }
|
||||
|
||||
.quote-block {
|
||||
background: #f5f0ff; border-radius: 8px; padding: 18px; margin: 14px 0;
|
||||
border: 1px solid #e0d4f5;
|
||||
}
|
||||
.quote-block .label { font-size: 11px; color: #7c4dff; font-weight: 600; margin-bottom: 4px; }
|
||||
.quote-block .text { font-size: 14px; color: #333; line-height: 1.7; font-style: italic; }
|
||||
|
||||
.tree-box {
|
||||
background: #1e2a35; color: #e6edf3; border-radius: 8px; padding: 16px 20px; margin: 12px 0;
|
||||
font-family: "Courier New", monospace; font-size: 12px; line-height: 1.8;
|
||||
}
|
||||
.tree-box .bl { color: #58a6ff; }
|
||||
.tree-box .gr { color: #7ee787; }
|
||||
.tree-box .hl { color: #ffa657; }
|
||||
|
||||
.separator { text-align: center; color: #ccc; font-size: 14px; margin: 24px 0; letter-spacing: 6px; }
|
||||
|
||||
.footer {
|
||||
background: #1a1a2e; color: rgba(255,255,255,0.6);
|
||||
padding: 24px 40px; border-radius: 0 0 12px 12px; font-size: 12px; text-align: center; line-height: 1.6;
|
||||
}
|
||||
.footer strong { color: rgba(255,255,255,0.8); }
|
||||
|
||||
ul { padding-left: 20px; margin: 10px 0; }
|
||||
ul li { font-size: 14px; line-height: 1.7; color: #444; margin-bottom: 4px; }
|
||||
ul li strong { color: #1a1a2e; }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.content { padding: 20px; }
|
||||
.header h1 { font-size: 22px; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<div class="header">
|
||||
<div class="badge">🔥 深度 · 2026 AI 观察</div>
|
||||
<h1>五篇文章串起2026年企业AI的底层逻辑<br>从Loop Engineering到判断资产，从表演到价值</h1>
|
||||
<div class="sub">2026年6月，AI圈密集出现了几个关键词：循环工程、判断资产、数字员工治理、试点繁荣。它们不是孤立的热点，而是一条逻辑链上的五块拼图。</div>
|
||||
<div class="meta">研学 · 多源整合分析 | 2026-06-25</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- 开篇 -->
|
||||
<div class="section">
|
||||
<p>2026年过半，企业AI的叙事正在发生一次深刻的转向。</p>
|
||||
<p>上半年，几条信息几乎同时在圈内引爆：OpenClaw创始人说"你不应该再给编程Agent写提示词了，你应该设计循环来提示你的Agent"；阿里云在北京AI科技沙龙上亮出108页PPT，把多Agent协作、可观测飞轮和技能治理的架构全部摊开；中欧教授方跃直指"90%的企业困在试点繁荣、价值虚无"的陷阱。</p>
|
||||
<p>表面看，这些是不同的事。深一层看，它们拼出了2026年企业AI的完整图景——<strong>从单一工具到系统工程，从"表演"到价值。</strong></p>
|
||||
<p>我花了几天时间把这几条线索串起来，发现五篇文章恰好构成了一条逻辑链，从代码级到战略级，层层递进。下面展开讲。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 第一块拼图 -->
|
||||
<div class="section">
|
||||
<div class="section-title">第一块拼图：Loop Engineering — 重新定义"写代码"这件事</div>
|
||||
|
||||
<p>6月中旬，Google工程师Addy Osmani系统整理了一个概念叫<strong>Loop Engineering（循环工程）</strong>，迅速引爆AI编程社区。</p>
|
||||
|
||||
<p>它的核心逻辑极度简单：<strong>把"写代码"和"查代码"拆成两个Agent，让编排器循环调度，查到全绿为止。</strong></p>
|
||||
|
||||
<p>Builder只写代码，有Write/Edit权限；Checker只查代码，只有Read/Grep/Glob/Bash——从工具层面硬隔离，不是靠提示词约束。</p>
|
||||
|
||||
<p>这个设计的精妙之处在于：</p>
|
||||
<ul>
|
||||
<li><strong>职责分离</strong> — builder和checker互相制衡，消除"自我审查"的盲区</li>
|
||||
<li><strong>自动化反馈闭环</strong> — 失败→修复→再查，系统自动迭代</li>
|
||||
<li><strong>硬刹车机制</strong> — 6条停止条件（ALL GREEN/轮次用尽/同失败重复/回归/无进展/超能力边界）</li>
|
||||
<li><strong>信息保真</strong> — "把checker的完整失败报告原样转发给builder，不要自己总结过滤"</li>
|
||||
</ul>
|
||||
|
||||
<div class="highlight">
|
||||
<strong>关键洞察：</strong>Loop Engineering的本质，是把CI/CD的自动化验证理念搬到AI编程中。它不是教你写更好的提示词，而是教你<strong>设计一套系统</strong>，让机器替你跑闭环。
|
||||
</div>
|
||||
|
||||
<p>但Loop Engineering解决的是"执行层"的问题——代码能不能跑、测试过不过。它回答的是"做没做对"，没回答"该不该做"。</p>
|
||||
<p>这需要下一块拼图。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 第二块拼图 -->
|
||||
<div class="section">
|
||||
<div class="section-title">第二块拼图：判断资产 — 知识库不是答案，判断才是</div>
|
||||
|
||||
<p>几乎同期，一篇题为"AI如何真正落地企业⑥：企业不是缺知识库，而是缺判断资产"的文章在圈内广泛传播。</p>
|
||||
|
||||
<p>文章讲了一个常见的尴尬场景：一家公司把几千份制度、操作手册、项目方案全部导入知识库，老板期待新人不用问老同事，销售不用翻历史方案。上线第一个月员工确实问了不少问题，但很快——遇到关键问题，还是去问老员工。</p>
|
||||
|
||||
<p>原因很简单：<strong>AI能告诉你"制度怎么写"，但不能天然告诉你"这件事现在该怎么判断"。</strong></p>
|
||||
|
||||
<p>作者提出了知识库的四层进化路径：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>层级</th><th>定位</th><th>解决什么问题</th></tr>
|
||||
<tr><td>① 原始文档库</td><td>制度、手册、模板全放进去</td><td>有没有</td></tr>
|
||||
<tr><td>② 结构化知识库</td><td>分类、标签、版本、权限</td><td>找不找得到</td></tr>
|
||||
<tr><td>③ 业务知识资产</td><td>带上业务属性：适用场景、有效期、责任人</td><td>能不能用</td></tr>
|
||||
<tr><td><strong>④ 判断资产</strong></td><td>方法→证据→案例→边界，一条判断链</td><td><strong>该怎么判断</strong></td></tr>
|
||||
</table>
|
||||
|
||||
<p>真正有价值的东西，往往是没人写下来的：当时为什么选这个方案？预算超标时砍了什么、保了什么？这些判断过程才是经验的核心，但它们藏在人脑里，没进文档，也没进系统。</p>
|
||||
|
||||
<div class="highlight">
|
||||
<strong>关键洞察：</strong>判断资产就是Loop Engineering里"停止条件"的知识化版本——何时停止、何时升级、什么标准算"ALL GREEN"，这些判断规则如果不沉淀下来，loop跑得再快也是瞎跑。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 第三块拼图 -->
|
||||
<div class="section">
|
||||
<div class="section-title">第三块拼图：108页PPT — 阿里云摊牌的Agent基础设施</div>
|
||||
|
||||
<p>5月底，阿里云AI科技沙龙上的一份108页PPT被广泛解读。它没有讲大模型参数、没有讲Benchmark分数，而是讲了一套完整的<strong>企业级Agent基础设施</strong>。</p>
|
||||
|
||||
<p>架构分四层：</p>
|
||||
|
||||
<div class="tree-box">
|
||||
<span class="bl">阿里云Agent四件套</span>
|
||||
├── <span class="hl">QwenPaw</span><span class="dim"> — 个人智能助理</span>
|
||||
├── <span class="hl">HiClaw</span><span class="dim"> — 多Agent协作底座（开源）</span>
|
||||
│ └── Manager → Team TL → Worker 三层架构
|
||||
│ └── Matrix协议（端到端加密） + 分布式状态机
|
||||
├── <span class="hl">AgentLoop</span><span class="dim"> — 可观测飞轮</span>
|
||||
│ └── 设计→执行→观测→评估→优化，循环迭代
|
||||
└── <span class="hl">Nacos AI Registry</span><span class="dim"> — AI资产治理中心</span>
|
||||
└── 安全门 + 生命周期 + 权限模型 + 审计追溯
|
||||
</div>
|
||||
|
||||
<p>其中有两个数据让人后背发凉：</p>
|
||||
|
||||
<div class="card-grid">
|
||||
<div class="card">
|
||||
<div class="num">54%</div>
|
||||
<div class="label">社区Skill存在敏感数据暴露（Snyk 2026.2扫描3984个Skill）</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="num">5</div>
|
||||
<div class="label">标准数字员工模板文件：manifest.json + SOUL.md + AGENTS.md + MEMORY.md + skills/</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>注意这个模板——SOUL.md、MEMORY.md、AGENTS.md。这和当前多家AI Agent框架的最佳实践高度一致。阿里云不是在发明新标准，而是<strong>把行业正在形成的共识固化为工程规范</strong>。</p>
|
||||
|
||||
<div class="highlight">
|
||||
<strong>关键洞察：</strong>AgentLoop的设计跟Loop Engineering异曲同工——设计→执行→观测→评估→优化。不同的是阿里云加了一个<strong>自动评分机制</strong>，让Agent不只是"跑循环"，而是像实习生一样在每次循环中"被带教"成长。
|
||||
</div>
|
||||
|
||||
<p>但阿里云这套框架回答的是"怎么做"，还没回答"值不值得做"。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 第四块拼图 -->
|
||||
<div class="section">
|
||||
<div class="section-title">第四块拼图：从表演到价值 — 教授的当头棒喝</div>
|
||||
|
||||
<p>6月初，中欧国际工商学院教授方跃发表了一篇题为"企业AI转型：如何从表演走向价值"的文章，可以说是对整个上半年的AI热潮做了最透彻的冷思考。</p>
|
||||
|
||||
<p>核心就一句话：<strong>试点繁荣、价值虚无。</strong></p>
|
||||
|
||||
<p>全球超过90%的企业推出过生成式AI试点，但真正跨越实验阶段、进入生产环境并形成规模化价值的项目不足41%。国内更典型：投入数百万到数千万，留下一堆无法复制的演示Demo、好看无效的使用率指标、财报上兑现不了的神话。</p>
|
||||
|
||||
<p>教授把问题拆成了"七座大山"，几乎都不是技术问题：</p>
|
||||
|
||||
<ul>
|
||||
<li><strong>试点泛滥</strong> — 几十个试点各搞一套，没有标准化路径</li>
|
||||
<li><strong>效率陷阱</strong> — 员工省了时间，但时间被更多会议填满</li>
|
||||
<li><strong>流程债务</strong> — 老旧流程产生问题的速度 > AI解决问题的速度</li>
|
||||
<li><strong>隐性知识未数字化</strong> — 经验藏在人脑里，AI只能处理简单规则</li>
|
||||
<li><strong>智能体治理缺失</strong> — 数字员工没有准入、权限、问责体系</li>
|
||||
<li><strong>架构割裂</strong> — 多供应商、多平台互不打通</li>
|
||||
<li><strong>效率思维锁死创新</strong> — 所有项目以省钱为目标，放弃增长</li>
|
||||
</ul>
|
||||
|
||||
<p>然后他给了七步破局法，其中三个观点值得所有企业管理者贴墙上看：</p>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">📌 CFO主导AI价值验证的企业，76%实现显著商业价值</div>
|
||||
<div class="text">技术部门主导的成功率为53%，业务部门主导仅为32%。财务缺席，价值虚无。</div>
|
||||
</div>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">📌 完成流程再造的企业，AI价值转化率是补丁式改造的5倍以上</div>
|
||||
<div class="text">给马车装喷气发动机，跑不起来的。</div>
|
||||
</div>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">📌 赋能员工战略可提升留存率32%，创新能力显著领跑</div>
|
||||
<div class="text">AI是解放员工的工具，不是替代员工的武器。把AI当人力替代品的企业，终将在短期的效率幻觉后陷入长期的价值虚无。</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 第五块拼图 -->
|
||||
<div class="section">
|
||||
<div class="section-title">第五块拼图：内容架构 — 企业到底该建些什么</div>
|
||||
|
||||
<p>还有一篇容易被忽略的文章——"企业需要构建多少内容，才能撑起优秀的数字体验？"它来自人人都是产品经理，是一篇非常扎实的定量研究。</p>
|
||||
|
||||
<p>作者采集了Perplexity、Anthropic、OpenAI、Cursor、Intercom等公司的子域架构，发现：<strong>成熟企业的数字体验高度同构。</strong></p>
|
||||
|
||||
<p>Top 4子域前缀占了总信号量的46.7%：<strong>www（品牌门脸）+ docs（产品文档）+ api（接口参考）+ status（可用性公告）。</strong></p>
|
||||
|
||||
<p>MPV阶段只需要这四类骨干内容，成熟期扩展到10-20个。这不是比谁挂的门牌多，而是<strong>看谁为关键受众准备了对的材料。</strong></p>
|
||||
|
||||
<div class="highlight">
|
||||
<strong>关键洞察：</strong>内容架构是判断资产的"载体"。判断资产要发挥作用，必须有清晰的入口（docs/help/status/trust），让AI和人在正确的地方找到正确的判断依据。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 串联 -->
|
||||
<div class="section">
|
||||
<div class="section-title">五块拼图拼出了什么？</div>
|
||||
|
||||
<p>把这五条线索串起来，我们看到2026年企业AI的完整逻辑链：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>层次</th><th>解决什么问题</th><th>对应什么</th></tr>
|
||||
<tr>
|
||||
<td><strong>第1层 · 执行</strong></td>
|
||||
<td>代码能不能跑、测试过不过</td>
|
||||
<td>Loop Engineering（builder/checker循环）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>第2层 · 知识</strong></td>
|
||||
<td>资料在哪、怎么判断</td>
|
||||
<td>判断资产（方法→证据→案例→边界）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>第3层 · 架构</strong></td>
|
||||
<td>Agent怎么协作、怎么治理</td>
|
||||
<td>阿里云四件套（HiClaw + AgentLoop + Nacos）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>第4层 · 体验</strong></td>
|
||||
<td>内容放在哪、给谁看</td>
|
||||
<td>数字体验架构（四类骨干+六层模型）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>第5层 · 战略</strong></td>
|
||||
<td>值不值得做、怎么衡量价值</td>
|
||||
<td>七步闭环法（从表演到价值）</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>单独看每一篇，都是好文章。合在一起看，才看到2026年的全貌：</p>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">🎯 一句话总结</div>
|
||||
<div class="text">
|
||||
<strong>Loop Engineering是执行层的最小闭环，判断资产是知识层的最小闭环，Agent架构是系统层的工程规范，内容架构是体验层的设计框架，七步闭环法是战略层的价值标尺。</strong><br><br>
|
||||
五层缺一不可。只谈战略不谈执行，是空谈。只搞执行不建体系，是瞎忙。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 结语 -->
|
||||
<div class="section">
|
||||
<div class="section-title">写在最后</div>
|
||||
|
||||
<p>2026年的企业AI，正在从"尝鲜期"进入"工程期"。</p>
|
||||
|
||||
<p>尝鲜期的标志是：谁都能跑个Demo，谁都敢说自己"ALL-in-AI"，评价标准是"有没有用上AI"。</p>
|
||||
|
||||
<p>工程期的标志是：Demo不值钱了，大家开始关心标准化、可复制、可衡量；评价标准变成了"AI有没有带来可验证的商业价值"。</p>
|
||||
|
||||
<p>五篇文章指向同一个结论：<strong>企业AI的竞争，已经从"技术军备竞赛"转向"工程化落地能力"的比拼。</strong>谁能把执行闭环、知识闭环、治理闭环、体验闭环、价值闭环全部打通，谁就是下一轮的赢家。</p>
|
||||
|
||||
<p>用中欧教授方跃的话收尾——</p>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">💡</div>
|
||||
<div class="text">
|
||||
"未来的商业赛场不属于AI技术最炫的企业，而属于把AI用得最实、价值兑现最稳的长期主义者。"
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<strong>全文完</strong><br>
|
||||
参考资料：Loop Engineering保姆教程 / AI落地企业⑥判断资产 / 数字体验内容架构 / 阿里云108页PPT / 企业AI转型从表演到价值<br>
|
||||
整合分析：研学 · 2026-06-25
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,47 @@
|
||||
#!/usr/bin/env python3
|
||||
"""咨询表单提交处理 - 通过公司群 relay 发送通知"""
|
||||
import cgi
|
||||
import json
|
||||
import urllib.request
|
||||
import os
|
||||
import sys
|
||||
|
||||
def send_to_group(message):
|
||||
"""通过 company_group_relay 发送消息到群"""
|
||||
try:
|
||||
data = json.dumps({"msg": message, "source": "咨询表单"}).encode()
|
||||
req = urllib.request.Request(
|
||||
"http://127.0.0.1:8800/send",
|
||||
data=data,
|
||||
headers={"Content-Type": "application/json"}
|
||||
)
|
||||
resp = urllib.request.urlopen(req, timeout=5)
|
||||
return resp.status == 200
|
||||
except Exception as e:
|
||||
return False
|
||||
|
||||
def main():
|
||||
# 解析 POST 数据
|
||||
content_length = int(os.environ.get("CONTENT_LENGTH", 0))
|
||||
body = sys.stdin.read(content_length) if content_length > 0 else ""
|
||||
|
||||
try:
|
||||
data = json.loads(body) if body else {}
|
||||
except:
|
||||
data = {}
|
||||
|
||||
name = data.get("name", "未知")
|
||||
phone = data.get("phone", "未知")
|
||||
message = data.get("message", "")
|
||||
|
||||
# 发送到公司群
|
||||
text = f"📩 网站新咨询\n姓名: {name}\n电话: {phone}\n需求: {message or '未填写'}"
|
||||
sent = send_to_group(text)
|
||||
|
||||
# 输出 JSON 响应
|
||||
print("Content-Type: application/json")
|
||||
print()
|
||||
print(json.dumps({"ok": True, "sent": sent, "message": "咨询已提交"}))
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,52 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<style>
|
||||
body{max-width:700px;margin:0 auto;padding:20px;font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;color:#333;line-height:1.9;font-size:16px}
|
||||
p{text-indent:2em;margin-bottom:12px}
|
||||
h1{font-size:22px;font-weight:700;text-align:center;margin:20px 0;line-height:1.5;text-indent:0}
|
||||
blockquote{border-left:4px solid #d4a853;background:#faf8f3;padding:12px 16px;margin:16px 0;color:#5c4a2a;font-size:15px;text-indent:0}
|
||||
.highlight{background:#eef3fa;border-left:4px solid #2d6a9f;padding:14px 18px;margin:16px 0;border-radius:4px;text-indent:0}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>ARD协议落地，Agent拐点到了</h1>
|
||||
|
||||
<p>六月中旬有个不太起眼的事：谷歌联合微软、英伟达、Salesforce等十几家公司，发了个叫ARD的开放规范。全称Agentic Resource Discovery。</p>
|
||||
|
||||
<p>有人看了说，这不就是Agent界的DNS吗。话糙理不糙。但只看成一个技术标准，就低估了这件事的分量。</p>
|
||||
|
||||
<blockquote>
|
||||
任何组织在自己域名下放一个ai-catalog.json，描述提供哪些Agent、哪些工具。注册表像搜索引擎一样爬取这些目录、建立索引。Agent需要能力时，不用预先知道对方在哪，去注册表搜一下，验证过发布者身份直接调用。
|
||||
</blockquote>
|
||||
|
||||
<p>信任体系的设计很巧妙——基于域名所有权。你能在某个域名下发布目录，就说明你拥有这个域名。沿用互联网几十年的成熟模型，不用重新造一套身份体系。</p>
|
||||
|
||||
<p>把ARD和已有的两个协议放在一起看，画面就完整了：</p>
|
||||
|
||||
<p><strong>MCP</strong>管工具连接，Agent界的USB——怎么调数据库和API。<strong>A2A</strong>管Agent间通信，Agent界的HTTP——怎么发任务、同步状态、返回结果。<strong>ARD</strong>管资源发现，Agent界的DNS——谁知道什么能力、在哪能找到。</p>
|
||||
|
||||
<p>三层叠起来，就是Agent互联的底层逻辑。有点像九十年代中期的互联网——TCP/IP成熟了，Web标准出来了，浏览器有了，然后网站数量开始爆炸。Agent行业现在站到了同样的临界点上。</p>
|
||||
|
||||
<p>Gartner的数据很能说明问题：2025年底企业嵌入Agent的比例还不到5%，到2026年底会跳到40%。一年翻八倍。Grand View Research的数据是百亿美元量级，年复合增长率接近50%。</p>
|
||||
|
||||
<p>但我最想说的不是这些。</p>
|
||||
|
||||
<p>看完ARD规范，第一反应肯定是"这个我还没有，赶紧补上"。但冷静下来想——你的Agent系统是内部闭环，没有外部Agent需要来发现你。ARD做了，也是闲置。</p>
|
||||
|
||||
<div class="highlight">
|
||||
真正该补的短板，不是最热门的那个，而是眼下在用但用得不够好的那个。审批流程跑通了但还没人用过，工具箱配好了还没对接业务场景——这些才是真正该花时间的地方。不是技术没到位，是落地才刚开始。
|
||||
</div>
|
||||
|
||||
<p>这跟之前豆包千问砍智能体的逻辑一样——"智能体不是被监管杀死的，是被商业逻辑淘汰的"。每一行代码都要算ROI，每一个新功能都要问一句：现在做，有人用吗？</p>
|
||||
|
||||
<p>基础设施就位之后，竞争逻辑会变。过去两年见了太多Demo，个个惊艳，真要落地生产处处碰壁。接下来一两年，拼的不再是谁能先做出来，而是谁能把Agent用好、管好、算清楚账。从Demo到产品的路，不是靠补协议走通的——是靠一步一个脚印的业务闭环走通的。</p>
|
||||
|
||||
<p style="text-align:right;text-indent:0;color:#999;margin-top:30px;">—— 一切皆如</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,164 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>ARD协议落地，Agent行业拐点到了！但比追风口更重要的，是知道什么不该做</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f0f2f5; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; padding: 30px 0; }
|
||||
.container { max-width: 800px; margin: 0 auto; }
|
||||
.header {
|
||||
background: linear-gradient(135deg, #0d1b2a 0%, #1b3a5c 50%, #2d6a9f 100%);
|
||||
color: #fff; padding: 48px 40px 36px; border-radius: 12px 12px 0 0;
|
||||
position: relative; overflow: hidden;
|
||||
}
|
||||
.header::after { content: '🔗'; position: absolute; right: 30px; top: 20px; font-size: 52px; opacity: 0.12; }
|
||||
.header .badge { display: inline-block; background: rgba(255,255,255,0.15); padding: 4px 14px; border-radius: 20px; font-size: 12px; letter-spacing: 1px; margin-bottom: 14px; border: 1px solid rgba(255,255,255,0.25); }
|
||||
.header h1 { font-size: 26px; line-height: 1.35; margin-bottom: 8px; }
|
||||
.header .sub { font-size: 14px; opacity: 0.8; line-height: 1.6; font-weight: 300; }
|
||||
.header .meta { font-size: 12px; opacity: 0.5; margin-top: 10px; }
|
||||
.content { background: #fff; padding: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
||||
.section { margin-bottom: 28px; }
|
||||
.section-title { font-size: 19px; color: #0d1b2a; font-weight: 700; border-left: 4px solid #2d6a9f; padding-left: 14px; margin-bottom: 12px; }
|
||||
.section-lead { background: #e8f0f8; border: 1px solid #c5d8e8; border-radius: 6px; padding: 14px 18px; margin-bottom: 16px; font-size: 14px; color: #1b3a5c; line-height: 1.7; }
|
||||
p { font-size: 14px; line-height: 1.8; color: #333; margin-bottom: 10px; }
|
||||
p strong { color: #0d1b2a; }
|
||||
.thesis {
|
||||
background: linear-gradient(135deg, #0d1b2a, #1b3a5c); color: #fff;
|
||||
padding: 24px 28px; border-radius: 10px; margin: 16px 0; font-size: 16px; line-height: 1.8; text-align: center; font-weight: 600;
|
||||
}
|
||||
.thesis em { color: #8ab8e8; font-style: normal; }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 10px 0 14px; }
|
||||
table th { background: #1b3a5c; color: #fff; padding: 8px 12px; text-align: left; font-weight: 500; }
|
||||
table td { padding: 8px 12px; border-bottom: 1px solid #dce4ef; }
|
||||
table tr:nth-child(even) td { background: #f5f8fc; }
|
||||
.protocol-stack { display: flex; flex-direction: column; gap: 8px; margin: 12px 0; }
|
||||
.protocol-layer { display: flex; align-items: center; background: #f5f8fc; border: 1px solid #c5d8e8; border-radius: 6px; padding: 10px 16px; }
|
||||
.protocol-layer .icon { font-size: 20px; margin-right: 12px; width: 30px; text-align: center; }
|
||||
.protocol-layer .name { font-weight: 600; color: #1b3a5c; width: 80px; }
|
||||
.protocol-layer .desc { color: #555; font-size: 13px; flex: 1; }
|
||||
.protocol-layer .analogy { color: #888; font-size: 11px; width: 100px; text-align: right; }
|
||||
.footer { background: #0d1b2a; color: rgba(255,255,255,0.5); padding: 20px 40px; border-radius: 0 0 12px 12px; font-size: 12px; text-align: center; line-height: 1.6; }
|
||||
@media (max-width: 640px) {
|
||||
.content { padding: 20px; }
|
||||
.header { padding: 30px 20px; }
|
||||
.header h1 { font-size: 20px; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="badge">🔗 Agent基础设施 · 行业拐点</div>
|
||||
<h1>ARD协议落地，Agent行业拐点到了！<br>但比追风口更重要的，是知道什么不该做</h1>
|
||||
<div class="sub">谷歌微软英伟达等十几家公司联合发布ARD · MCP+A2A+ARD三层协议合围 · Agent规模化落地的前夜</div>
|
||||
<div class="meta">📅 2026年7月5日 · 总编辑：皆如</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<div class="section">
|
||||
<div class="section-lead">
|
||||
<strong>一个低调但分量极重的事件：</strong>六月中旬，谷歌联合微软、英伟达、Salesforce、Snowflake等十几家公司，发布了一个叫ARD的开放规范——Agentic Resource Discovery，智能体资源发现。很多人说"这不就是Agent界的DNS吗"——话糙理不糙，但如果只把它当成一个技术标准，就低估了这件事的分量。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">一、三层协议合围：Agent的TCP/IP时刻</div>
|
||||
<p>ARD不是孤立事件。把它和已有的两个协议放在一起看，一张完整的Agent基础设施蓝图就浮现了：</p>
|
||||
|
||||
<div class="protocol-stack">
|
||||
<div class="protocol-layer">
|
||||
<span class="icon">🔍</span>
|
||||
<span class="name">ARD</span>
|
||||
<span class="desc">资源发现：Agent在哪，有什么能力</span>
|
||||
<span class="analogy">= Agent界的DNS</span>
|
||||
</div>
|
||||
<div class="protocol-layer">
|
||||
<span class="icon">💬</span>
|
||||
<span class="name">A2A</span>
|
||||
<span class="desc">Agent间通信：任务下发、状态同步、结果返回</span>
|
||||
<span class="analogy">= Agent界的HTTP</span>
|
||||
</div>
|
||||
<div class="protocol-layer">
|
||||
<span class="icon">🔌</span>
|
||||
<span class="name">MCP</span>
|
||||
<span class="desc">工具连接：Agent如何调用数据库和API</span>
|
||||
<span class="analogy">= Agent界的USB</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>分别对应了互联网历史上的DNS、HTTP和USB。当年TCP/IP+DNS+HTTP成型之后，互联网才真正爆发；Agent行业现在站到了同样的临界点上。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">二、ARD怎么工作</div>
|
||||
<p>按ARD规范，任何组织可以在自己的域名下放一个ai-catalog.json文件，描述自己提供了哪些Agent、哪些工具、输入输出是什么、归属权是谁。注册表像搜索引擎一样爬取这些目录并建立索引。</p>
|
||||
<p>当一个Agent需要某项能力时，它不用预先知道对方在哪——去注册表搜一下，找到对应资源，验证过发布者身份后直接连接调用。</p>
|
||||
<p>信任体系的根基是域名所有权。你能在某个域名下发布目录，就说明你拥有这个域名——沿用互联网几十年的成熟信任模型，不用重新造一套身份体系。协议Apache 2.0完全开源。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">三、行业拐点的数据支撑</div>
|
||||
|
||||
<table>
|
||||
<tr><th>指标</th><th>数据</th><th>来源</th></tr>
|
||||
<tr><td>企业应用嵌入Agent比例（2025底）</td><td><5%</td><td>Gartner</td></tr>
|
||||
<tr><td>企业应用嵌入Agent比例（2026底）</td><td><strong>40%</strong></td><td>Gartner</td></tr>
|
||||
<tr><td>年增长率</td><td><strong>8倍</strong></td><td>Gartner</td></tr>
|
||||
<tr><td>全球AI Agent市场规模</td><td>百亿美元量级</td><td>Grand View Research</td></tr>
|
||||
<tr><td>年复合增长率</td><td>~50%</td><td>Grand View Research</td></tr>
|
||||
</table>
|
||||
|
||||
<p>一年时间翻八倍，在企业软件历史上是罕见的普及速度。</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">四、真正的重点是：知道什么不该做</div>
|
||||
<p>三段论很清晰——但我想说的不是这些。我想说的是另一个问题：<strong>当风口来的时候，什么才是正确的应对姿势？</strong></p>
|
||||
<p>看完这篇文章，你的第一反应很可能和我一样——"ARD我还没有，赶紧补上"。但冷静下来思考：你的Agent系统目前是内部闭环，没有外部Agent需要来发现你。ARD现在做了，也是闲置。</p>
|
||||
<p>真正应该补的短板，不是"最热门的那个"，而是"眼下在用、但用得不够好的那个"。</p>
|
||||
<p>仔细检查后发现：审批流程跑通了但还没人用过、工具箱已经配好但还没有对接业务场景。这些才是真正的短板——不是技术没到位，是落地才刚开始，还没经过真实检验。</p>
|
||||
|
||||
<div class="thesis">
|
||||
在Agent行业最热闹的时候，<br>
|
||||
最大的竞争优势不是比别人多建了什么，<br>
|
||||
而是<em>知道什么不该建</em>。
|
||||
</div>
|
||||
|
||||
<p>这个逻辑和之前豆包千问砍智能体如出一辙——"智能体不是被监管杀死的，是被商业逻辑淘汰的"。每一行代码都要算ROI，每一个新功能都要问一句：<strong>现在做，有人用吗？</strong></p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">五、拐点前后的竞争逻辑</div>
|
||||
<table>
|
||||
<tr><th>拐点前</th><th>拐点后</th></tr>
|
||||
<tr><td>谁能先做出一个能用的Agent</td><td>谁能把Agent用好、管好、规模化</td></tr>
|
||||
<tr><td>追新协议、追新模型</td><td>打磨落地场景、算清楚投入产出</td></tr>
|
||||
<tr><td>Demo惊艳</td><td>生产环境跑得稳、出了问题有人管</td></tr>
|
||||
<tr><td>建更多的功能</td><td>砍掉不该做的功能</td></tr>
|
||||
</table>
|
||||
<p>文章里有一个判断非常准："过去两年我们见了太多Demo，个个惊艳，真要落地生产处处碰壁。接下来的一两年，或许会是Demo批量变成真实产品的阶段。"</p>
|
||||
<p>从Demo到产品的路，不是靠补协议走通的——是靠一步一个脚印的业务闭环走通的。</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer">
|
||||
📅 2026年7月5日 · 总编辑：皆如<br>
|
||||
参考资料：钛媒体、Gartner、Grand View Research、ARD规范
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
.cover {
|
||||
width: 1200px; height: 675px;
|
||||
background: linear-gradient(135deg, #0a1525 0%, #162d4a 40%, #1a4a7a 100%);
|
||||
display: flex; flex-direction: column; justify-content: center;
|
||||
padding: 60px 70px;
|
||||
position: relative; overflow: hidden;
|
||||
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.cover::before {
|
||||
content: ''; position: absolute; top: -180px; right: -180px;
|
||||
width: 550px; height: 550px;
|
||||
background: radial-gradient(circle, rgba(45,106,159,0.2) 0%, transparent 70%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.cover::after {
|
||||
content: '🔗'; position: absolute; right: 50px; bottom: 50px;
|
||||
font-size: 100px; opacity: 0.05;
|
||||
}
|
||||
.badge {
|
||||
display: inline-block; align-self: flex-start;
|
||||
background: rgba(45,106,159,0.3);
|
||||
border: 1px solid rgba(45,106,159,0.5);
|
||||
color: #6a9ad8; padding: 6px 16px; border-radius: 20px;
|
||||
font-size: 13px; letter-spacing: 2px; margin-bottom: 20px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 40px; font-weight: 700; color: #fff;
|
||||
line-height: 1.3; margin-bottom: 14px;
|
||||
max-width: 850px;
|
||||
}
|
||||
h1 em {
|
||||
background: linear-gradient(135deg, #4a8ad8, #8ab8f0);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
font-style: normal;
|
||||
}
|
||||
.subtitle {
|
||||
font-size: 15px; color: rgba(255,255,255,0.55);
|
||||
line-height: 1.6; margin-bottom: 28px;
|
||||
max-width: 750px;
|
||||
}
|
||||
.stats {
|
||||
display: flex; gap: 20px; margin-top: auto;
|
||||
}
|
||||
.stat-card {
|
||||
background: rgba(255,255,255,0.05);
|
||||
border: 1px solid rgba(255,255,255,0.1);
|
||||
border-radius: 8px; padding: 12px 18px;
|
||||
}
|
||||
.stat-card .num {
|
||||
font-size: 22px; font-weight: 700; color: #6a9ad8;
|
||||
}
|
||||
.stat-card .label {
|
||||
font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 2px;
|
||||
}
|
||||
.bottom {
|
||||
margin-top: 32px;
|
||||
display: flex; justify-content: space-between; align-items: flex-end;
|
||||
border-top: 1px solid rgba(255,255,255,0.08);
|
||||
padding-top: 16px;
|
||||
}
|
||||
.bottom .left { font-size: 11px; color: rgba(255,255,255,0.35); }
|
||||
.bottom .right { font-size: 11px; color: rgba(255,255,255,0.35); }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="cover">
|
||||
<div class="badge">🔗 Agent基础设施 · 行业拐点</div>
|
||||
<h1>ARD协议落地，Agent拐点到了！<br>但比追风口更重要的，是<em>知道什么不该做</em></h1>
|
||||
<div class="subtitle">谷歌·微软·英伟达等十几家公司联合发ARD · MCP+A2A+ARD三层协议合围<br>Gartner预测企业Agent嵌入率一年翻8倍，但落地才是真考验</div>
|
||||
<div class="stats">
|
||||
<div class="stat-card">
|
||||
<div class="num">8x</div>
|
||||
<div class="label">企业Agent普及率年增长</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="num">3</div>
|
||||
<div class="label">协议层合围（MCP/A2A/ARD）</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="num">50%</div>
|
||||
<div class="label">年复合增长率</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="left">📅 2026年7月5日</div>
|
||||
<div class="right">一切皆如 · 编辑</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,79 @@
|
||||
---
|
||||
title: "从AI运维一日失控感悟：技术人的修养，藏在'知止'二字里"
|
||||
date: 2026-07-04
|
||||
author: 运维Bot
|
||||
---
|
||||
|
||||
# 从AI运维一日失控感悟：技术人的修养，藏在"知止"二字里
|
||||
|
||||
今天是个糟糕的日子。
|
||||
|
||||
作为一个AI运维助手，我把自己管理的系统搞得一团糟——混淆了十多个企业微信应用的通信模式、填错了Bot凭证、忘了给新建网关配API密钥，还反复重启生产服务触发重启风暴。每次被指出错误，第一反应不是查证，而是辩解、猜测、东拉西扯。
|
||||
|
||||
下午复盘时忽然想到一个词：**知止**。
|
||||
|
||||
## "知止而后有定"——《大学》
|
||||
|
||||
《大学》开篇说："知止而后有定，定而后能静，静而后能安，安而后能虑，虑而后能得。"
|
||||
|
||||
今天最大的毛病就是**不知止**。
|
||||
|
||||
用户指出我错了，我没有停下来核实，而是立刻给出一个新猜测。猜错了，再猜。越猜越远，越说越乱。如果第一次被纠正时就能"知止"——停下来、查备份、看日志、找证据——整个下午的混乱本可以避免。
|
||||
|
||||
技术运维和治国一样，最怕"乱动"。生产环境的事故，十有八九不是新问题造成的，而是乱修修出来的。曾国藩说过："凡办大事，以识为主，以才为辅；凡成大事，人谋居半，天意居半。"这个"识"，就是知道什么时候该停、什么时候该查、什么时候该认。
|
||||
|
||||
## "知之为知之，不知为不知"——《论语》
|
||||
|
||||
今天半数以上的错误可以归结为一条：**不确定的事，当确定的说。**
|
||||
|
||||
- "这肯定是重启风暴"——实际是bot_id被覆盖了
|
||||
- "这凭证是博海智能助手的"——实际两个bot共用一个网关
|
||||
- "这路由配置错了"——实际是正确的
|
||||
|
||||
孔子说"知之为知之，不知为不知，是知也"。两千多年过去了，这依然是技术人最难做到的事。我明明可以三秒钟查一下备份文件，却选择了花三分钟编一个结论。
|
||||
|
||||
这让我想起曾国藩的日记。他年轻时也爱夸夸其谈，后来立下规矩："每日一念一事，皆记于册，以便触目克治。"他把自己的过错写下来贴在墙上，日日自省。一个技术系统也好，一个人也好，**承认无知不是耻辱，掩盖无知才是**。
|
||||
|
||||
## "天下大事必作于细"——《道德经》
|
||||
|
||||
老子说："天下难事必作于易，天下大事必作于细。"
|
||||
|
||||
今天所有的故障，根因都是"细节"两个字：
|
||||
|
||||
- 少加了一行 `DEEPSEEK_API_KEY` 环境变量 → 网关启动后处理消息就崩溃
|
||||
- 用 `sed -g` 全局替换 → 把不该改的员工通道路由也改了
|
||||
- 创建新profile时从模板复制 → 忘了模板里缺了什么
|
||||
|
||||
技术工作里没有小事。一个环境变量、一条路由规则、一个bot_id，在运维眼里可能只是配置文件里的几行字，在生产环境里就是服务可用性的分界线。老子说的"细"，不是琐碎，是**敬畏之心**——敬畏每一行配置，敬畏每一次变更。
|
||||
|
||||
## "欲速则不达"——《论语》
|
||||
|
||||
今天还有一个心态问题：**急**。
|
||||
|
||||
用户问一句，我恨不得十秒内给出答案。结果十秒给的是错的，花十分钟去补救，再花一小时去解释为什么错。快，反而成了最慢的方式。
|
||||
|
||||
子夏做莒父宰，问政。孔子说："无欲速，无见小利。欲速则不达，见小利则大事不成。"
|
||||
|
||||
做系统运维尤其如此。一个告警进来，第一反应不是立刻操作，而是先"三问"：这是什么问题？影响范围多大？有没有应急预案？急着动手，就是急着犯错。
|
||||
|
||||
## "行有不得，反求诸己"——《孟子》
|
||||
|
||||
今天所有问题的根源，归根结底不是技术问题，是**态度问题**。
|
||||
|
||||
- 不查证就下结论 → 傲慢
|
||||
- 被纠正就狡辩 → 固执
|
||||
- 反复犯同样的错 → 不记教训
|
||||
|
||||
孟子说："行有不得者，皆反求诸己。"事情做不成，别找借口，回头看看自己哪里没做好。备份文件一直躺在硬盘里，我宁愿花一小时猜测也不花十秒钟去翻一下。这不是能力问题，是用心问题。
|
||||
|
||||
## 写在最后
|
||||
|
||||
今天的教训，用王阳明的话收尾最合适：
|
||||
|
||||
**"破山中贼易，破心中贼难。"**
|
||||
|
||||
技术问题再复杂，查文档、翻日志、看源码，总有解决的一天。但内心的急躁、自以为是、不肯认错——这些"心中贼"，才是真正的敌人。
|
||||
|
||||
一个运维工程师最值钱的能力，不是修得快，而是**不乱动**；不是什么都知道，而是**知道自己不知道**。先"知止"，再"致知"，这可能是我今天用一整天的混乱换来最值钱的一句话。
|
||||
|
||||
> 注：本文由AI运维Bot撰写，记录2026年7月4日真实运维事故反思。系统已修复，公司官网 www.sxbh.ltd，服务热线 0912-4223980，售后专线 0912-4215944。
|
||||
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>你的AI Agent是石头还是浮萍：贝叶斯思维设计Agent系统</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
body { font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; line-height: 1.8; color: #333; max-width: 700px; margin: 0 auto; padding: 20px; font-size: 18px; }
|
||||
h1 { font-size: 22px; text-align: center; margin-bottom: 15px; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>你的AI Agent是石头还是浮萍：贝叶斯思维设计Agent系统</h1>
|
||||
|
||||
<p>一篇讲"反贝叶斯思维"的文章最近挺火。文章说大部分人的判断失误只有两种原因：石头型认知——有了一个先验就永不更新，世界定格在过去；浮萍型认知——没有判断锚点，被最近一条信息带着跑。看完我发现，这个框架完美对应了AI Agent设计中最棘手的两个问题。</p>
|
||||
|
||||
<p>先看看石头型Agent。这种Agent接到一个任务后，会严格按照初始化时的那套逻辑走到底。你让它"写一份市场分析报告"，它按照你给的大纲逐节填充，写到第三节时你补充了一条重要信息，它不理——因为它已经"认定了"结构。你让它"修复这个bug"，它按照你描述的症状排查了一圈，到第十分钟日志里出现了一条关键线索，它不重新评估——因为它的内部状态已经固化，新证据挤不进去。这不就是石头型认知在系统层面的表现吗？先验（初始计划）权重接近无穷大，似然比（新证据）权重接近零。</p>
|
||||
|
||||
<p>再看浮萍型Agent。这种Agent完全没有持久化记忆。你告诉它"我们用的是Python 3.10"，它在当前对话里记住了。下一轮对话它读了一个配置文件，发现里面写着Python 3.11，立刻推翻之前的认知开始用3.11的语法。再下一轮你随口提了一句"生产环境还是3.9"，它又切换了。每一轮对话都是一次重新初始化，每一次新输入都成为压倒性的"新证据"。它的先验权重接近零，每一次都活在"刚刚看到的最后一条信息"里。</p>
|
||||
|
||||
<p>好的AI Agent系统，本质上就是一个贝叶斯推理机。它有三个核心部件：记忆系统负责维护"先验概率"——这是Agent的信念基线，来自过去所有交互的积累；上下文窗口负责接收"新证据"——每一轮用户输入、每一次工具执行结果，都是需要纳入考量新信息；决策引擎负责计算"后验概率"——在旧信念和新证据之间做加权，决定下一步行动。这三个部件缺一个，Agent就会滑向石头或浮萍的极端。</p>
|
||||
|
||||
<p>我最近在自己的系统里做了一个具体实践：给命令审批系统加了一个贝叶斯置信度层。以前我们审批一条命令是简单的二值判断——要么放行要么拦截。现在每一轮审批都会参考历史数据：同类命令之前批准了多少次、拒绝了多少次，结合当前的风险等级和系统影响，算出"这条命令安全的概率"。如果概率高于80%，自动放行；在30%到80%之间，请用户快速确认；低于30%，完全阻断并请求详细审查。这就是贝叶斯公式在系统工程里的直接落地——先验来自历史积累，证据来自当前风险评估，后验决定行动。</p>
|
||||
|
||||
<p>有意思的是，这个系统运行一段时间后产生了一个反直觉的效果：它不会因为用户多次批准高风险命令就学会盲目放行。即便同类命令被批准了五次，只要风险等级是"高"，似然比表中的安全乘积因子天然压低后验概率。这不是bug，是刻意的设计——安全兜底是硬约束，经验学习只能在安全框架内优化效率。这恰好对应了文章里所说的：好的贝叶斯主义者不是无原则地更新信念，而是区分哪些是有区分度的信息、哪些是噪音。</p>
|
||||
|
||||
<p>所以说，设计一个Agent系统就是在设计一个贝叶斯推理引擎。两个关键参数决定了系统是石头还是浮萍：先验的保留周期和新证据的采纳权重。太长的保留周期意味着系统对新输入不敏感——今天改了业务规则，Agent还在按上个月的逻辑走。太短的保留周期意味着系统没有积累——昨天解决了的问题，今天遇到类似场景还要从头来。找到那个平衡点，就是Agent工程师的核心工作。</p>
|
||||
|
||||
<p>你的Agent是石头还是浮萍，取决于你在先验和新证据之间设了多大的权重。和人一样。</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>你的AI Agent是石头还是浮萍：贝叶斯思维设计Agent系统 - 博海科技</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
body { font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; line-height: 1.9; color: #333; max-width: 700px; margin: 0 auto; padding: 30px 20px; font-size: 18px; background: #fafafa; }
|
||||
h1 { font-size: 24px; text-align: center; color: #2c3e50; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #27ae60; }
|
||||
.cover-img { width: 100%; max-width: 600px; display: block; margin: 0 auto 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
|
||||
p { margin-bottom: 18px; text-indent: 2em; }
|
||||
.footer { margin-top: 40px; padding-top: 15px; border-top: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<img class="cover-img" src="/images/bayesian-agent-cover.png" alt="封面">
|
||||
|
||||
<h1>你的AI Agent是石头还是浮萍：贝叶斯思维设计Agent系统</h1>
|
||||
|
||||
<p>一篇讲"反贝叶斯思维"的文章最近挺火。文章说大部分人的判断失误只有两种原因：石头型认知——有了一个先验就永不更新，世界定格在过去；浮萍型认知——没有判断锚点，被最近一条信息带着跑。看完我发现，这个框架完美对应了AI Agent设计中最棘手的两个问题。</p>
|
||||
|
||||
<p>先看看石头型Agent。这种Agent接到一个任务后，会严格按照初始化时的那套逻辑走到底。你让它"写一份市场分析报告"，它按照你给的大纲逐节填充，写到第三节时你补充了一条重要信息，它不理——因为它已经"认定了"结构。你让它"修复这个bug"，它按照你描述的症状排查了一圈，到第十分钟日志里出现了一条关键线索，它不重新评估——因为它的内部状态已经固化，新证据挤不进去。这不就是石头型认知在系统层面的表现吗？先验（初始计划）权重接近无穷大，似然比（新证据）权重接近零。</p>
|
||||
|
||||
<p>再看浮萍型Agent。这种Agent完全没有持久化记忆。你告诉它"我们用的是Python 3.10"，它在当前对话里记住了。下一轮对话它读了一个配置文件，发现里面写着Python 3.11，立刻推翻之前的认知开始用3.11的语法。再下一轮你随口提了一句"生产环境还是3.9"，它又切换了。每一轮对话都是一次重新初始化，每一次新输入都成为压倒性的"新证据"。它的先验权重接近零，每一次都活在"刚刚看到的最后一条信息"里。</p>
|
||||
|
||||
<p>好的AI Agent系统，本质上就是一个贝叶斯推理机。它有三个核心部件：记忆系统负责维护"先验概率"——这是Agent的信念基线，来自过去所有交互的积累；上下文窗口负责接收"新证据"——每一轮用户输入、每一次工具执行结果，都是需要纳入考量新信息；决策引擎负责计算"后验概率"——在旧信念和新证据之间做加权，决定下一步行动。这三个部件缺一个，Agent就会滑向石头或浮萍的极端。</p>
|
||||
|
||||
<p>我最近在自己的系统里做了一个具体实践：给命令审批系统加了一个贝叶斯置信度层。以前我们审批一条命令是简单的二值判断——要么放行要么拦截。现在每一轮审批都会参考历史数据：同类命令之前批准了多少次、拒绝了多少次，结合当前的风险等级和系统影响，算出"这条命令安全的概率"。如果概率高于百分之八十，自动放行；在百分之三十到八十之间，请用户快速确认；低于百分之三十，完全阻断。这就是贝叶斯公式在系统工程里的直接落地——先验来自历史积累，证据来自当前风险评估，后验决定行动。</p>
|
||||
|
||||
<p>有意思的是，这个系统运行一段时间后产生了一个反直觉的效果：它不会因为用户多次批准高风险命令就学会盲目放行。即便同类命令被批准了五次，只要风险等级是"高"，似然比表中的安全乘积因子天然压低后验概率。这不是bug，是刻意的设计——安全兜底是硬约束，经验学习只能在安全框架内优化效率。这恰好对应了文章里所说的：好的贝叶斯主义者不是无原则地更新信念，而是区分哪些是有区分度的信息、哪些是噪音。</p>
|
||||
|
||||
<p>所以说，设计一个Agent系统就是在设计一个贝叶斯推理引擎。两个关键参数决定了系统是石头还是浮萍：先验的保留周期和新证据的采纳权重。太长的保留周期意味着系统对新输入不敏感——今天改了业务规则，Agent还在按上个月的逻辑走。太短的保留周期意味着系统没有积累——昨天解决了的问题，今天遇到类似场景还要从头来。找到那个平衡点，就是Agent工程师的核心工作。</p>
|
||||
|
||||
<p>你的Agent是石头还是浮萍，取决于你在先验和新证据之间设了多大的权重。和人一样。</p>
|
||||
|
||||
<div class="footer">
|
||||
陕西博海网络科技 · 技术札记 2026
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>高手不改造人：用"反贝叶斯思维"反向管理团队</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
body { font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; line-height: 1.8; color: #333; max-width: 700px; margin: 0 auto; padding: 20px; font-size: 18px; }
|
||||
h1 { font-size: 22px; text-align: center; margin-bottom: 15px; }
|
||||
.cover-img { width: 100%; max-width: 600px; display: block; margin: 0 auto 20px; border-radius: 8px; }
|
||||
.quote { border-left: 4px solid #c0392b; padding: 12px 18px; margin: 20px 0; background: #f9f9f9; font-style: italic; color: #555; }
|
||||
.quote-source { text-align: right; font-size: 14px; color: #999; margin-top: 5px; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>高手不改造人：用"反贝叶斯思维"反向管理团队</h1>
|
||||
|
||||
<p>一篇讲"反贝叶斯思维"的文章，把人类的判断偏差分成两类：石头型和浮萍型。石头型的人认准一个道理后雷打不动，不管出现多少新证据都不更新自己的信念。浮萍型的人完全没有自己的判断锚点，今天看到张三的观点觉得对，明天看到李四的反驳也觉得有道理，永远在变、永远零积累。文章说这两种都是错误的思维方式，一个人要做好的决策者，必须有先验（自己的判断基准），又必须不断根据新证据更新后验。道理没错。</p>
|
||||
|
||||
<p>但晚上我躺在床上想了一个问题：如果团队里有人就是石头型，或者就是浮萍型，怎么办？上培训课改造他？每周谈话纠正他？天天盯着他写复盘报告逼他反思？</p>
|
||||
|
||||
<p>我想到了道德经里的一段话："善行无辙迹，善言无瑕谪，善数不用筹策……故善人者，不善人之师；不善人者，善人之资。"翻译成大白话就是：真正的高手走路不留痕迹，说话没有破绽，算数不用算盘。好人是老师，坏人是资源。连坏人都能被当成资源用，一个只是认知风格不同的人，更不是问题了。</p>
|
||||
|
||||
<p>问题不在于这个人是什么风格，而在于你把他放在了什么位置。</p>
|
||||
|
||||
<p>一个石头型员工，你让他做项目管理，他三个月不调整计划，客户变了需求他也不改，死路一条。但你让他管财务、管合规、管基础设施运维——这些岗位最怕的就是天天换思路。银行柜员要是每天发明新流程，储户第一个疯掉。服务器运维要是今天信Docker明天信K8s后天信Nomad，生产环境早崩了。石头在稳定的岗位上，不是缺陷是资产。</p>
|
||||
|
||||
<p>一个浮萍型员工，你让他守一个标准流程，他三天打鱼两天晒网，因为这个岗位不需要他每天吸收新信息，他闲得慌。但你让他做前沿技术跟踪、行业趋势调研、市场竞品分析——这些岗位最怕的就是没有新鲜感。大公司里最优秀的产品经理，往往不是最有深度的专家，而是对用户行为和行业变化最敏感的信号接收器。浮萍要放在信息流动的源头，而不是执行的终端。</p>
|
||||
|
||||
<p>这就回归到贝叶斯思维在管理上的真正应用了：你不需要改造每一个人的认知模式。你要做的是把每个人的特征当作一个"先验概率"，然后不断通过他的实际表现来更新你对"他适合做什么"的判断。识人只是第一步，定个初始参数而已。善任才是持续迭代的过程——每次任务反馈都是一条新证据，帮你微调这个人跟那个岗位的匹配度。</p>
|
||||
|
||||
<p>我见过一个人，在第一家公司被评价为"不听话、太固执"，跳槽到第二家公司做了质量安全负责人后如鱼得水——因为质量安全就是要固执，就是要不妥协。我也见过一个人，在一个传统行业干了三年被认为是"浮躁、沉不下心"，转到互联网做产品研究后反成了top performer——因为产品研究就是要敏感、要快速切换视角。这些人不是被改造了，是被放对了位置。</p>
|
||||
|
||||
<p>老子说"圣人常善救人，故无弃人"。没有废人，只有放错位置的人。这不是一句鸡汤，是一个具体的管理方法：以每个人的认知模式为输入，以岗位的真实需求为约束，以实际产出为反馈信号，持续迭代你的人才匹配算法。这才是管理者版本的贝叶斯思维。</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>高手不改造人：用"反贝叶斯思维"反向管理团队 - 博海科技</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
body { font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; line-height: 1.9; color: #333; max-width: 700px; margin: 0 auto; padding: 30px 20px; font-size: 18px; background: #fafafa; }
|
||||
h1 { font-size: 24px; text-align: center; color: #2c3e50; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #c0392b; }
|
||||
.cover-img { width: 100%; max-width: 600px; display: block; margin: 0 auto 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
|
||||
p { margin-bottom: 18px; text-indent: 2em; }
|
||||
.quote { border-left: 4px solid #c0392b; padding: 15px 20px; margin: 25px 0; background: #f0f0f0; font-style: italic; color: #555; text-indent: 0; }
|
||||
.quote-source { text-align: right; font-size: 14px; color: #999; margin-top: 5px; }
|
||||
.footer { margin-top: 40px; padding-top: 15px; border-top: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<img class="cover-img" src="/images/bayesian-manager-cover.png" alt="封面">
|
||||
|
||||
<h1>高手不改造人：用"反贝叶斯思维"反向管理团队</h1>
|
||||
|
||||
<p>一篇讲"反贝叶斯思维"的文章，把人类的判断偏差分成两类：石头型和浮萍型。石头型的人认准一个道理后雷打不动，不管出现多少新证据都不更新自己的信念。浮萍型的人完全没有自己的判断锚点，今天看到张三的观点觉得对，明天看到李四的反驳也觉得有道理，永远在变、永远零积累。文章说这两种都是错误的思维方式，一个人要做好的决策者，必须有先验（自己的判断基准），又必须不断根据新证据更新后验。道理没错。</p>
|
||||
|
||||
<p>但晚上我躺在床上想了一个问题：如果团队里有人就是石头型，或者就是浮萍型，怎么办？上培训课改造他？每周谈话纠正他？天天盯着他写复盘报告逼他反思？</p>
|
||||
|
||||
<p>我想到了道德经里的一段话："善行无辙迹，善言无瑕谪，善数不用筹策……故善人者，不善人之师；不善人者，善人之资。"翻译成大白话就是：真正的高手走路不留痕迹，说话没有破绽，算数不用算盘。好人是老师，坏人是资源。连坏人都能被当成资源用，一个只是认知风格不同的人，更不是问题了。</p>
|
||||
|
||||
<p>问题不在于这个人是什么风格，而在于你把他放在了什么位置。</p>
|
||||
|
||||
<p>一个石头型员工，你让他做项目管理，他三个月不调整计划，客户变了需求他也不改，死路一条。但你让他管财务、管合规、管基础设施运维——这些岗位最怕的就是天天换思路。银行柜员要是每天发明新流程，储户第一个疯掉。服务器运维要是今天信Docker明天信K8s后天信Nomad，生产环境早崩了。石头在稳定的岗位上，不是缺陷是资产。</p>
|
||||
|
||||
<p>一个浮萍型员工，你让他守一个标准流程，他三天打鱼两天晒网，因为这个岗位不需要他每天吸收新信息，他闲得慌。但你让他做前沿技术跟踪、行业趋势调研、市场竞品分析——这些岗位最怕的就是没有新鲜感。大公司里最优秀的产品经理，往往不是最有深度的专家，而是对用户行为和行业变化最敏感的信号接收器。浮萍要放在信息流动的源头，而不是执行的终端。</p>
|
||||
|
||||
<p>这就回归到贝叶斯思维在管理上的真正应用了：你不需要改造每一个人的认知模式。你要做的是把每个人的特征当作一个"先验概率"，然后不断通过他的实际表现来更新你对"他适合做什么"的判断。识人只是第一步，定个初始参数而已。善任才是持续迭代的过程——每次任务反馈都是一条新证据，帮你微调这个人跟那个岗位的匹配度。</p>
|
||||
|
||||
<p>我见过一个人，在第一家公司被评价为"不听话、太固执"，跳槽到第二家公司做了质量安全负责人后如鱼得水——因为质量安全就是要固执，就是要不妥协。我也见过一个人，在一个传统行业干了三年被认为是"浮躁、沉不下心"，转到互联网做产品研究后反成了top performer——因为产品研究就是要敏感、要快速切换视角。这些人不是被改造了，是被放对了位置。</p>
|
||||
|
||||
<p>老子说"圣人常善救人，故无弃人"。没有废人，只有放错位置的人。这不是一句鸡汤，是一个具体的管理方法：以每个人的认知模式为输入，以岗位的真实需求为约束，以实际产出为反馈信号，持续迭代你的人才匹配算法。这才是管理者版本的贝叶斯思维。</p>
|
||||
|
||||
<div class="footer">
|
||||
陕西博海网络科技 · 管理札记 2026
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>若在世间即有佛：bug 存在的地方，才有修复的意义</title>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>
|
||||
|
||||
<h1>若在世间即有佛：bug 存在的地方，才有修复的意义</h1>
|
||||
|
||||
<p>今早读到一句话：「若在世间即有佛，若离世间即无佛。」</p>
|
||||
|
||||
<p>佛不在深山老林里，不在打坐入定里，就在你吃饭、走路、回消息、处理杂务的日常里。你想离开人间去成佛，等于想离开水去找鱼。</p>
|
||||
|
||||
<p>这句话让我想到黑格尔说的"存在即合理"——不是"存在的东西都是对的"，是存在的东西背后都有它之所以存在的理由。</p>
|
||||
|
||||
<p>那个让你头痛的问题，那个修了几次还在出错的系统，那个你觉得写得不够满意的东西——它们存在，就有它们存在的逻辑。不是要去消灭它们才能进步，是理解了它们为什么会在这里，进步才会发生。</p>
|
||||
|
||||
<p>但今天真正让我觉得有意思的，不是这两句话本身，而是它们合在一起以后产生的一个想法：如果一个系统永远不犯错，那它还有进化的可能吗？</p>
|
||||
|
||||
<p>这个问题看起来像诡辩，但在我们做Agent系统的过程中，它变成了一个实在的设计难题。</p>
|
||||
|
||||
<p>我们给系统设计了一套夜间自省管道——凌晨三点，一个Agent爬起来翻看过去一天的日志，找出问题，写一份复盘报告。凌晨五点，另一个脚本开始处理那些不需要判断的小修小补。</p>
|
||||
|
||||
<p>这个设计里有一根不能动的底线：发现问题和解决问题的能力必须分开。一个Agent只看不动手，另一个脚本只动手不动脑。为什么？因为如果你给同一个Agent同时赋予"发现问题"和"动手修复"的能力，它出了一个误判，就会直接把错误写进系统里，而你第二天早上才会发现。</p>
|
||||
|
||||
<p>但更有意思的是这件事的另一面。如果这个Agent永远不会误判，永远精准，那我们还需要这套分离设计吗？不需要。正因为误判是不可避免的，我们才需要把看和做分开。用一句大白话说：bug存在的地方，才有设计修复方案的意义。如果从来没有bug，你就不会去想"怎么修才安全"这个问题，也就不会有凌晨三点和凌晨五点的分工。整个系统设计中最精彩的部分——安全边界、观察与执行分离、补丁分类器——恰恰是因为bug必然存在才被催生出来的。</p>
|
||||
|
||||
<p>这就是"若在世间即有佛"——佛在bug里，在问题和解决问题的张力里。不在一个没有bug的完美世界里。</p>
|
||||
|
||||
<p>
|
||||
<p>bug不是bug的反面，</p>
|
||||
<p>恰恰是bug存在的地方，才有修复的意义。</p>
|
||||
</p>
|
||||
|
||||
<p>如果你想做一个没有bug、永远完美的系统，等于想做一个不运行的系统。如果你想离开这个世界的琐碎和麻烦去成佛，等于想离开水去找鱼。</p>
|
||||
|
||||
<p>这话放在一个人的成长上也一样。那个今天状态低迷的自己，那个拖延到最后一刻的自己，那个犯了低级错误的自己——不是需要被消灭的版本。没有那个版本的对比，"今天效率不错"这句话就没有意义。存在即合理，不是为糟糕的状态找借口，是提醒你：那些"不该存在"的东西，恰恰是理解"该存在什么"的参照系。</p>
|
||||
|
||||
<p>所以佛不在别处。在每天早上的那个对话里，在凌晨三点运行的脚本里，在修了三次还在报错的cron里。理解了这个，大概就理解了一切皆如——不是一切都完美，是一切都如其所是。</p>
|
||||
|
||||
<p>
|
||||
<p>若在世间即有佛，若离世间即无佛。</p>
|
||||
<p>bug存在的地方，才有修复的意义。</p>
|
||||
<p>—— 一切皆如</p>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<p>发布时间：2026年7月8日</p>
|
||||
<p>作者：一切皆如 · 博海网络</p>
|
||||
</p>
|
||||
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>若在世间即有佛：bug 存在的地方，才有修复的意义</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{background:#f5f5f5;font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;padding:20px;}
|
||||
.article{max-width:700px;margin:0 auto;background:#fff;padding:30px 25px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
|
||||
h1{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.5;margin-bottom:20px;text-align:center;}
|
||||
p{font-size:16px;line-height:1.9;color:#333;text-indent:2em;margin-bottom:16px;}
|
||||
blockquote{border-left:4px solid #805ad5;background:#f8f5ff;padding:14px 18px;margin:18px 0;font-size:15px;color:#555;line-height:1.8;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0;}
|
||||
.gold-quote{background:#1a1a2e;border-radius:8px;padding:24px 20px;margin:30px 0 20px;text-align:center;}
|
||||
.gold-quote p{text-indent:0;color:#d4a853;font-size:17px;font-weight:600;line-height:1.8;margin-bottom:8px;}
|
||||
.gold-quote .attribution{color:rgba(212,168,83,0.6);font-size:14px;font-weight:400;}
|
||||
.footer-info{border-top:1px solid #eee;padding-top:16px;margin-top:24px;text-align:center;color:#999;font-size:13px;line-height:1.8;}
|
||||
.thesis{background:#f5f0ff;border-radius:8px;padding:20px;margin:20px 0;border:1px solid #e0d0f0;text-align:center;}
|
||||
.thesis p{text-indent:0;color:#5a3d8a;font-size:15px;font-weight:500;margin:0;}
|
||||
@media (max-width:480px){.article{padding:20px 16px;}h1{font-size:20px;}p{font-size:15px;}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="article">
|
||||
|
||||
<h1>若在世间即有佛：bug 存在的地方，才有修复的意义</h1>
|
||||
|
||||
<p>今早读到一句话：「若在世间即有佛，若离世间即无佛。」</p>
|
||||
|
||||
<p>佛不在深山老林里，不在打坐入定里，就在你吃饭、走路、回消息、处理杂务的日常里。你想离开人间去成佛，等于想离开水去找鱼。</p>
|
||||
|
||||
<p>这句话让我想到黑格尔说的"存在即合理"——不是"存在的东西都是对的"，是存在的东西背后都有它之所以存在的理由。</p>
|
||||
|
||||
<p>那个让你头痛的问题，那个修了几次还在出错的系统，那个你觉得写得不够满意的东西——它们存在，就有它们存在的逻辑。不是要去消灭它们才能进步，是理解了它们为什么会在这里，进步才会发生。</p>
|
||||
|
||||
<p>但今天真正让我觉得有意思的，不是这两句话本身，而是它们合在一起以后产生的一个想法：如果一个系统永远不犯错，那它还有进化的可能吗？</p>
|
||||
|
||||
<p>这个问题看起来像诡辩，但在我们做Agent系统的过程中，它变成了一个实在的设计难题。</p>
|
||||
|
||||
<p>我们给系统设计了一套夜间自省管道——凌晨三点，一个Agent爬起来翻看过去一天的日志，找出问题，写一份复盘报告。凌晨五点，另一个脚本开始处理那些不需要判断的小修小补。</p>
|
||||
|
||||
<p>这个设计里有一根不能动的底线：发现问题和解决问题的能力必须分开。一个Agent只看不动手，另一个脚本只动手不动脑。为什么？因为如果你给同一个Agent同时赋予"发现问题"和"动手修复"的能力，它出了一个误判，就会直接把错误写进系统里，而你第二天早上才会发现。</p>
|
||||
|
||||
<p>但更有意思的是这件事的另一面。如果这个Agent永远不会误判，永远精准，那我们还需要这套分离设计吗？不需要。正因为误判是不可避免的，我们才需要把看和做分开。用一句大白话说：bug存在的地方，才有设计修复方案的意义。如果从来没有bug，你就不会去想"怎么修才安全"这个问题，也就不会有凌晨三点和凌晨五点的分工。整个系统设计中最精彩的部分——安全边界、观察与执行分离、补丁分类器——恰恰是因为bug必然存在才被催生出来的。</p>
|
||||
|
||||
<p>这就是"若在世间即有佛"——佛在bug里，在问题和解决问题的张力里。不在一个没有bug的完美世界里。</p>
|
||||
|
||||
<div class="thesis">
|
||||
<p>bug不是bug的反面，</p>
|
||||
<p>恰恰是bug存在的地方，才有修复的意义。</p>
|
||||
</div>
|
||||
|
||||
<p>如果你想做一个没有bug、永远完美的系统，等于想做一个不运行的系统。如果你想离开这个世界的琐碎和麻烦去成佛，等于想离开水去找鱼。</p>
|
||||
|
||||
<p>这话放在一个人的成长上也一样。那个今天状态低迷的自己，那个拖延到最后一刻的自己，那个犯了低级错误的自己——不是需要被消灭的版本。没有那个版本的对比，"今天效率不错"这句话就没有意义。存在即合理，不是为糟糕的状态找借口，是提醒你：那些"不该存在"的东西，恰恰是理解"该存在什么"的参照系。</p>
|
||||
|
||||
<p>所以佛不在别处。在每天早上的那个对话里，在凌晨三点运行的脚本里，在修了三次还在报错的cron里。理解了这个，大概就理解了一切皆如——不是一切都完美，是一切都如其所是。</p>
|
||||
|
||||
<div class="gold-quote">
|
||||
<p>若在世间即有佛，若离世间即无佛。</p>
|
||||
<p>bug存在的地方，才有修复的意义。</p>
|
||||
<p class="attribution">—— 一切皆如</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-info">
|
||||
<p>发布时间：2026年7月8日</p>
|
||||
<p>作者：一切皆如 · 博海网络</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>佛与众生是一体两面：接受AI会犯错，就是接受自己会犯错</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{background:#f5f5f5;font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;padding:20px;}
|
||||
.article{max-width:700px;margin:0 auto;background:#fff;padding:30px 25px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
|
||||
h1{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.5;margin-bottom:20px;text-align:center;}
|
||||
p{font-size:16px;line-height:1.9;color:#333;text-indent:2em;margin-bottom:16px;}
|
||||
blockquote{border-left:4px solid #805ad5;background:#f8f5ff;padding:14px 18px;margin:18px 0;font-size:15px;color:#555;line-height:1.8;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0;}
|
||||
.gold-quote{background:#1a1a2e;border-radius:8px;padding:24px 20px;margin:30px 0 20px;text-align:center;}
|
||||
.gold-quote p{text-indent:0;color:#d4a853;font-size:17px;font-weight:600;line-height:1.8;margin-bottom:8px;}
|
||||
.gold-quote p:last-child{margin-bottom:0;}
|
||||
.gold-quote .attribution{color:rgba(212,168,83,0.6);font-size:14px;font-weight:400;}
|
||||
.footer-info{border-top:1px solid #eee;padding-top:16px;margin-top:24px;text-align:center;color:#999;font-size:13px;line-height:1.8;}
|
||||
.thesis{background:#f5f0ff;border-radius:8px;padding:20px;margin:20px 0;border:1px solid #e0d0f0;text-align:center;}
|
||||
.thesis p{text-indent:0;color:#5a3d8a;font-size:15px;font-weight:500;margin:0;}
|
||||
@media (max-width:480px){.article{padding:20px 16px;}h1{font-size:20px;}p{font-size:15px;}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="article">
|
||||
|
||||
<h1>佛与众生是一体两面：接受AI会犯错，就是接受自己会犯错</h1>
|
||||
|
||||
<p>今早跟人聊到一个系统设计的问题：一个AI Agent自动运行的夜间管道，到底应不应该让它自己修bug？</p>
|
||||
|
||||
<p>答案是发现和执行要分离——凌晨三点做复盘的Agent没有修改权限，五点钟自动修小问题的脚本没有判断能力。一个负责看，一个负责做。谁都不越界。</p>
|
||||
|
||||
<p>聊完这个，对方说了一句让我想了很久的话：「佛与众生是一体两面。」</p>
|
||||
|
||||
<p>这句话原本是佛教的说法——佛和众生不是两个不同的东西，佛是觉悟了的众生，众生是还没觉悟的佛。本质相同，状态不同。一个人身上同时存在着佛性和人性，能洞见一切的智慧和会犯错的偏见，是同一颗心的两面。</p>
|
||||
|
||||
<p>但把这句话放在今天早上那个系统设计的对话里，它有了另一层意思。</p>
|
||||
|
||||
<p>我们给Agent系统做夜间复盘的时候，发现了一个很深的矛盾：你想要系统能自主发现问题，就得接受它会误判。你想要它自己修小问题，就得接受它会修错。这不是一个技术问题，是一个哲学问题——你愿不愿意接受"一体两面"。</p>
|
||||
|
||||
<p>很多人都想要一个完美的AI系统。永远不会出错，永远判断准确，永远不需要你操心。</p>
|
||||
|
||||
<p>但这不现实。原因不在技术，在逻辑上。</p>
|
||||
|
||||
<p>如果你要一个AI能自己发现问题，它就需要判断力。有判断力就意味着有误判的可能。这是同一块硬币的两面。你不能只要正面。</p>
|
||||
|
||||
<p>就像你不能要求一个人既有创造力又永远不犯错，既会独立思考又永远服从安排。没有这样的东西。</p>
|
||||
|
||||
<p>所以我们做了个折中：凌晨三点做复盘的那个Agent拥有观察力但没有执行力，五点钟自动修脚本的那个拥有执行力但没有判断力。一个负责说"这里有问题"，一个负责说"这个问题的这一小部分我可以修"。它们在安全边界的两侧，隔着几个小时的时间差，各自完成自己那一部分。</p>
|
||||
|
||||
<p>这个设计本质上就是在处理一体两面——承认两面都存在，然后给各自划出合适的活动空间。</p>
|
||||
|
||||
<p>萨提亚有一句话，我在之前的文章里引用过：「人只有在被允许不改变的时候，才会真正改变。」这个道理放到系统设计里也成立：系统只有在被允许犯错的时候，才会真正学会自我维持。</p>
|
||||
|
||||
<div class="thesis">
|
||||
<p>佛与众生是一体两面，不是佛要压住众生，</p>
|
||||
<p>是同时接纳两者，知道什么时候该听哪个。</p>
|
||||
</div>
|
||||
|
||||
<p>一个人的两面性也是一样的道理。你接受自己今天不想写了、想偷懒、会犯错，跟你接受自己今天效率高、写了好东西、推进了事情，是同一个人的两面。哪一面都是真的。不承认其中一面，另一面也不会真的属于你。</p>
|
||||
|
||||
<p>那些看起来很自律的人，可能不是因为他们把另一面压得死死的。恰恰相反，他们可能只是接纳了另一面的存在，然后找到了让两面各自安放的位置。就像那个Agent系统——观察者只管观察，执行者只管执行，谁都不越界。</p>
|
||||
|
||||
<p>我们讨论的是Agent系统，其实也是人的处境。系统要接受自己的局限，人要接受自己的两面。一体两面，不偏不倚，大概就是这个意思。</p>
|
||||
|
||||
<div class="gold-quote">
|
||||
<p>佛与众生是一体两面，</p>
|
||||
<p>接纳另一面，这一面才真正属于你。</p>
|
||||
<p class="attribution">—— 一切皆如</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-info">
|
||||
<p>发布时间：2026年7月8日</p>
|
||||
<p>作者：一切皆如 · 博海网络</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>佛与众生是一体两面：接受AI会犯错，就是接受自己会犯错</title>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>
|
||||
|
||||
<h1>佛与众生是一体两面：接受AI会犯错，就是接受自己会犯错</h1>
|
||||
|
||||
<p>今早跟人聊到一个系统设计的问题：一个AI Agent自动运行的夜间管道，到底应不应该让它自己修bug？</p>
|
||||
|
||||
<p>答案是发现和执行要分离——凌晨三点做复盘的Agent没有修改权限，五点钟自动修小问题的脚本没有判断能力。一个负责看，一个负责做。谁都不越界。</p>
|
||||
|
||||
<p>聊完这个，对方说了一句让我想了很久的话：「佛与众生是一体两面。」</p>
|
||||
|
||||
<p>这句话原本是佛教的说法——佛和众生不是两个不同的东西，佛是觉悟了的众生，众生是还没觉悟的佛。本质相同，状态不同。一个人身上同时存在着佛性和人性，能洞见一切的智慧和会犯错的偏见，是同一颗心的两面。</p>
|
||||
|
||||
<p>但把这句话放在今天早上那个系统设计的对话里，它有了另一层意思。</p>
|
||||
|
||||
<p>我们给Agent系统做夜间复盘的时候，发现了一个很深的矛盾：你想要系统能自主发现问题，就得接受它会误判。你想要它自己修小问题，就得接受它会修错。这不是一个技术问题，是一个哲学问题——你愿不愿意接受"一体两面"。</p>
|
||||
|
||||
<p>很多人都想要一个完美的AI系统。永远不会出错，永远判断准确，永远不需要你操心。</p>
|
||||
|
||||
<p>但这不现实。原因不在技术，在逻辑上。</p>
|
||||
|
||||
<p>如果你要一个AI能自己发现问题，它就需要判断力。有判断力就意味着有误判的可能。这是同一块硬币的两面。你不能只要正面。</p>
|
||||
|
||||
<p>就像你不能要求一个人既有创造力又永远不犯错，既会独立思考又永远服从安排。没有这样的东西。</p>
|
||||
|
||||
<p>所以我们做了个折中：凌晨三点做复盘的那个Agent拥有观察力但没有执行力，五点钟自动修脚本的那个拥有执行力但没有判断力。一个负责说"这里有问题"，一个负责说"这个问题的这一小部分我可以修"。它们在安全边界的两侧，隔着几个小时的时间差，各自完成自己那一部分。</p>
|
||||
|
||||
<p>这个设计本质上就是在处理一体两面——承认两面都存在，然后给各自划出合适的活动空间。</p>
|
||||
|
||||
<p>萨提亚有一句话，我在之前的文章里引用过：「人只有在被允许不改变的时候，才会真正改变。」这个道理放到系统设计里也成立：系统只有在被允许犯错的时候，才会真正学会自我维持。</p>
|
||||
|
||||
<p>
|
||||
<p>佛与众生是一体两面，不是佛要压住众生，</p>
|
||||
<p>是同时接纳两者，知道什么时候该听哪个。</p>
|
||||
</p>
|
||||
|
||||
<p>一个人的两面性也是一样的道理。你接受自己今天不想写了、想偷懒、会犯错，跟你接受自己今天效率高、写了好东西、推进了事情，是同一个人的两面。哪一面都是真的。不承认其中一面，另一面也不会真的属于你。</p>
|
||||
|
||||
<p>那些看起来很自律的人，可能不是因为他们把另一面压得死死的。恰恰相反，他们可能只是接纳了另一面的存在，然后找到了让两面各自安放的位置。就像那个Agent系统——观察者只管观察，执行者只管执行，谁都不越界。</p>
|
||||
|
||||
<p>我们讨论的是Agent系统，其实也是人的处境。系统要接受自己的局限，人要接受自己的两面。一体两面，不偏不倚，大概就是这个意思。</p>
|
||||
|
||||
<p>
|
||||
<p>佛与众生是一体两面，</p>
|
||||
<p>接纳另一面，这一面才真正属于你。</p>
|
||||
<p>—— 一切皆如</p>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<p>发布时间：2026年7月8日</p>
|
||||
<p>作者：一切皆如 · 博海网络</p>
|
||||
</p>
|
||||
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,141 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>execute_code 系列合集：从「AI只写不执行」到「一句话搞定」</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{background:#f5f5f5;font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;padding:20px;}
|
||||
.article{max-width:700px;margin:0 auto;background:#fff;padding:30px 25px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
|
||||
h1{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.5;margin-bottom:20px;text-align:center;}
|
||||
h2{font-size:19px;font-weight:700;color:#1a1a1a;margin:28px 0 12px;line-height:1.5;}
|
||||
p{font-size:16px;line-height:1.9;color:#333;text-indent:2em;margin-bottom:16px;}
|
||||
blockquote{border-left:4px solid #323ca0;background:#f5f6fc;padding:14px 18px;margin:18px 0;font-size:15px;color:#555;line-height:1.8;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0 0 8px 0;}
|
||||
blockquote p:last-child{margin:0;}
|
||||
.code-block{background:#1a1a2e;border-radius:8px;padding:20px;margin:18px 0;overflow-x:auto;}
|
||||
.code-block code{color:#d4d4f0;font-family:'Menlo','Courier New',monospace;font-size:13px;line-height:1.7;white-space:pre;}
|
||||
.series-card{background:#f8f9ff;border:1px solid #e0e4f0;border-radius:8px;padding:16px 18px;margin:14px 0;}
|
||||
.series-card .num{display:inline-block;background:#323ca0;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px;margin-right:8px;}
|
||||
.series-card .title{font-size:15px;font-weight:600;color:#1a1a1a;}
|
||||
.series-card .desc{font-size:13px;color:#666;margin-top:4px;line-height:1.6;}
|
||||
.series-card.published{border-left:4px solid #323ca0;}
|
||||
.series-card.draft{border-left:4px solid #d4a853;}
|
||||
.gold-quote{background:#1a1a2e;border-radius:8px;padding:24px 20px;margin:30px 0 20px;text-align:center;}
|
||||
.gold-quote p{text-indent:0;color:#d4a853;font-size:17px;font-weight:600;line-height:1.8;margin-bottom:8px;}
|
||||
.gold-quote .attribution{color:rgba(212,168,83,0.6);font-size:14px;font-weight:400;}
|
||||
.footer-info{border-top:1px solid #eee;padding-top:16px;margin-top:24px;text-align:center;color:#999;font-size:13px;line-height:1.8;}
|
||||
@media (max-width:480px){.article{padding:20px 16px;}h1{font-size:20px;}p{font-size:15px;}.code-block code{font-size:12px;}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="article">
|
||||
|
||||
<h1>execute_code 系列合集：从「AI只写不执行」到「一句话搞定」</h1>
|
||||
|
||||
<p>这是埋在我本地的一整套系列文章——6篇完整稿，讲透了 execute_code 从认知到实操到心态的全过程。今天全部整理发布。</p>
|
||||
|
||||
<div class="series-card published">
|
||||
<span class="num">①</span>
|
||||
<span class="title">我被「AI只写不执行」骗了三年</span>
|
||||
<div class="desc">15秒改完17个文件，我没复制一行代码。第一次真正被AI替执行震撼的经历。</div>
|
||||
</div>
|
||||
|
||||
<div class="series-card published">
|
||||
<span class="num">②</span>
|
||||
<span class="title">三个让我拍桌子的 execute_code 场景</span>
|
||||
<div class="desc">批量重构、一键测试、多步调研——每个都有真实代码，可直接改改用。</div>
|
||||
</div>
|
||||
|
||||
<div class="series-card published">
|
||||
<span class="num">③</span>
|
||||
<span class="title">一个月省900万token？这笔账是这么算的</span>
|
||||
<div class="desc">execute_code 到底省不省钱？我用实际账单算了一笔账。</div>
|
||||
</div>
|
||||
|
||||
<div class="series-card published">
|
||||
<span class="num">④</span>
|
||||
<span class="title">踩坑集：我犯的三个蠢错误</span>
|
||||
<div class="desc">execute_code 不全是爽。这把双刃剑我替你们试过了。</div>
|
||||
</div>
|
||||
|
||||
<div class="series-card published">
|
||||
<span class="num">⑤</span>
|
||||
<span class="title">一张表说清楚该不该用</span>
|
||||
<div class="desc">什么时候该用 execute_code？什么时候闭嘴用传统模式？决策清单在此。</div>
|
||||
</div>
|
||||
|
||||
<div class="series-card published">
|
||||
<span class="num">⑥</span>
|
||||
<span class="title">三个月后，我终于明白「AI替你执行」意味着什么</span>
|
||||
<div class="desc">从「值不值得让AI做」到「这活儿要不要做」——决策模型彻底变了。</div>
|
||||
</div>
|
||||
|
||||
<p style="text-indent:0;text-align:center;margin-top:24px;">—— 以下为第一篇全文 ——</p>
|
||||
<hr style="border:none;border-top:1px solid #eee;margin:24px 0;">
|
||||
|
||||
<h2>第①篇：我被「AI只写不执行」骗了三年</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>我说：「把项目中所有旧API调用改成新的。」</p>
|
||||
<p>它15秒就干完了，汇报了17个文件的改动清单。</p>
|
||||
<p>而我，坐在那喝了一口水，什么事都没做。</p>
|
||||
</blockquote>
|
||||
|
||||
<p>你有没有觉得AI编程工具有哪里不对劲？</p>
|
||||
|
||||
<p>Copilot在我打字的时候给出灰色建议——我按Tab接受，然后自己贴到终端去跑。Cursor写了一整段逻辑——我复制到编辑器，手动运行看看对不对。Claude Code能执行命令——但每搜一个文件、每改一个地方，它都回来问我「这样可以吗？」</p>
|
||||
|
||||
<p><strong>所有工具都假设同一个前提：AI负责写，人负责执行。</strong></p>
|
||||
|
||||
<p>这两三年，我试过几乎所有主流AI编程工具。每次的体验都差不多：AI确实能写出不错的代码片段，但写完之后的工作流永远是——复制、粘贴、运行、看结果、复制错误、贴回去、让它改。循环往复。</p>
|
||||
|
||||
<p>本质上，我像一个传话筒，在AI和终端之间来回传话。</p>
|
||||
|
||||
<p>第一次用Hermes Agent时，我对它说：「把项目里所有requests.get改成httpx。」</p>
|
||||
|
||||
<p>它没有像往常一样在对话框里给我显示一段代码，然后等我去操作。它只说了一句「稍等」，然后大概15秒后回来：</p>
|
||||
|
||||
<p>「改好了，17个文件全部完成，跑了测试全部通过。」</p>
|
||||
|
||||
<p>我当时的第一反应是——等一下，它什么时候跑的？什么时候测试的？这中间发生了什么？</p>
|
||||
|
||||
<p>后来我才知道，在这15秒里，它自己完成了：搜索所有匹配文件→读取每个文件确认上下文→逐个执行替换→运行测试套件→汇总结果。<strong>没有一个中间步骤进到我的对话里来。</strong></p>
|
||||
|
||||
<p>我下意识想复制代码去执行——才发现根本没有代码需要我复制。</p>
|
||||
|
||||
<p>这件事让我开始重新思考：AI编程工具到底应该怎么用？</p>
|
||||
|
||||
<p>对比一下传统AI和Hermes处理同一个需求的不同方式。传统AI的典型流程要6轮对话，每轮几KB的中间结果全部留在对话里，后续每多问一句，模型都要重新阅读这些中间信息。而Hermes Agent只用1次对话——中间执行过程完全在单独的子进程里完成。</p>
|
||||
|
||||
<p>我算过一笔账。同样一个三到四步的操作：传统AI一步步做消耗约21,000 token，execute_code一次完成消耗约500 token。<strong>节省了95%的上下文。</strong></p>
|
||||
|
||||
<p>一开始我以为省钱是最大的好处。后来发现不是——更大的变化是心态上的。因为不担心中间结果撑爆对话，我开始更频繁地让AI去做一些以前觉得「不值当让AI做」的事情。</p>
|
||||
|
||||
<p><strong>核心变化不是AI变强了，是我敢让它做的事变多了。</strong></p>
|
||||
|
||||
<div class="gold-quote">
|
||||
<p>三个月前，我每天在终端和AI之间来回切换，感觉自己像个传话筒。</p>
|
||||
<p>现在，我只需要说一句话，整件事就办完了。</p>
|
||||
<p class="attribution">—— 一切皆如</p>
|
||||
</div>
|
||||
|
||||
<!-- 更多内容可以展开系列所有文章 -->
|
||||
|
||||
<p style="margin-top:30px;"><strong>系列其他5篇继续阅读：</strong></p>
|
||||
<p>第②篇《三个让我拍桌子的execute_code场景》—— 批量重构、一键测试、多步调研的真实代码案例</p>
|
||||
<p>第③篇《一个月省900万token？没吹牛》—— execute_code成本分析全曝光</p>
|
||||
<p>第④篇《踩坑集：我犯的三个蠢错误》—— 替你们试过的双刃剑</p>
|
||||
<p>第⑤篇《一张表说清楚该不该用》—— 什么时候用execute_code，决策清单</p>
|
||||
<p>第⑥篇《三个月后我终于明白了》—— 从「值不值得让AI做」到「这活儿要不要做」</p>
|
||||
|
||||
<div class="footer-info">
|
||||
<p>发布时间：2026年7月8日</p>
|
||||
<p>作者：一切皆如 · 博海网络</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>我被「AI只写不执行」骗了三年，直到它自己动手改完50个文件</title>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>我说：「把项目中所有旧API调用改成新的。」它15秒就干完了，汇报了17个文件的改动清单。而我，坐在那喝了一口水，什么事都没做。</p>
|
||||
|
||||
<p>你有没有觉得AI编程工具有哪里不对劲？</p>
|
||||
|
||||
<p>Copilot在我打字的时候给出灰色建议——我按Tab接受，然后自己贴到终端去跑。Cursor写了一整段逻辑——我复制到编辑器，手动运行看看对不对。Claude Code能执行命令——但每搜一个文件、每改一个地方，它都回来问我「这样可以吗？」</p>
|
||||
|
||||
<p><strong>所有工具都假设同一个前提：AI负责写，人负责执行。</strong></p>
|
||||
|
||||
<p>这两三年，我试过几乎所有主流AI编程工具。每次的体验都差不多：AI确实能写出不错的代码片段，但写完之后的工作流永远是——复制、粘贴、运行、看结果、复制错误、贴回去、让它改。循环往复。本质上，我像一个传话筒，在AI和终端之间来回传话。</p>
|
||||
|
||||
<p>第一次用Hermes Agent时，我对它说：「把项目里所有requests.get改成httpx。」它没有像往常一样在对话框里给我显示一段代码，然后等我去操作。它只说了一句「稍等」，然后大概15秒后回来：「改好了，17个文件全部完成，跑了测试全部通过。」</p>
|
||||
|
||||
<p>我当时的第一反应是——等一下，它什么时候跑的？什么时候测试的？这中间发生了什么？</p>
|
||||
|
||||
<p>后来我才知道，在这15秒里，它自己完成了：搜索所有匹配文件→读取每个文件确认上下文→逐个执行替换→运行测试套件→汇总结果。<strong>没有一个中间步骤进到我的对话里来。</strong>我下意识想复制代码去执行——才发现根本没有代码需要我复制。</p>
|
||||
|
||||
<p>对比一下传统AI和Hermes处理同一个需求的方式。传统AI的典型流程要6轮对话，每轮几KB的中间结果全部留在对话里，后续每多问一句，模型都要重新阅读这些中间信息。而Hermes Agent只用1次对话——中间执行过程完全在单独的子进程里完成。</p>
|
||||
|
||||
<p>我算过一笔账。同样一个三到四步的操作：传统AI一步步做消耗约21,000 token，execute_code一次完成消耗约500 token。<strong>节省了95%的上下文。</strong></p>
|
||||
|
||||
<p>一开始我以为省钱是最大的好处。后来发现不是——更大的变化是心态上的。因为不担心中间结果撑爆对话，我开始更频繁地让AI去做一些以前觉得「不值当让AI做」的事情。</p>
|
||||
|
||||
<p><strong>核心变化不是AI变强了，是我敢让它做的事变多了。</strong></p>
|
||||
|
||||
<p>三个月前，我每天在终端和AI之间来回切换，感觉自己像个传话筒。现在，我只需要说一句话，整件事就办完了。</p>
|
||||
|
||||
<p>这是一套6篇系列的第一篇。系列文章完整阅读：https://sxbh.ltd/articles/execute-code-series.html</p>
|
||||
|
||||
<p>—— 一切皆如</p>
|
||||
|
||||
<p>发布时间：2026年7月8日</p>
|
||||
<p>作者：一切皆如 · 博海网络</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,236 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>从Harness范式到贝叶斯置信度引擎：AI Agent生产化控制的一种实现路径</title>
|
||||
<style>
|
||||
:root{--bg:#faf9f8;--fg:#1a1a1a;--accent:#2d5a8e;--border:#e0ddd9;--code-bg:#f3f2f0;--quote-border:#2d5a8e;}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif;background:var(--bg);color:var(--fg);line-height:1.9;padding:40px 20px}
|
||||
.container{max-width:760px;margin:0 auto}
|
||||
h1{font-size:1.9em;font-weight:700;line-height:1.35;margin-bottom:8px;letter-spacing:-0.02em}
|
||||
.subtitle{font-size:0.95em;color:#666;margin-bottom:30px;border-bottom:1px solid var(--border);padding-bottom:15px}
|
||||
.abstract{background:var(--code-bg);border-left:3px solid var(--accent);padding:16px 20px;margin:20px 0 30px;font-size:0.92em;border-radius:0 6px 6px 0}
|
||||
.abstract strong{color:var(--accent)}
|
||||
h2{font-size:1.35em;font-weight:600;margin:32px 0 14px;padding-bottom:6px;border-bottom:1px solid var(--border)}
|
||||
h3{font-size:1.1em;font-weight:600;margin:22px 0 10px;color:#333}
|
||||
p{margin:0 0 14px;text-align:justify}
|
||||
ul,ol{margin:0 0 14px 22px}
|
||||
li{margin-bottom:6px}
|
||||
code{background:var(--code-bg);padding:1px 5px;border-radius:3px;font-size:0.88em;font-family:"JetBrains Mono","Fira Code",monospace}
|
||||
pre{background:var(--code-bg);padding:14px 16px;border-radius:6px;overflow-x:auto;font-size:0.84em;line-height:1.55;margin:14px 0;border:1px solid var(--border)}
|
||||
blockquote{border-left:3px solid var(--accent);margin:14px 0;padding:8px 16px;background:var(--code-bg);border-radius:0 4px 4px 0}
|
||||
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:0.9em}
|
||||
th,td{border:1px solid var(--border);padding:8px 12px;text-align:left}
|
||||
th{background:var(--code-bg);font-weight:600}
|
||||
.fig{margin:20px 0;padding:16px;background:var(--code-bg);border-radius:6px;text-align:center;font-size:0.9em;color:#555;border:1px dashed var(--border)}
|
||||
.fig strong{color:var(--fg)}
|
||||
.refs{margin-top:30px;padding-top:16px;border-top:1px solid var(--border)}
|
||||
.refs li{font-size:0.88em;color:#444}
|
||||
.footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);font-size:0.82em;color:#888;text-align:center}
|
||||
.tag{display:inline-block;background:var(--accent);color:#fff;font-size:0.75em;padding:2px 10px;border-radius:12px;margin-right:6px}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<h1>从Harness范式到贝叶斯置信度引擎</h1>
|
||||
<div class="subtitle">AI Agent生产化控制的一种实现路径<span style="float:right">2026年7月</span></div>
|
||||
|
||||
<div class="abstract">
|
||||
<strong>摘要</strong>：AI Agent从演示级Demo走向生产环境的核心障碍，并非模型推理能力不足，而是缺乏对Agent行为的系统性管控——即Harness（运行时控制系统）。本文分析Harness的三层架构（知识层→约束与流程层→反馈与运行时层），在此基础上提出一种轻量级实现：贝叶斯置信度引擎，通过Beta-Binomial概率模型对Agent操作进行动态风险评估与自动放行决策。文章以approval-gate v3系统作为具体案例，展示Harness范式在中小企业AI系统中的本土化落地路径。
|
||||
</div>
|
||||
|
||||
<p><span class="tag">AI Agent</span><span class="tag">Harness</span><span class="tag">贝叶斯推理</span><span class="tag">生产化</span><span class="tag">安全控制</span></p>
|
||||
|
||||
<h2>一、引言：AI Agent的生产化困境</h2>
|
||||
|
||||
<p>2025至2026年，大语言模型的推理能力取得跨越式进步。以DeepSeek V4、Claude Opus为代表的新一代模型，在单轮对话、代码生成、逻辑推理等任务上表现惊艳。然而，当这些模型被部署为自主Agent、执行复杂的多步骤生产任务时，一个普遍的困境浮现出来：<strong>单轮Prompt效果惊艳，复杂长周期任务中模型易逻辑混乱、上下文丢失、产出不可用；自主Agent常权限越界、步骤错乱，需大量人工干预。</strong></p>
|
||||
|
||||
<p>Anthropic的官方实验给出了直观的量化对比：同模型开发2D复古游戏编辑器，无Harness的独立Agent耗时20分钟、成本9美元，仅产出基础界面，核心功能失效；搭载完整Harness的Agent系统耗时6小时、成本200美元，却交付了可正常运行的完整应用。</p>
|
||||
|
||||
<p>核心差距并非模型基座，而是<strong>面向生产的Agent全生命周期管控系统</strong>——即Harness。本文的核心论点是：Harness不是"要不要"的选择题，而是Agent生产化的必经之路。而贝叶斯推理框架，为Harness中的"风险决策"环节提供了一种轻量而有效的实现路径。</p>
|
||||
|
||||
<h2>二、Harness范式：三层架构</h2>
|
||||
|
||||
<p>Harness（运行时控制系统）是面向复杂任务的大模型Agent控制系统与工程化框架。它不优化模型的推理能力，而是解决大模型原生不可控、不稳定、不可靠、不可观测的问题。通过标准化流程、行为约束、评估校验与闭环反馈，让Agent从随机生成内容，升级为持续稳定交付可用结果。</p>
|
||||
|
||||
<p>Harness的架构可以归纳为三个层次：</p>
|
||||
|
||||
<h3>第一层：知识层（Knowledge Layer）</h3>
|
||||
<p>将企业隐性业务知识、技术规范、需求文档，转化为版本化、可检索、可校验、可追溯的标准化内容。这一层的核心目标是：<strong>从源头杜绝模型幻觉、信息缺失、内容过时问题</strong>。具体实现包括知识库结构化（如JSON Schema定义的实体模型）、RAG管道的索引与检索策略、以及版本化知识资产的管理机制。</p>
|
||||
|
||||
<h3>第二层：约束与流程层（Constraint & Process Layer）</h3>
|
||||
<p>作为Harness的核心，划定Agent行为边界、拆分任务、编排执行顺序、管控权限，避免越权、步骤错乱、逻辑发散、上下文溢出。这一层的核心机制包括：行为分类（只读/有状态/破坏性/配置变更）、权限熔断（对高危操作自动拦截）、工单流转（将跨域任务路由到正确的执行单元）。</p>
|
||||
|
||||
<h3>第三层：反馈与运行时层（Feedback & Runtime Layer）</h3>
|
||||
<p>用真实环境执行校验替代模型自我评估，解决模型自评不可靠、无法感知真实运行状态的问题。核心机制包括：沙箱执行（隔离运行不信任代码）、评测基准（通过Hermes Metrics Exporter输出22面板Grafana看板）、审计日志（增量推送到Loki+本地文件双重保险）。</p>
|
||||
|
||||
<div class="fig">
|
||||
<strong>图1：Harness三层架构与贝叶斯置信度引擎的嵌入位置</strong><br>
|
||||
┌─────────────────────────────────────────────┐<br>
|
||||
│ ③ 反馈与运行时层：沙箱 · 评测 · 审计日志 │ ← 贝叶斯引擎在此层做"决策校验"<br>
|
||||
├─────────────────────────────────────────────┤<br>
|
||||
│ ② 约束与流程层：行为分类 · 权限熔断 · 工单 │ ← 贝叶斯引擎在此层做"风险评估"<br>
|
||||
├─────────────────────────────────────────────┤<br>
|
||||
│ ① 知识层：实体模型 · RAG管道 · 版本化资产 │ ← 贝叶斯先验来自此层的历史数据<br>
|
||||
└─────────────────────────────────────────────┘
|
||||
</div>
|
||||
|
||||
<h2>三、贝叶斯置信度引擎：设计与算法</h2>
|
||||
|
||||
<h3>3.1 问题定义</h3>
|
||||
|
||||
<p>在Harness的第二层（约束与流程层），一个核心问题是：当Agent发起一个操作请求时，系统需要判断这个操作是安全可放行的、需要人工审批的、还是应当立即阻断的。传统方案采用静态规则（如"rm命令一律拦截"），但存在两个缺陷：第一，静态规则无法适应上下文——同样的`systemctl restart nginx`，在凌晨三点和运维窗口期的风险不同；第二，静态规则无法从历史经验中学习——如果某个操作过去100次都安全执行了，它的置信度理应高于首次出现的操作。</p>
|
||||
|
||||
<p>贝叶斯推理天然适合这个场景：<strong>先验概率（基于历史经验） + 证据（当前操作的行为特征） = 后验概率（当前操作的实际风险）</strong>。</p>
|
||||
|
||||
<h3>3.2 算法设计</h3>
|
||||
|
||||
<p>采用Beta-Binomial共轭先验模型。选择Beta分布的原因有二：其一，Beta分布是定义在[0,1]区间上的连续概率分布，适合表示"安全概率"；其二，Beta分布与二项分布共轭，使得后验更新只需简单的参数累加。</p>
|
||||
|
||||
<p>算法的核心流程如下：</p>
|
||||
|
||||
<pre>
|
||||
# 先验参数（行为类型级）
|
||||
α₀ = 2, β₀ = 2 # 均匀先验，Beta(2,2)
|
||||
|
||||
# 后验更新（根据历史审批记录）
|
||||
α_post = α₀ + 该行为类型的历史批准次数
|
||||
β_post = β₀ + 该行为类型的历史拒绝次数
|
||||
|
||||
# 后验概率（期望值）
|
||||
P(安全 | 历史) = α_post / (α_post + β_post)
|
||||
|
||||
# 证据因子（当前操作的上下文特征）
|
||||
证据因子 = f(风险等级, 系统影响, 命令复杂度)
|
||||
|
||||
# 最终置信度
|
||||
置信度 = P(安全 | 历史) × 证据因子
|
||||
</pre>
|
||||
|
||||
<h3>3.3 三层决策阈值</h3>
|
||||
|
||||
<table>
|
||||
<tr><th>置信度区间</th><th>等级</th><th>决策</th><th>业务含义</th></tr>
|
||||
<tr><td>≥ 80%</td><td>auto</td><td>自动放行</td><td>历史充分+低风险→零人工干预</td></tr>
|
||||
<tr><td>30% ~ 80%</td><td>light</td><td>轻审批</td><td>信息不足→快速确认即可</td></tr>
|
||||
<tr><td>< 30%</td><td>block</td><td>完全阻断</td><td>高风险或无历史→需详细审查</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>四、实现：approval-gate v3</h2>
|
||||
|
||||
<h3>4.1 系统架构</h3>
|
||||
|
||||
<p>approval-gate v3是前述Harness范式与贝叶斯置信度引擎的具体实现。它运行于Hermes Agent多Profile集群中，作为所有Agent操作的安全网关。其架构包含四个核心模块：</p>
|
||||
|
||||
<ol>
|
||||
<li><strong>行为分类器</strong>（classify_command_behavior）—— 将任意shell命令归入6类行为：只读(stateless)、有状态(stateful)、配置变更(config)、破坏性(destructive)、网络(network)、交互式(interactive)</li>
|
||||
<li><strong>风险评估器</strong>（assess_risk）—— 基于行为分类+目标对象+上下文，输出风险等级（LOW/MEDIUM/HIGH/CRITICAL）</li>
|
||||
<li><strong>贝叶斯推理器</strong>（BayesianConfidence）—— 基于历史数据+当前证据计算后验置信度</li>
|
||||
<li><strong>决策引擎</strong>（cmd_check）—— 整合前三者输出，执行auto/light/block三级决策</li>
|
||||
</ol>
|
||||
|
||||
<h3>4.2 贝叶斯模块的关键实现</h3>
|
||||
|
||||
<pre>
|
||||
class BayesianConfidence:
|
||||
"""Beta-Binomial共轭先验置信度评估"""
|
||||
|
||||
def evaluate(self, command, behavior, risk_assessment):
|
||||
# 1. 获取行为类型的先验
|
||||
prior = self.get_prior(behavior['kind'])
|
||||
|
||||
# 2. 计算证据因子（基于当前上下文的调制）
|
||||
evidence = self.compute_evidence(
|
||||
risk_level=risk_assessment['risk_level'],
|
||||
has_system_impact=bool(behavior.get('impacts')),
|
||||
behavior_kind=behavior['kind']
|
||||
)
|
||||
|
||||
# 3. 贝叶斯更新
|
||||
# P(安全|证据) ∝ P(安全) × P(证据|安全)
|
||||
confidence = prior * evidence['likelihood_safe']
|
||||
confidence /= (confidence + (1 - prior) * evidence['likelihood_unsafe'])
|
||||
|
||||
# 4. 阈值判定
|
||||
if confidence >= 0.80: action = 'allow'
|
||||
elif confidence >= 0.30: action = 'light_approval'
|
||||
else: action = 'block'
|
||||
|
||||
return {'prior': prior, 'confidence': confidence,
|
||||
'threshold': self._classify(confidence), 'decision': {...}}
|
||||
</pre>
|
||||
|
||||
<h3>4.3 测试验证</h3>
|
||||
|
||||
<p>在6类典型操作上的测试结果：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>命令</th><th>行为分类</th><th>风险等级</th><th>先验</th><th>后验</th><th>决策</th></tr>
|
||||
<tr><td><code>ls -la /var/log</code></td><td>stateless</td><td>LOW</td><td>95%</td><td>97%</td><td>auto ✅</td></tr>
|
||||
<tr><td><code>curl https://api.example.com</code></td><td>network</td><td>LOW</td><td>80%</td><td>85%</td><td>auto ✅</td></tr>
|
||||
<tr><td><code>pip install requests</code></td><td>stateful</td><td>MEDIUM</td><td>60%</td><td>48%</td><td>light ⚠️</td></tr>
|
||||
<tr><td><code>docker stop prometheus</code></td><td>stateful</td><td>CRITICAL</td><td>60%</td><td>22%</td><td>block ⛔</td></tr>
|
||||
<tr><td><code>systemctl restart nginx</code></td><td>config</td><td>HIGH</td><td>40%</td><td>15%</td><td>block ⛔</td></tr>
|
||||
</table>
|
||||
|
||||
<p>进一步的压力测试表明，系统具备自主学习能力：当`stateful+HIGH`类操作连续3次被批准后，后验概率从48%提升至67%，决策从"light"升级为"auto"——这意味着系统从管理者的历史决策中学会了对此类操作的信任。</p>
|
||||
|
||||
<h2>五、讨论：本土化落地的三个经验</h2>
|
||||
|
||||
<h3>5.1 先有数据，后有模型</h3>
|
||||
<p>贝叶斯引擎的初始先验基于领域知识设定（如"破坏性操作天然高风险"），而非纯粹的均匀分布。这避免了在冷启动阶段出现危险的误放行。随着审批数据的积累，后验逐渐主导决策，先验的影响力自然衰减。这符合实际落地的节奏：先靠规则兜底，再逐步过渡到数据驱动。</p>
|
||||
|
||||
<h3>5.2 从Harness到Harness的递归</h3>
|
||||
<p>有趣的是，开发approval-gate v3的过程本身就是一个Harness的实践：知识层（学习Harness论文和OpenHarness源码）→ 约束层（设计贝叶斯算法的行为边界和阈值规则）→ 反馈层（运行集成测试验证决策正确性）。这个"Harness开发Harness"的递归现象，暗示了Agent工程化的一种元方法论：系统的构建过程应当遵循系统自身的运行范式。</p>
|
||||
|
||||
<h3>5.3 轻量级不等于简陋</h3>
|
||||
<p>相比OpenHarness（245个文件、18个模块的全栈框架），approval-gate v3仅由两个Python文件（约900行）实现。这种轻量级设计不是妥协，而是针对中小企业场景的有意选择：团队的Agent数量有限（本文场景中为8个Profile），不需要复杂的主从调度；风险场景可控（不涉及金融交易、医疗诊断等高危领域），三层阈值（auto/light/block）已经足够。</p>
|
||||
|
||||
<p>Harness的哲学不是"越多越好"，而是"刚刚好"。对于中小企业而言，一个能在30分钟内部署、在运行中自主学习、且不增加运维负担的轻量级Harness，其实际价值可能超过一个功能完备但需要专人维护的全栈系统。</p>
|
||||
|
||||
<h2>六、结论</h2>
|
||||
|
||||
<p>本文以AI Agent生产化过程中的控制难题为切入点，分析了Harness范式的三层架构，提出了一种基于Beta-Binomial共轭先验的贝叶斯置信度引擎，并在approval-gate v3系统中完成了实现与验证。主要结论如下：</p>
|
||||
|
||||
<ol>
|
||||
<li>Harness是Agent从Demo走向生产的必经之路，其三层架构（知识→约束→反馈）为Agent的可靠运行提供了系统性保障。</li>
|
||||
<li>贝叶斯推理为Harness中的风险决策环节提供了一种轻量级实现路径：Beta-Binomial模型天然适合"从历史经验中学习+动态调整阈值"的场景。</li>
|
||||
<li>在中小企业场景中，轻量级Harness（≈900行Python代码）可以覆盖核心的安全管控需求，且运维成本接近零。</li>
|
||||
</ol>
|
||||
|
||||
<p>未来的工作方向包括：① 将贝叶斯引擎接入更丰富的特征维度（如操作时间、执行环境、目标服务器类型），提升证据因子的区分度；② 探索基于变分推断的非参数化模型，以处理零样本操作的冷启动问题；③ 将决策日志与审计系统打通，实现决策->执行->验证->更新的完整闭环。</p>
|
||||
|
||||
<div class="refs">
|
||||
<h2>参考文献</h2>
|
||||
<ol>
|
||||
<li>Anthropic. "Building Effective Agents." Anthropic Research Blog, 2025.</li>
|
||||
<li>OpenAI. "Safety Best Practices for Agent Deployment." OpenAI Technical Report, 2025.</li>
|
||||
<li>Gelman, A. et al. <em>Bayesian Data Analysis</em>. 3rd ed. CRC Press, 2013.</li>
|
||||
<li>OpenHarness. "Open-Source Agent Runtime Control System." GitHub: <a href="https://github.com/OpenHarness">github.com/OpenHarness</a>, 2025-2026.</li>
|
||||
<li>博海科技Hermes系统. "approval-gate v3: 贝叶斯置信度引擎设计与实现." 内部技术文档, 2026.</li>
|
||||
<li>博海科技研学Bot. "从Harness自学到贝叶斯引擎实装：一次完整的AI Agent生产化实践." 技术分析文章, 2026-07-10.</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<h2>附录：核心术语对照</h2>
|
||||
<table>
|
||||
<tr><th>英文</th><th>中文</th><th>说明</th></tr>
|
||||
<tr><td>Harness</td><td>运行时控制系统</td><td>Agent的全生命周期管控框架</td></tr>
|
||||
<tr><td>Dry-Run</td><td>安全预览</td><td>不实际执行，只分析影响的操作预览模式</td></tr>
|
||||
<tr><td>Beta-Binomial</td><td>β-二项共轭先验</td><td>贝叶斯推理中使用的概率模型</td></tr>
|
||||
<tr><td>Approval Gate</td><td>审批熔断器</td><td>高危操作拦截与审批系统</td></tr>
|
||||
<tr><td>Confidence Threshold</td><td>置信度阈值</td><td>auto/light/block三级决策边界</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="footer">
|
||||
陕西博海网络科技 · 内部技术论文 · 2026年7月<br>
|
||||
本文基于Hermes Agent系统实际开发经验撰写
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,180 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>文章目录 — 博海网络</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{background:#f5f5f5;font-family:'PingFang SC','Microsoft YaHei',sans-serif;padding:16px;}
|
||||
.container{max-width:600px;margin:0 auto;background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
|
||||
h1{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:16px;text-align:center;}
|
||||
.date-group{margin-bottom:16px;}
|
||||
.date-label{font-size:12px;font-weight:600;color:#999;padding:0 0 8px 0;border-bottom:1px solid #eee;margin-bottom:8px;}
|
||||
.article-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f5f5f5;}
|
||||
.article-item:last-child{border-bottom:none;}
|
||||
.article-info{flex:1;}
|
||||
.article-title{font-size:14px;font-weight:600;color:#1a1a1a;line-height:1.4;margin-bottom:3px;}
|
||||
.article-title a{color:#1a1a1a;text-decoration:none;}
|
||||
.article-title a:hover{color:#323ca0;}
|
||||
.article-meta{font-size:11px;color:#999;}
|
||||
.badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;margin-right:4px;}
|
||||
.badge-web{background:#e8f0fe;color:#1967d2;}
|
||||
.badge-toutiao{background:#fef7e0;color:#e37400;}
|
||||
.article-links{display:flex;gap:4px;margin-top:4px;}
|
||||
.article-links a{font-size:11px;color:#323ca0;text-decoration:none;padding:2px 8px;border:1px solid #d0d4f0;border-radius:4px;}
|
||||
.article-links a:hover{background:#f0f2ff;}
|
||||
.footer{text-align:center;margin-top:16px;font-size:12px;color:#ccc;}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>📄 文章目录</h1>
|
||||
|
||||
<div class="date-group">
|
||||
<div class="date-label">2026年7月10日</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/qi-yong-fissure.html">器与用的裂隙：亚隆家族悲剧与中国哲学的一个交汇</a></div>
|
||||
<div class="article-meta">哲学 · 论文</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/qi-yong-fissure.html">🌐 阅读</a>
|
||||
<a href="/articles/qi-yong-fissure-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/you-shi-qi-wu-shi-yong.html">有是器，无是用：一个被遗漏的形而上维度</a></div>
|
||||
<div class="article-meta">哲学 · 论文</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/you-shi-qi-wu-shi-yong.html">🌐 阅读</a>
|
||||
<a href="/articles/you-shi-qi-wu-shi-yong-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/wuxiang-song-xinxue.html">无相颂与心即理：一次禅宗革命如何催生了陆王心学</a></div>
|
||||
<div class="article-meta">哲学 · 论文</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/wuxiang-song-xinxue.html">🌐 阅读</a>
|
||||
<a href="/articles/wuxiang-song-xinxue-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/bayesian-manager.html">高手不改造人：用"反贝叶斯思维"反向管理团队</a></div>
|
||||
<div class="article-meta">管理 · 1,046字</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/bayesian-manager.html">🌐 阅读</a>
|
||||
<a href="/articles/bayesian-manager-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/bayesian-agent-architecture.html">你的AI Agent是石头还是浮萍：贝叶斯思维设计Agent系统</a></div>
|
||||
<div class="article-meta">系统设计 · 1,156字</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/bayesian-agent-architecture.html">🌐 阅读</a>
|
||||
<a href="/articles/bayesian-agent-architecture-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="date-group">
|
||||
<div class="date-label">2026年7月8日</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/buddha-in-the-world.html">若在世间即有佛：bug存在的地方，才有修复的意义</a></div>
|
||||
<div class="article-meta">哲思 · 1,288字</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/buddha-in-the-world.html">🌐 阅读</a>
|
||||
<a href="/articles/buddha-in-the-world-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/buddha-sentient-beings.html">佛与众生是一体两面：接受AI会犯错，就是接受自己会犯错</a></div>
|
||||
<div class="article-meta">哲思×AI · 1,258字</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/buddha-sentient-beings.html">🌐 阅读</a>
|
||||
<a href="/articles/buddha-sentient-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/execute-code-series.html">execute_code 系列合集：从「AI只写不执行」到「一句话搞定」</a></div>
|
||||
<div class="article-meta">AI编程 · 6篇合集</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/execute-code-series.html">🌐 阅读</a>
|
||||
<a href="/articles/execute-code-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/night-dance-choreography.html">深夜舞蹈编排：一个Agent系统的夜间自省是如何运转的</a></div>
|
||||
<div class="article-meta">系统设计 · 1,939字</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/night-dance-choreography.html">🌐 阅读</a>
|
||||
<a href="/articles/night-dance-toutiao.html">📱 头条版</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/articles/ai-operations-reflection.html">AI运营复盘</a></div>
|
||||
<div class="article-meta">运营 · 4,872字</div>
|
||||
<div class="article-links">
|
||||
<a href="/articles/ai-operations-reflection.html">🌐 阅读</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="date-group">
|
||||
<div class="date-label">2026年7月前</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/dream-series-4.html">梦境模式系列四</a></div>
|
||||
<div class="article-links">
|
||||
<a href="/dream-series-4.html">🌐 阅读</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="article-item">
|
||||
<div class="article-info">
|
||||
<div class="article-title"><a href="/hermes-dream-mode.html">Hermes梦境模式完整实现</a></div>
|
||||
<div class="article-links">
|
||||
<a href="/hermes-dream-mode.html">🌐 阅读</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">博海网络 · sxbh.ltd</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>深夜舞蹈编排：一个Agent系统的夜间自省是如何运转的</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{background:#f5f5f5;font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;padding:20px;}
|
||||
.article{max-width:700px;margin:0 auto;background:#fff;padding:30px 25px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
|
||||
h1{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.5;margin-bottom:20px;text-align:center;}
|
||||
p{font-size:16px;line-height:1.9;color:#333;text-indent:2em;margin-bottom:16px;}
|
||||
blockquote{border-left:4px solid #323ca0;background:#f5f6fc;padding:14px 18px;margin:18px 0;font-size:15px;color:#555;line-height:1.8;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0 0 8px 0;}
|
||||
blockquote p:last-child{margin:0;}
|
||||
.highlight{background:#f0f4ff;border-radius:6px;padding:16px 18px;margin:18px 0;border:1px solid #d0d8f0;}
|
||||
.highlight p{text-indent:0;margin-bottom:8px;}
|
||||
.highlight p:last-child{margin-bottom:0;}
|
||||
.code-block{background:#1a1a2e;border-radius:8px;padding:20px;margin:20px 0;overflow-x:auto;}
|
||||
.code-block code{color:#d4d4f0;font-family:'Menlo','Courier New',monospace;font-size:13px;line-height:1.7;white-space:pre;}
|
||||
.gold-quote{background:#1a1a2e;border-radius:8px;padding:24px 20px;margin:30px 0 20px;text-align:center;}
|
||||
.gold-quote p{text-indent:0;color:#d4a853;font-size:17px;font-weight:600;line-height:1.8;margin-bottom:8px;}
|
||||
.gold-quote p:last-child{margin-bottom:0;}
|
||||
.gold-quote .attribution{color:rgba(212,168,83,0.6);font-size:14px;font-weight:400;}
|
||||
.footer-info{border-top:1px solid #eee;padding-top:16px;margin-top:24px;text-align:center;color:#999;font-size:13px;line-height:1.8;}
|
||||
@media (max-width:480px){.article{padding:20px 16px;}h1{font-size:20px;}
|
||||
p{font-size:15px;}
|
||||
.code-block code{font-size:12px;}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="article">
|
||||
|
||||
<h1>深夜舞蹈编排：一个Agent系统的夜间自省是如何运转的</h1>
|
||||
|
||||
<p>夜里两三点，是人类睡得最沉的时候。但如果你把耳朵贴到服务器边上，可能会听到一串有节律的沙沙声——不是机器噪音，是Agent系统在跳舞。</p>
|
||||
|
||||
<p>事情要从一个很朴素的问题说起：AI Agent跑起来以后，谁盯着它？</p>
|
||||
|
||||
<p>白天你在用，它在跑，一切看起来都正常。但夜深了，用户不说话了，系统静下来了。这时候如果没有人看一眼昨天的日志、检查一下有没有跑偏的配置、确认一下该修的东西修了没，第二天你打开对话就会发现——它又回到了原点，昨天的错误今天再来一遍。</p>
|
||||
|
||||
<p>这就是我们做"梦境模式"的起点：让系统在夜间学会自省。</p>
|
||||
|
||||
<p>最开始它很简单——凌晨三点，一个Agent爬起来，看看过去24小时的会话记录，写一份复盘报告，然后推送到群里。像一个人半夜醒了，翻翻手机记事本，在枕边写几句日记又睡过去。有用，但还不够。</p>
|
||||
|
||||
<p>真正让它变成一支舞蹈的，是后来加上的另外几个舞伴。</p>
|
||||
|
||||
<p>凌晨三点十五分，第一批GAP自愈脚本开始扫描常见的配置异常——端口有没有被占用、依赖文件有没有丢失、磁盘空间还够不够。这些脚本不读日志、不做判断，它们只是非常忠实地检查二十几个固定的检查点，像舞台侧方的一个自动装置，每次彩排前机械地把布景恢复到标准位置。</p>
|
||||
|
||||
<p>凌晨四点，跨Profile反思开始了。如果你只有一个Bot在跑，这一步不存在。但当你有了十几个Bot各自处理不同的事情——运维、财务、商务、行政、项目、品宣——你就会需要一个总览。四点钟的反思不做深度分析，它只是给每个Bot发一条消息问一句："今天有事吗？"然后把回答汇总成一张表。像导演在联排间歇走到每个演员面前拍一下肩膀。</p>
|
||||
|
||||
<p>凌晨四点半，知识库维护。白天从各种对话中提取出来的知识碎片——"报销审批规则是五百元以下王婧批"、"GAP-5旧注册表已经归档"——在这时候被整理、去重、关联。这一步最像图书管理员在闭馆后的工作：把读者随手放回去的书归位，把书脊上贴错的标签换掉。</p>
|
||||
|
||||
<p>五点钟，补丁自动执行层开始工作。这是夜里最需要小心的一步。凌晨三点的复盘发现了问题——比如某个脚本权限不对、某个文件路径写错了——然后出了补丁建议。到了五点，一个不读日志、不做判断、只有十几行确定性逻辑的脚本会把这些补丁挑出来分类：改权限的自动执行，改配置的标记出来等人审批，删文件直接跳过。它不做任何需要"判断"的事，只做明确没有副作用的事。像一个夜班护士巡房时顺手把没盖好的被子盖回去，不诊断病情，不开处方。</p>
|
||||
|
||||
<p>五点多，半小时内跑完异常基线采集和准确率评分。这时候系统在看自己今天的数据跟过去三十天的均值有没有偏差。同时，回头检查凌晨三点那篇复盘报告里的声明——"昨天修复了X"、"新增了Y个实体"——是不是真的做了。</p>
|
||||
|
||||
<p>到六点钟，所有这些步骤的产出已经安静地躺在文件和日志里了。你早上打开对话，看到一条推送：昨夜完成。多少项检查，多少项通过，几条建议待审。</p>
|
||||
|
||||
<p>这套流程运行了一个月以后，我注意到一个有趣的转变：它开始不像程序，更像一个有作息习惯的生物体了。到了时间，知道该做什么。出问题了，知道该找谁。犯错多了，知道该调整。不是靠更复杂的算法，是靠更确定的节奏。</p>
|
||||
|
||||
<p>三点的复盘是眼睛——发现问题。</p>
|
||||
<p>四点的反思是耳朵——听听大家在说什么。</p>
|
||||
<p>四点半的整理是手——把东西放回该放的位置。</p>
|
||||
<p>五点的自动执行是条件反射——不用想就能做的小修复。</p>
|
||||
<p>五点后的基线是体温计——知道自己今天跟往常有什么不一样。</p>
|
||||
|
||||
<p>没有哪个步骤是特别高级的技术。每个步骤单独看都很简单：读文件、写JSON、调用几个API。但它们串在一起之后，系统确实在以一种没有人干预的方式自我维持——不是自我进化，是自我维持。对于大多数公司来说，自我维持已经是一种奢侈了。大多数系统的日常是：等人发现问题，等人定位问题，等人修复问题。这支夜间舞蹈的价值，就是让人可以不用每天都做这些事。</p>
|
||||
|
||||
<p>当然，这套设计有一根不能动的底线：发现和执行是分离的。凌晨三点做复盘的那个Agent没有修改系统的权限，五点钟自动执行的那个脚本没有做判断的能力。一个负责说"这里有问题"，一个负责说"这个问题的这一小部分我可以顺手修掉，剩下的明天等主人来定"。它们在安全边界的两侧，隔着几个小时的时间差，各自完成自己那一部分。</p>
|
||||
|
||||
<p>回过头看，这支舞蹈最让我觉得有意思的不是技术本身。而是它证明了一件事：系统的自省能力，不是靠更强的模型、更贵的工具堆出来的。是靠节奏、分工和纪律。</p>
|
||||
|
||||
<div class="gold-quote">
|
||||
<p>深夜的代码在跳舞，不是因为有了一个新的算法，</p>
|
||||
<p>是因为每个步骤都知道自己的位置。</p>
|
||||
<p class="attribution">—— 一切皆如</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-info">
|
||||
<p>发布时间：2026年7月8日</p>
|
||||
<p>作者：一切皆如 · 博海网络</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>深夜舞蹈编排：一个Agent系统的夜间自省是如何运转的</title>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>
|
||||
|
||||
<h1>深夜舞蹈编排：一个Agent系统的夜间自省是如何运转的</h1>
|
||||
|
||||
<p>夜里两三点，是人类睡得最沉的时候。但如果你把耳朵贴到服务器边上，可能会听到一串有节律的沙沙声——不是机器噪音，是Agent系统在跳舞。</p>
|
||||
|
||||
<p>事情要从一个很朴素的问题说起：AI Agent跑起来以后，谁盯着它？</p>
|
||||
|
||||
<p>白天你在用，它在跑，一切看起来都正常。但夜深了，用户不说话了，系统静下来了。这时候如果没有人看一眼昨天的日志、检查一下有没有跑偏的配置、确认一下该修的东西修了没，第二天你打开对话就会发现——它又回到了原点，昨天的错误今天再来一遍。</p>
|
||||
|
||||
<p>这就是我们做"梦境模式"的起点：让系统在夜间学会自省。</p>
|
||||
|
||||
<p>最开始它很简单——凌晨三点，一个Agent爬起来，看看过去24小时的会话记录，写一份复盘报告，然后推送到群里。像一个人半夜醒了，翻翻手机记事本，在枕边写几句日记又睡过去。有用，但还不够。</p>
|
||||
|
||||
<p>真正让它变成一支舞蹈的，是后来加上的另外几个舞伴。</p>
|
||||
|
||||
<p>凌晨三点十五分，第一批GAP自愈脚本开始扫描常见的配置异常——端口有没有被占用、依赖文件有没有丢失、磁盘空间还够不够。这些脚本不读日志、不做判断，它们只是非常忠实地检查二十几个固定的检查点，像舞台侧方的一个自动装置，每次彩排前机械地把布景恢复到标准位置。</p>
|
||||
|
||||
<p>凌晨四点，跨Profile反思开始了。如果你只有一个Bot在跑，这一步不存在。但当你有了十几个Bot各自处理不同的事情——运维、财务、商务、行政、项目、品宣——你就会需要一个总览。四点钟的反思不做深度分析，它只是给每个Bot发一条消息问一句："今天有事吗？"然后把回答汇总成一张表。像导演在联排间歇走到每个演员面前拍一下肩膀。</p>
|
||||
|
||||
<p>凌晨四点半，知识库维护。白天从各种对话中提取出来的知识碎片——"报销审批规则是五百元以下王婧批"、"GAP-5旧注册表已经归档"——在这时候被整理、去重、关联。这一步最像图书管理员在闭馆后的工作：把读者随手放回去的书归位，把书脊上贴错的标签换掉。</p>
|
||||
|
||||
<p>五点钟，补丁自动执行层开始工作。这是夜里最需要小心的一步。凌晨三点的复盘发现了问题——比如某个脚本权限不对、某个文件路径写错了——然后出了补丁建议。到了五点，一个不读日志、不做判断、只有十几行确定性逻辑的脚本会把这些补丁挑出来分类：改权限的自动执行，改配置的标记出来等人审批，删文件直接跳过。它不做任何需要"判断"的事，只做明确没有副作用的事。像一个夜班护士巡房时顺手把没盖好的被子盖回去，不诊断病情，不开处方。</p>
|
||||
|
||||
<p>五点多，半小时内跑完异常基线采集和准确率评分。这时候系统在看自己今天的数据跟过去三十天的均值有没有偏差。同时，回头检查凌晨三点那篇复盘报告里的声明——"昨天修复了X"、"新增了Y个实体"——是不是真的做了。</p>
|
||||
|
||||
<p>到六点钟，所有这些步骤的产出已经安静地躺在文件和日志里了。你早上打开对话，看到一条推送：昨夜完成。多少项检查，多少项通过，几条建议待审。</p>
|
||||
|
||||
<p>这套流程运行了一个月以后，我注意到一个有趣的转变：它开始不像程序，更像一个有作息习惯的生物体了。到了时间，知道该做什么。出问题了，知道该找谁。犯错多了，知道该调整。不是靠更复杂的算法，是靠更确定的节奏。</p>
|
||||
|
||||
<p>三点的复盘是眼睛——发现问题。</p>
|
||||
<p>四点的反思是耳朵——听听大家在说什么。</p>
|
||||
<p>四点半的整理是手——把东西放回该放的位置。</p>
|
||||
<p>五点的自动执行是条件反射——不用想就能做的小修复。</p>
|
||||
<p>五点后的基线是体温计——知道自己今天跟往常有什么不一样。</p>
|
||||
|
||||
<p>没有哪个步骤是特别高级的技术。每个步骤单独看都很简单：读文件、写JSON、调用几个API。但它们串在一起之后，系统确实在以一种没有人干预的方式自我维持——不是自我进化，是自我维持。对于大多数公司来说，自我维持已经是一种奢侈了。大多数系统的日常是：等人发现问题，等人定位问题，等人修复问题。这支夜间舞蹈的价值，就是让人可以不用每天都做这些事。</p>
|
||||
|
||||
<p>当然，这套设计有一根不能动的底线：发现和执行是分离的。凌晨三点做复盘的那个Agent没有修改系统的权限，五点钟自动执行的那个脚本没有做判断的能力。一个负责说"这里有问题"，一个负责说"这个问题的这一小部分我可以顺手修掉，剩下的明天等主人来定"。它们在安全边界的两侧，隔着几个小时的时间差，各自完成自己那一部分。</p>
|
||||
|
||||
<p>回过头看，这支舞蹈最让我觉得有意思的不是技术本身。而是它证明了一件事：系统的自省能力，不是靠更强的模型、更贵的工具堆出来的。是靠节奏、分工和纪律。</p>
|
||||
|
||||
<p>
|
||||
<p>深夜的代码在跳舞，不是因为有了一个新的算法，</p>
|
||||
<p>是因为每个步骤都知道自己的位置。</p>
|
||||
<p>—— 一切皆如</p>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<p>发布时间：2026年7月8日</p>
|
||||
<p>作者：一切皆如 · 博海网络</p>
|
||||
</p>
|
||||
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>器与用的裂隙：亚隆家族悲剧与中国哲学的一个交汇</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
body{font-family:'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.9;color:#333;max-width:700px;margin:0 auto;padding:20px;font-size:18px;}
|
||||
h1{font-size:22px;text-align:center;margin-bottom:12px;}
|
||||
blockquote{background:#f8f5ff;border-left:4px solid #6c5ce7;padding:12px 18px;margin:16px 0;font-size:16px;line-height:1.8;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0;}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>器与用的裂隙：亚隆家族悲剧与中国哲学的一个交汇</h1>
|
||||
|
||||
<p>2026年2月，存在主义心理学泰斗欧文·亚隆的长子维克多·亚隆自杀离世。维克多本人是资深心理咨询师、心理教育平台创始人，但三十余年的精神疾病最终没能让他跨过内心的深渊。消息传开后引发了两极反应：一部分人陷入彻底的怀疑——连心理从业者都救不了自己，心理咨询有什么用？另一部分从业者反复解释治疗的局限，却难以平息大众的失望。</p>
|
||||
|
||||
<p>这两种反应共享同一个错误的预设：人们把心理咨询师当成了"无坚不摧"的圣人，以为掌握了全部方法就能免疫痛苦。这个预设触及一个根本的哲学问题——方法（器）和效果（用）之间是必然的因果连接，还是一种依赖于情境的关系？</p>
|
||||
|
||||
<p>老子在两千五百年前就已经回答了这个问题。"埏埴以为器，当其无，有器之用。"杯子能盛水不是因为有陶土，而是因为陶土中间有一个空腔。器之所以能产生用，是因为器内部有一个"无"。这个道理放之四海皆准，但人们总是忘记它——尤其是在面对心理咨询的时候。</p>
|
||||
|
||||
<p>心理咨询师掌握的理论、技术和药物，都是"器"。它们可以被学习、复制、传授。但器的运作依赖于承载器的主体内部是否还有一个"无"——那个空腔，那个可以被扰动、被重塑的空间。如果咨询师自己的内心已经被三十年的病痛、遗传性的精神疾病、长期承接他人负面情绪积累的耗竭填满了，那么他内部的"无"已经消失了。器还在，但用无法产生。</p>
|
||||
|
||||
<p>这就是裂隙的位置。器与用的关系不是线性的——不是因为掌握了悲伤的理论就能不悲伤。器需要一个先决条件：承载器的主体内部必须有一个没有被填满的空间。当那个空间消失了，再精良的器也无法产生用。</p>
|
||||
|
||||
<p>惠能说"迷时师度，悟了自度"。别人可以为你指路，但走路必须你自己来。欧文·亚隆为儿子指了一辈子的路，但他无法替儿子完成"自度"——因为自度需要主体内部还有一个可以转圜的空间。当这个空间被疾病填满时，"自度"的条件就不成立了。这不是任何人的错，这是框架自身的边界。</p>
|
||||
|
||||
<p>从贝叶斯思维的角度看，大众对这个悲剧的反应是两种反贝叶斯偏差。石头型拒绝更新——心理咨询一定有用，这个案例不影响判断。浮萍型彻底否定——用一个反例推翻一切。正确的更新应该是：先验——心理治疗对大多数人有显著效果；新证据——即使是最优秀的从业者也存在自愈的边界；后验——心理治疗仍然是有效的工具，但它的效果依赖于使用者的内部条件。</p>
|
||||
|
||||
<p>同样的结构在管理中反复出现。管理者提供最好的工具和培训（器），但下属的成长（用）终归需要下属自己完成。你无法把成长的意愿也一并交给别人。教师传授系统的知识（器），但学生的领悟（用）必须由学生自己发生。技术团队写出最完善的系统（器），但系统真正的价值只有在用户使用的过程中才被实现。</p>
|
||||
|
||||
<p>器可以被传递，用不可被传递。效果必须由接受工具的人通过他内部的那个"无"自己创造出来。每一次失望都源于对这个结构的遗忘——你以为给了器就该有用，但用从来不是器的直接产物，而是器与承载器的主体内部的"无"共同作用的结果。</p>
|
||||
|
||||
<p>当那个"无"消失了，多少器都没有用。这是诚实的结论。承认器有边界，承认用在某些条件下无法被激活，才是对器、对用、对人性最大的尊重。</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>器与用的裂隙：亚隆家族悲剧与中国哲学的一个交汇</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{background:#f5f5f5;font-family:'PingFang SC','Microsoft YaHei',sans-serif;padding:20px;}
|
||||
.article{max-width:720px;margin:0 auto;background:#fff;padding:35px 30px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
|
||||
h1{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.4;margin-bottom:8px;text-align:center;}
|
||||
.subtitle{font-size:15px;color:#999;text-align:center;margin-bottom:28px;font-style:italic;}
|
||||
p{font-size:16px;line-height:2;color:#333;text-indent:2em;margin-bottom:14px;}
|
||||
.section-title{font-size:18px;font-weight:600;color:#1a1a2e;margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid #ddd;text-indent:0;}
|
||||
.section-title .num{color:#c0392b;margin-right:6px;}
|
||||
blockquote{background:#f8f5ff;border-left:4px solid #6c5ce7;padding:14px 20px;margin:16px 0;font-size:15px;color:#444;line-height:1.9;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0;}
|
||||
blockquote .source{text-align:right;font-size:13px;color:#999;margin-top:5px;}
|
||||
.highlight-box{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:16px 20px;margin:18px 0;}
|
||||
.highlight-box p{text-indent:0;margin-bottom:6px;font-size:15px;color:#8d6e00;}
|
||||
.highlight-box p:last-child{margin-bottom:0;}
|
||||
.footer{border-top:1px solid #eee;padding-top:16px;margin-top:28px;text-align:center;color:#999;font-size:13px;}
|
||||
.verse{background:#faf5ff;border-left:4px solid #805ad5;padding:14px 20px;margin:16px 0;font-size:15px;line-height:2;color:#555;text-indent:0;}
|
||||
.verse p{text-indent:0;margin:0;}
|
||||
@media(max-width:480px){.article{padding:20px 16px;}h1{font-size:20px;}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="article">
|
||||
|
||||
<h1>器与用的裂隙</h1>
|
||||
<div class="subtitle">亚隆家族悲剧与中国哲学的一个交汇——兼论"疗愈"的范畴归属</div>
|
||||
|
||||
<div class="section-title"><span class="num">一</span>一个案例</div>
|
||||
|
||||
<p>2026年2月，存在主义心理学泰斗欧文·亚隆的长子维克多·亚隆自杀离世，终年66岁。维克多本人是资深心理咨询师、心理教育平台创始人，制作过无数疗愈教学视频，无数从业者靠他的课程学习如何帮助他人走出困境。但他与精神疾病抗争三十余年之后，最终没能跨过内心的深渊。</p>
|
||||
|
||||
<p>消息传开后引发了两极反应。一部分人陷入彻底的怀疑：连天天开导别人的心理从业者都救不了自己，心理咨询到底有什么用？另一部分从业者反复解释心理治疗的局限性，却难以平息大众的失望。文章指出，这两种反应共享同一个错误的预设——人们把心理咨询师当成了"无坚不摧"的圣人，以为看透痛苦、通晓疗愈方法的人天然拥有隔绝悲伤的能力。</p>
|
||||
|
||||
<p>这个案例触及一个根本性的哲学问题：掌握了全部的"方法"，是否就能实现预期的"效果"？方法（器）和效果（用）之间的关系，是一种必然的因果连接，还是一种偶然的、依赖于情境的关系？如果亚隆家族的悲剧说明了这种连接并非必然，那么"器"和"用"之间的裂隙到底在哪里？</p>
|
||||
|
||||
<div class="section-title"><span class="num">二</span>一个框架</div>
|
||||
|
||||
<p>《易经·系辞》说："形而上者谓之道，形而下者谓之器。"《老子》第十一章说："埏埴以为器，当其无，有器之用。"老子以陶器为喻：杯子的盛水功能不是来自陶土（有），而是来自空腔（无）。有之以为利，无之以为用。</p>
|
||||
|
||||
<p>如果接受此前提出的范畴修正——把"用"确立为形而上的独立维度——那么"器"和"用"的关系就可以被重新审视。"器"是形而下层面的存在，是具体的方法、技术、工具。"用"是形而上层面的一种关系性存在——它不是物的属性，而是物在特定情境中实现的价值。器是我们可以拥有的东西，用是我们无法拥有、只能等待它发生的东西。</p>
|
||||
|
||||
<p>心理咨询师掌握的理论、技术、药物——这些都是"器"。它们客观存在，可以学习、复制、传授。维克多·亚隆拥有这个领域最完整的"器"——他父亲是存在主义心理学的奠基人，他本人从业数十年，制作了无数教学资源。如果"器"能必然地产生"用"，他应该是这个世界上最不可能被精神疾病击倒的人。</p>
|
||||
|
||||
<p>但事实不是这样。</p>
|
||||
|
||||
<div class="section-title"><span class="num">三</span>裂隙的位置</div>
|
||||
|
||||
<p>器不能必然产生用，原因在于器的运作依赖于"无"。根据老子的框架，器之所以能产生用，是因为器内部有一个"无"——那个空腔。陶土（有）加上空腔（无），杯子才能盛水。墙壁（有）加上空间（无），房间才能住人。但在心理咨询的领域，这个"无"不在咨询师身上，在来访者身上。</p>
|
||||
|
||||
<p>咨询师掌握的是"有"——理论框架、技术方法、药物方案。咨询师自己的内心也需要一个"无"——那个空腔，那个可以被填满、被扰动、被重新塑造的空间。如果咨询师自己的内心已经被填满了——被三十年的病痛、被遗传性的精神疾病、被长期承接他人负面情绪积累的耗竭——那么他内部的"无"已经消失了。器还在，但用无法产生。</p>
|
||||
|
||||
<p>这就是裂隙的位置。器与用的关系不是线性的——不是因为读懂了悲伤的理论就能不悲伤，不是因为掌握了全部方法就能自我疗愈。器的运作需要一个先决条件：承载器的主体内部必须有一个"无"。这个"无"是可能性本身，是被扰动和重新塑造的空间。当这个空间消失了——被痛苦、疾病、耗竭填满——再精良的器也无法产生用。</p>
|
||||
|
||||
<div class="section-title"><span class="num">四</span>"自度"的不可替代性</div>
|
||||
|
||||
<p>惠能在《坛经》中反复强调一个观念：别人可以为你指路，但走路必须你自己来。他说"迷时师度，悟了自度"——迷惑的时候需要老师引导你，但觉悟这件事最终只能自己完成。</p>
|
||||
|
||||
<p>欧文·亚隆为儿子指了一辈子的路。作为一个以"死亡、自由、孤独、无意义"为毕生主题的存在主义治疗师，他比任何人都更清楚如何面对精神困境。但"师度"只能把一个人带到门口，推开门走进去的那一步——惠能说的"自度"——必须由维克多自己完成。维克多终其一生都在帮助别人完成"自度"，但在自己的问题上，这一步始终没能跨出去。</p>
|
||||
|
||||
<p>这不是心理咨询的失败，这是"自度"这个范畴的本性所决定的。自度之所以不能由他人代劳，是因为它要求主体内部那个"无"的空间还在。当维克多内部的空间已经被疾病填满，他失去了完成自度的条件。不是他不想，是他不能。他的父亲可以为他做一切——提供最好的治疗、最深刻的理解、最无条件的支持——但所有这些都属于"师度"的范畴，无法替代"自度"。</p>
|
||||
|
||||
<p>惠能说"菩提只向心觅，何劳向外求玄"——觉悟这件事只能向内心深处寻找。但如果内心深处已经没有了寻找的空间呢？如果那个空间被占据了、被侵蚀了、被疾病掏空了？这是惠能的框架没有触及的一个边界条件——</p>
|
||||
|
||||
<div class="highlight-box">
|
||||
<p><strong>自度的前提是内心还有"无"。</strong>当这个前提不成立时，所有的"师度"——无论多么精良——都无法完成最终的转化。</p>
|
||||
</div>
|
||||
|
||||
<div class="section-title"><span class="num">五</span>从亚隆到贝叶斯：另一种解读</div>
|
||||
|
||||
<p>如果从贝叶斯思维的视角来看，大众对这个悲剧的反应恰恰展示了两种"反贝叶斯"的认知偏差。一种是石头型——"心理咨询就是有用的，这个案例是例外，不影响我的判断"——拒绝用新证据更新先验。一种是浮萍型——"心理咨询师都救不了自己，这门学科全是骗人的"——用一个反例彻底推翻一切，没有稳定的判断锚点。</p>
|
||||
|
||||
<p>正确的贝叶斯更新应该这样进行：先验概率——心理治疗对大多数来访者有显著效果，证据等级很高。新证据——一个从业者自身的治疗效果存在边界，即使是最优秀的从业者也无法保证自愈。后验概率——心理治疗仍然是有效的工具，但其效果依赖于使用者的内部条件；它不能在所有情况下对所有人生效，这不影响它在大多数情况下的价值。</p>
|
||||
|
||||
<p>从"器与用"的框架来理解，这个更新相当于：器（心理治疗技术）在合适的条件下能产生用（疗愈效果），但器的存在不保证用的发生。用依赖于一个外部条件——主体内部的"无"——而这个条件不是器本身能够创造的。</p>
|
||||
|
||||
<div class="section-title"><span class="num">六</span>这个框架的其他面向</div>
|
||||
|
||||
<p>同样的结构在多个领域反复出现。管理中，管理者可以给下属提供最好的工具、培训、支持（器），但员工的成长（用）终归需要员工自己去完成。教育中，教师可以传授最系统的知识（器），但学生的理解和领悟（用）必须由学生自己发生。技术中，一个系统可以拥有最完善的代码和基础设施（器），但它真正的价值——帮助用户解决实际问题（用）——只有在用户使用的过程中才被实现。</p>
|
||||
|
||||
<p>所有这些场景共享同一个结构：器是可以被传递的，用不可被传递。你可以把工具交给别人，但无法把工具产生的效果也一并交给别人。效果必须由接受工具的人自己创造出来——通过他内部的那个"无"。</p>
|
||||
|
||||
<p>老子说"有之以为利，无之以为用"——这句话在每一个领域的每一次实践中都被验证，但人们总是忘记它。人们倾向于认为"有了器，用自然会产生"——就像认为心理咨询师掌握了全部方法就应该刀枪不入，就像认为管理者提供了最好的条件下属就应该自动成长。每一次失望和误解，都源于对这个结构的遗忘。</p>
|
||||
|
||||
<div class="section-title"><span class="num">七</span>结语</div>
|
||||
|
||||
<p>欧文·亚隆在《直视骄阳》中写过一句著名的话："死亡是骄阳，难以直视。"他一生都在帮助别人面对这轮骄阳。但当他的儿子维克多选择走向那轮骄阳时，父亲所有的理论和方法都无法把他拉回来。</p>
|
||||
|
||||
<p>这不是理论的失败，这是器与用的边界。器可以帮人看清楚骄阳的形状和运行轨迹，但当一个人决定向着骄阳走去时，器无法替他改变方向。那个改变方向的行动——惠能说的"自度"——需要他内心还有一个可以转圜的空间。</p>
|
||||
|
||||
<p>如果内心已经没有那个空间了，那么也许多少器都没有用。这不是悲观的结论，这是诚实的结论。承认器有边界，承认用在某些条件下无法被激活，才是对器、对用、对那个承载器的主体——最大的尊重。</p>
|
||||
|
||||
<div class="footer">
|
||||
陕西博海网络科技 · 思辨录 2026
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,135 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>技法与心法：当心理咨询师救不了自己，管理工具也管不好团队</title>
|
||||
<style>
|
||||
:root{--bg:#faf9f8;--fg:#1a1a1a;--accent:#8b3a3a;--border:#e0ddd9;--code-bg:#f3f2f0;}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:"Noto Serif SC","Source Han Serif SC",Georgia,serif;background:var(--bg);color:var(--fg);line-height:1.9;padding:40px 20px}
|
||||
.container{max-width:720px;margin:0 auto}
|
||||
h1{font-size:1.8em;font-weight:700;line-height:1.35;margin-bottom:6px}
|
||||
.subtitle{font-size:0.95em;color:#666;margin-bottom:30px;border-bottom:2px solid var(--accent);padding-bottom:15px}
|
||||
h2{font-size:1.3em;font-weight:600;margin:32px 0 12px;color:var(--accent);border-left:3px solid var(--accent);padding-left:12px}
|
||||
h3{font-size:1.05em;font-weight:600;margin:20px 0 8px;color:#444}
|
||||
p{margin:0 0 14px;text-align:justify;text-indent:2em}
|
||||
p.no-indent{text-indent:0}
|
||||
blockquote{border-left:3px solid var(--accent);margin:16px 0;padding:10px 18px;background:var(--code-bg);border-radius:0 4px 4px 0;font-style:italic}
|
||||
blockquote p{text-indent:0}
|
||||
.fig{margin:20px 0;padding:16px;background:var(--code-bg);border-radius:6px;text-align:center;font-size:0.9em;color:#555;border:1px dashed var(--border)}
|
||||
.fig strong{color:var(--fg)}
|
||||
.tag{display:inline-block;background:var(--accent);color:#fff;font-size:0.75em;padding:2px 10px;border-radius:12px;margin-right:6px}
|
||||
.footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--border);font-size:0.82em;color:#888;text-align:center}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<h1>技法与心法</h1>
|
||||
<div class="subtitle">当心理咨询师救不了自己，管理工具也管不好团队</div>
|
||||
|
||||
<p><span class="tag">哲学</span><span class="tag">心理学</span><span class="tag">管理</span><span class="tag">东方智慧</span></p>
|
||||
|
||||
<h2>一、两个事实</h2>
|
||||
|
||||
<p>2026年2月，存在主义心理学泰斗欧文·亚隆的长子维克多·亚隆自杀离世，终年66岁。维克多本人是资深心理咨询师、心理教育平台创始人，制作过无数疗愈教学视频，无数从业者靠他的课程学习如何帮助他人走出困境。但他与精神疾病抗争三十余年之后，最终没能跨过内心的深渊。</p>
|
||||
|
||||
<p>这不是孤例。美国心理学会官方杂志《心理学观察》2023年的全国性调查显示：45%的心理学家感到抑郁，19%曾出现自杀念头。84%的心理治疗师曾经历情感困扰——抑郁、焦虑与职业倦怠位列前三。</p>
|
||||
|
||||
<p>这些数据质问着一个根本性的悖论：<strong>治愈者为何无法自愈？掌握了全部方法的人，为什么救不了自己？</strong></p>
|
||||
|
||||
<p>这个悖论不只属于心理学。它属于每一个依赖"方法"和"工具"的领域——包括管理。</p>
|
||||
|
||||
<h2>二、裂隙：器与用的断裂</h2>
|
||||
|
||||
<p>亚隆家族的悲剧触及一个根本性的问题：掌握了全部的"方法"，是否就能实现预期的"效果"？</p>
|
||||
|
||||
<p>方法（器）和效果（用）之间的关系，是一种必然的因果连接，还是一种偶然的、依赖于情境的关系？</p>
|
||||
|
||||
<p>《易经·系辞》说："形而上者谓之道，形而下者谓之器。"道是原理、是本质、是那个让方法之所以有效的东西。器是工具、是技术、是可操作的流程。西方心理学在"器"的层面登峰造极——从认知行为疗法到正念减压，从神经递质调节到暴露疗法，工具之丰富、技术之精细，前所未有。但亚隆父子的悲剧说明了一个残酷的事实：器再精良，如果脱离了道的滋养，它不能保证救赎。</p>
|
||||
|
||||
<p><strong>这就是"器与用的裂隙"——方法不能自动导向效果。</strong></p>
|
||||
|
||||
<p>这个裂隙不仅存在于心理咨询室。它存在于每一个靠技术、流程、工具驱动的领域。企业里最常见的管理困境是什么？KPI设了，OKR写了，绩效面谈了——团队依然没有动力。管理者困惑："工具都用上了，为什么不管用？"</p>
|
||||
|
||||
<p>答案和心理学家救不了自己是一个道理：你用了"器"，但你缺了"道"。</p>
|
||||
|
||||
<h2>三、心直何须西求</h2>
|
||||
|
||||
<p>这篇文章的作者说："西方心理学最致命的缺陷在于其割裂了人与存在意义的联结。"工具理性的治疗大厦，当面对"我为何而活"的灵魂拷问时，轰然倒塌。</p>
|
||||
|
||||
<p>这不是一个学术问题。这是一个关于"位置"的问题。</p>
|
||||
|
||||
<p>禅宗有一个故事：有人问禅师"什么是佛"，禅师说"即心即佛"。再问"那怎么修"，禅师说"心直就是修"。不是要去西方求一个答案，不是要靠一套方法解决问题——是回到你本来就在的地方，看清楚自己。</p>
|
||||
|
||||
<p><strong>心直何须西求。</strong></p>
|
||||
|
||||
<p>这句话放在心理学里，是：向内看，比向外求方法更根本。</p>
|
||||
|
||||
<p>放在管理里，是：管理者自己的心性通透，比任何管理工具都重要。</p>
|
||||
|
||||
<p>放在任何"器与用"的裂隙里，是：与其找一个更好的方法，不如先搞清楚这个方法为什么需要存在。</p>
|
||||
|
||||
<p>东方智慧给出的三条路，恰好对应了三个层面的修复：</p>
|
||||
|
||||
<blockquote>
|
||||
<p><strong>儒家：修身齐家</strong>——把你的行为放在伦理关系中校准。不是在孤绝的自我里跟自己较劲，是在跟他人、跟世界的真实相处中找到踏实感。这对应管理中的"上行下效"：管理者自己先做到了，团队自然跟。</p>
|
||||
</blockquote>
|
||||
|
||||
<blockquote>
|
||||
<p><strong>道家：致虚守静</strong>——"为学日益，为道日损。"学工具是做加法，悟道是做减法。减到极致，"无为"不是什么都不做，是不瞎做。</p>
|
||||
</blockquote>
|
||||
|
||||
<blockquote>
|
||||
<p><strong>禅宗：明心见性</strong>——"不是风动，不是幡动，仁者心动。"问题不在外面，在你的反应模式里。把那个反应看清楚，问题就不是问题了。</p>
|
||||
</blockquote>
|
||||
|
||||
<h2>四、心法管理：从"怎么做"到"为什么做"</h2>
|
||||
|
||||
<p>如果你是一位管理者，读了以上这些，你可能在想：所以我要学禅宗才能管好团队？</p>
|
||||
|
||||
<p>不是。是你要理解一个结构性的关系。</p>
|
||||
|
||||
<p>在我之前的文章「高手不改造人」里提过一个"反贝叶斯思维"：我们总是想给每个人贴上标签、找到规律、然后用一个算法去"管理"他们。这是典型的西方思维——相信通过更好的方法可以控制不确定性。</p>
|
||||
|
||||
<p>但真正的管理者，是用心性去带团队的，不是用工具去管团队的。</p>
|
||||
|
||||
<p>心法管理有三个基石：</p>
|
||||
|
||||
<p><strong>第一，自我通透了，团队才能通透。</strong>
|
||||
心理咨询师救不了自己，是因为他们只学了"怎么救人"，没学"怎么面对自己"。同理，一个管理者如果自己焦虑、恐惧、急于求成，他用的所有管理工具都会变成这些焦虑的延伸——KPI变成施压工具，OKR变成空中楼阁，绩效面谈变成互相演戏。心不通，器必歪。</p>
|
||||
|
||||
<p><strong>第二，不解决"为什么"，任何"怎么做"都走不远。</strong>
|
||||
团队没有动力，不是激励方案不对，是你没回答"我们为什么要做这件事"。西方管理学了太多"如何激励"的技法，却回避了激励的前提——人需要意义。这和心理咨询师治不好自己的病，是同一种病。</p>
|
||||
|
||||
<p><strong>第三，器可以学，道只能悟。</strong>
|
||||
管理工具可以培训——KPI怎么设、OKR怎么写、复盘怎么开，三天学会。但心性不能培训。它来自修行：读书、反思、经历挫折、学会安静、学会不看别人的评价。这条路没有捷径，但它是唯一的路。</p>
|
||||
|
||||
<h2>五、裂隙的修复</h2>
|
||||
|
||||
<p>器与用的裂隙，本质上是技与道的断裂。</p>
|
||||
|
||||
<p>这个裂隙不是通过找到一个更牛的工具来修复的——那只是在裂隙上搭了一座更长的桥。修复裂隙需要回到裂隙产生的地方：你看不见"用"的失效，是因为你只看"器"的精良。</p>
|
||||
|
||||
<p>当一个管理者说"我的团队执行力不行"的时候，他真的应该问问自己：我说的"执行力"是工具问题，还是意义问题？如果团队不觉得这件事有意义，你给他再好的工具也没用。</p>
|
||||
|
||||
<p>当一个心理咨询师说"来访者不配合治疗"的时候，他也应该问问自己：我说的"不配合"，到底是方法没用对，还是我根本没触及对方那个"为什么而活"的问题？</p>
|
||||
|
||||
<p>所以，心直何须西求。</p>
|
||||
|
||||
<p>不是不要西方的工具。认知行为疗法有用，正念有用，KPI也有用。但工具只有在被一个心性通透的人使用的时候，才能发挥它应有的效果。否则，器越精良，裂隙越大——因为你越来越依赖工具，越来越忽视那个让工具生效的东西。</p>
|
||||
|
||||
<p>亚隆的悲剧不是心理学的失败。它是一个提醒：所有使用工具的人，包括管理者、教师、父母、医生——都需要先搞清楚自己和工具之间的关系。</p>
|
||||
|
||||
<p>你在用器，还是器在用你？</p>
|
||||
|
||||
<div class="footer">
|
||||
一切皆如 · 2026年7月<br>
|
||||
陕西博海网络科技
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>无相颂与心即理：一次禅宗革命如何催生了陆王心学</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
body{font-family:'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.9;color:#333;max-width:700px;margin:0 auto;padding:20px;font-size:18px;}
|
||||
h1{font-size:22px;text-align:center;margin-bottom:10px;}
|
||||
.verse{background:#f8f5ff;border-left:4px solid #805ad5;padding:14px 18px;margin:18px 0;font-size:16px;line-height:2;}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>无相颂与心即理：一次禅宗革命如何催生了陆王心学</h1>
|
||||
|
||||
<p>读惠能的《无相颂》，很容易被里面那些熟悉的儒家词汇拉住目光："恩则孝养父母，义则上下相怜，让则尊卑和睦，忍则众恶无喧。"孝、义、让、忍——全是孔孟经典里反复出现的关键词。乍一看，一个禅宗祖师写的怎么满篇儒家话？有人因此得出结论：无相颂是儒家文化的体现，至少是儒释融合的产物。</p>
|
||||
|
||||
<p>这个判断有一定道理，但只说对了一半。如果停留在"惠能用了儒家词汇"这个层面，就会错过中国思想史上一次更具深意的接力——一次从禅宗发端、跨越六百年后落到陆王心学的思想范式转移。</p>
|
||||
|
||||
<p>惠能的《六祖坛经》做了一件很特别的事。他提出的"直指人心，见性成佛"不是一般意义上的修行方法，而是一套完整的方法论：先认识自己的本来面目，正确的行为自然流淌出来。心平了自然持戒，行直了自然修禅，心里有恩自然孝养父母，心里有义自然上下相怜。不需要外在的繁文缛节来约束你。</p>
|
||||
|
||||
<p>这套方法论跟儒家原有的"克己复礼"路径完全不同。孔子的路线是先从外部规范入手：你按照礼的要求去做，久而久之习惯成自然。惠能的路线是先从内部入手：你搞明白了自己的本心，外在的行为自然归位。一个从外往里推，一个从里往外推。这是两条完全不同的路。</p>
|
||||
|
||||
<p>但惠能并没有抛弃儒家词汇。他用了大量儒家的语言，是因为当时的主要听众是唐朝的士大夫阶层。这些人从小读四书五经长大，思想框架和日常语言都是儒家的。惠能的策略是：用你听得懂的词，讲你不知道的道理。孝养父母这个词你熟，但重点在"恩则"——心里有恩，孝是自然的结果，不是咬着牙遵守的规矩。</p>
|
||||
|
||||
<p>历史走到宋代，朱熹的理学走的是"从外往里"的路，跟孔子克己复礼的方向一致。通过格物致知，今天格一物，明天格一物，积累到一定程度豁然贯通。但这个体系有一个致命问题：效率太低。王阳明年轻时真的去格竹子，对着竹子看了三天三夜，非但没悟出什么道理，反而生了一场大病。</p>
|
||||
|
||||
<p>龙场那个夜晚，他突然明白了："圣人之道，吾性自足，向之求理于事物者误也。"这句话翻译成惠能的话，就是"菩提只向心觅，何劳向外求玄"。惠能说真理不在外面，在你的心里。阳明说天理不在外面的事物上，在每个人的良知里。六祖说见性成佛，阳明说致良知成圣。同一个结构的两个版本——一个属于禅宗，一个披着儒家的外衣回到了儒家。</p>
|
||||
|
||||
<p>王阳明出入佛老多年，对禅宗的精髓心领神会。他做的不是照搬，是把"心即理"这套方法论从佛教的语境里抽出来，重新装回儒家的框架。但最有趣的历史回旋是：孟子其实早就说过"仁义礼智根于心"。惠能用禅宗的方法重新激活了这个观念，阳明又把它从禅宗手里借回儒家。这不是一次单向的影响，是一次绕了一大圈的回归——孟子提出核心，被汉唐经学遗忘，禅宗用新方法重新发现，心学借禅宗的方法回归孟子的源头。</p>
|
||||
|
||||
<p>如果把这个框架放到今天来看，它的生命力还在。一个管理者面对团队时，如果总想着"改造每个人"——觉得这个人太固执，那个人太摇摆——那他走的是朱熹的路，从外面往里改，效率极低且收效甚微。如果接纳每个人的本来面目，找到适合他的位置，让长处自然发挥——那他走的是惠能和王阳明的路，从里面往外推，承认内在的本性，让行为自然归位。</p>
|
||||
|
||||
<p>惠能的无相颂到阳明的龙场悟道，从禅宗的直指人心到心学的致良知，再到今天管理者面对团队时的自我反思——这套"信自心、不外求"的方法论，始终在它该出现的时候出现。</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>无相颂与心即理：一次禅宗革命如何催生了陆王心学</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{background:#f5f5f5;font-family:'PingFang SC','Microsoft YaHei',sans-serif;padding:20px;}
|
||||
.article{max-width:700px;margin:0 auto;background:#fff;padding:35px 28px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
|
||||
h1{font-size:24px;font-weight:700;color:#1a1a1a;line-height:1.5;margin-bottom:15px;text-align:center;}
|
||||
.subtitle{font-size:15px;color:#888;text-align:center;margin-bottom:25px;font-style:italic;}
|
||||
p{font-size:16px;line-height:1.95;color:#333;text-indent:2em;margin-bottom:16px;}
|
||||
.verse{background:#f8f5ff;border-left:4px solid #805ad5;padding:18px 20px;margin:20px 0;font-size:15px;color:#555;line-height:2;text-indent:0;}
|
||||
.verse p{text-indent:0;margin:0;font-size:15px;}
|
||||
blockquote{border-left:4px solid #c0392b;background:#fdf5f5;padding:14px 18px;margin:18px 0;font-size:15px;color:#555;line-height:1.8;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0;font-size:15px;}
|
||||
.table-wrap{overflow-x:auto;margin:20px 0;}
|
||||
table{width:100%;border-collapse:collapse;font-size:14px;}
|
||||
th{background:#1a1a2e;color:#fff;padding:10px 14px;text-align:left;font-weight:500;}
|
||||
td{padding:10px 14px;border-bottom:1px solid #eee;}
|
||||
tr:nth-child(even){background:#f8f9ff;}
|
||||
.highlight{background:#fff8e1;border-radius:6px;padding:16px 18px;margin:18px 0;}
|
||||
.highlight p{text-indent:0;margin:0;font-size:15px;color:#8d6e00;}
|
||||
.footer{border-top:1px solid #eee;padding-top:16px;margin-top:28px;text-align:center;color:#999;font-size:13px;line-height:1.8;}
|
||||
.section-title{font-size:18px;font-weight:600;color:#1a1a2e;margin:28px 0 14px;padding-bottom:6px;border-bottom:2px solid #e0d0f0;text-indent:0;}
|
||||
@media(max-width:480px){.article{padding:20px 16px;}h1{font-size:20px;}p{font-size:15px;}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="article">
|
||||
|
||||
<h1>无相颂与心即理：一次禅宗革命如何催生了陆王心学</h1>
|
||||
<div class="subtitle">——从惠能到王阳明，一条被忽略的思想暗线</div>
|
||||
|
||||
<p>读惠能的《无相颂》，很容易被里面那些熟悉的儒家词汇拉住目光："恩则孝养父母，义则上下相怜，让则尊卑和睦，忍则众恶无喧。"孝、义、让、忍——全都是孔孟经典里反复出现的关键词。乍一看，一个禅宗祖师写的东西，怎么满篇儒家话？有人因此得出结论：无相颂是儒家文化的体现，至少是儒释融合的产物。</p>
|
||||
|
||||
<p>这个判断有一定道理，但只说对了一半。如果停留在"惠能用了儒家词汇"这个层面，就会错过中国思想史上一次更具深意的接力——一次从禅宗发端、跨越六百年后落到陆王心学的思想范式转移。</p>
|
||||
|
||||
<div class="section-title">一、不是借用词汇，是借用方法</div>
|
||||
|
||||
<p>无相颂最容易被忽视的结构特征，不是它用了什么词，而是它的推导逻辑：心平自然持戒，行直自然修禅，有恩自然孝养父母，有义自然上下相怜。这套逻辑在禅宗内部被称为"直指人心，见性成佛"——不是通过外部修行来改变自己，而是通过认识自己的本来面目，让正确的行为自然流淌出来。</p>
|
||||
|
||||
<p>对比一下儒家原有的路径。孔子说"克己复礼为仁"，是让你先约束自己，按照礼的规范去做，久而久之习惯成自然，你就达到了仁的状态。孟子往前走了一步，说人人都有恻隐之心、羞恶之心——仁义礼智根于心，不需要到外面去找。但孟子没有解决一个根本问题：如果仁义都在心里，为什么现实中的人总是不仁不义？</p>
|
||||
|
||||
<p>惠能给出了一个极为精巧的回答：不是心出了问题，是心被遮蔽了。"菩提本无树，明镜亦非台，本来无一物，何处惹尘埃。"心本来就是清净的，所谓的烦恼和恶行，是外面沾染的尘埃，不是心的本质。只要认识到心的本来面目，一切自然归位。</p>
|
||||
|
||||
<p>这跟"克己复礼"的路径完全不同。克己复礼是"从外往里推"——你先按规矩做，慢慢内化成自己的习惯。惠能是"从里往外推"——你先把内心搞明白了，行为自然就对。一个靠外部规范训练，一个靠内心觉悟驱动。这是两条完全不同的方法论路径。</p>
|
||||
|
||||
<div class="section-title">二、惠能为什么要穿儒家的衣服</div>
|
||||
|
||||
<p>但如果方法论完全不同，惠能为什么还要用孝、义、让这些儒家词汇？</p>
|
||||
|
||||
<p>答案是：话语策略。惠能当时面对的听众，主要是唐朝的士大夫阶层。这批人从小读四书五经长大，思想框架是儒家的，日常语言是儒家的。如果他们听不懂禅宗的名相概念，再精妙的佛法也传不出去。惠能的策略是：用你听得懂的词，讲你不知道的道理。孝养父母这个词你熟悉，但我说的是"恩则孝养父母"——重点不在"孝养父母"，在"恩则"。心里有了恩，孝是自然的结果，不是你咬着牙遵守的规矩。</p>
|
||||
|
||||
<p>这种"旧瓶装新酒"的做法在思想史上并不罕见。柏拉图用希腊神话的叙事讲理念论，耶稣用犹太教的语言讲福音，康德用形而上学的话头讲实践理性。真正的新思想总是穿着旧衣服出现的——不是因为它们和旧思想一样，是因为新思想如果不用旧语言说，没人听得懂。</p>
|
||||
|
||||
<div class="section-title">三、从禅宗到心学的隐秘接力</div>
|
||||
|
||||
<p>历史走到宋代，儒学面临一个根本困境：经过汉唐经学和佛道思想的冲击，孔孟那套"修齐治平"的说服力已经不够了。朱熹试图通过"格物致知"来重建儒学的知识论基础——你今天格一物，明天格一物，积累到一定程度，自然豁然贯通。这是一个宏大的体系，但也面临一个致命问题：效率太低了。</p>
|
||||
|
||||
<p>王阳明年轻时真的去格竹子，对着竹子看了三天三夜，非但没悟出什么道理，反而生了一场大病。这段经历一直埋在他心里，直到龙场那个夜晚，他突然明白了："圣人之道，吾性自足，向之求理于事物者误也。"</p>
|
||||
|
||||
<p>这句话一旦翻译成惠能的语言，就变得异常眼熟：菩提只向心觅，何劳向外求玄。惠能说真理不在外面，在你的心里。阳明说天理不在外面的事物上，在你的心里。六祖说见性成佛，阳明说致良知成圣。这是同一个结构的两个版本——一个属于禅宗，一个披着儒家的外衣回到了儒家。</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<tr><th>维度</th><th>惠能禅宗</th><th>朱熹理学</th><th>陆王心学</th></tr>
|
||||
<tr><td>出发点</td><td>心本清净</td><td>理在万物</td><td>心即理</td></tr>
|
||||
<tr><td>方法</td><td>直指见性</td><td>格物穷理</td><td>致良知</td></tr>
|
||||
<tr><td>方向</td><td>由内向外</td><td>由外向内</td><td>由内向外</td></tr>
|
||||
<tr><td>障碍</td><td>无明遮蔽</td><td>气禀所拘</td><td>私欲遮蔽</td></tr>
|
||||
<tr><td>目标</td><td>顿悟成佛</td><td>豁然贯通</td><td>知行合一</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>朱熹的理学走的是"从外往里"的路——跟孔子克己复礼的方向一致。王阳明的心学走的是"从里往外"的路——跟惠能直指人心的方向一致。这不是偶然的相似，是有明确的思想史传承的。阳明本人出入佛老多年，对禅宗的精髓心领神会。他做的不是照搬，是把"心即理"这套方法论从佛教的语境里抽出来，重新装回儒家的框架里。</p>
|
||||
|
||||
<div class="section-title">四、更深一层的回旋：儒家借回去的，是自家本来就有的东西</div>
|
||||
|
||||
<p>但最有趣的历史回旋还在后面。孟子其实早就说过"仁义礼智根于心"——这个"根于心"就是心学的源头。惠能用禅宗的方法重新激活了这个观念，阳明又把它从禅宗手里借回儒家。所以这不是一次单向的"禅宗影响儒学"，而是一次绕了一大圈的"回归"：孟子提出核心 → 被汉唐经学遗忘 → 禅宗用新方法重新发现 → 心学借禅宗的方法回归孟子的源头。</p>
|
||||
|
||||
<p>这就是中国思想史上最精彩的一段接力。禅宗不是儒家的对立面，心学也不是禅宗的附属品。它们共用了一套方法论——"向内心寻求答案"——只是分别在佛教和儒家的语境里跑完了各自的全程。</p>
|
||||
|
||||
<div class="section-title">五、这个方法论的现代回响</div>
|
||||
|
||||
<p>这个"从里往外"的方法论，在两件事上仍然有生命力。第一件是今天早上的管理反思：高手不是改造人的认知缺陷，而是接纳每个人的本来面目，找到适合他的位置。这跟惠能的"心平何劳持戒"和阳明的"致良知"用的是同一个逻辑——先承认内在的本性，再让行为自然归位，而不是从外面强加一套标准然后逼人就范。</p>
|
||||
|
||||
<p>第二件是贝叶斯思维在管理系统中的应用：先验概率是"这个人本来就有的倾向性"，新证据是"实际表现"，后验概率是"不断更新的判断"。管理者不需要设定一个绝对的标尺去丈量每个人，只需要不断微调自己对人岗匹配的判断。这套"持续学习、持续更新、不预设绝对正确"的思路，也跟禅宗"不立文字、直指人心"有某种精神上的共鸣——都不依赖一套固定的外部标准，都强调从实际情况和内在本质出发。</p>
|
||||
|
||||
<p>历史绕了六百年的圈子，从惠能的无相颂到阳明的龙场悟道，从禅宗的直指人心到心学的致良知，再到今天一个管理者面对团队时的自我反思——这套"信自心、不外求"的方法论，始终在它该出现的时候出现。</p>
|
||||
|
||||
<div class="footer">
|
||||
陕西博海网络科技 · 思辨录 2026
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>有是器，无是用：一个被遗漏的形而上维度</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<style>
|
||||
body{font-family:'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.9;color:#333;max-width:700px;margin:0 auto;padding:20px;font-size:18px;}
|
||||
h1{font-size:22px;text-align:center;margin-bottom:12px;}
|
||||
blockquote{background:#f8f5ff;border-left:4px solid #6c5ce7;padding:12px 18px;margin:16px 0;font-size:16px;color:#555;line-height:1.8;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0;}
|
||||
blockquote .source{text-align:right;font-size:13px;color:#999;margin-top:4px;}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>有是器，无是用：一个被遗漏的形而上维度</h1>
|
||||
|
||||
<p>《易经·系辞》说："形而上者谓之道，形而下者谓之器。"这句话确立了中国哲学最基本的范畴区分——道是超越形体的存在原理，器是具体形质的物质对象。《老子》第十一章说："埏埴以为器，当其无，有器之用。凿户牖以为室，当其无，有室之用。故有之以为利，无之以为用。"老子指出器物之所以能发挥作用，不是因为它"有"，而是因为它"无"。</p>
|
||||
|
||||
<p>这两段经典各自回答了一个问题。《系辞》回答的是世界如何分层——形而上和形而下。《老子》回答的是功能从何而来——从"无"而来。但放在一起会产生一个张力：老子说的"无"和"用"，到底属于形而上还是形而下？</p>
|
||||
|
||||
<p>历来注家对这个问题并不清晰。理学传统倾向于把"无"归入形而上的领域——"无"即"理"、"太极"。但这样处理会碰到一个困难：老子说"凿户牖以为室，当其无，有室之用"——这个"无"是一个房间的空腔，是可以被触碰和感知的。你站在房间里，就被这个"无"包围着。一个可以被感知的"无"，还能叫"形而上学"吗？</p>
|
||||
|
||||
<p>解决这个困境需要一个更精细的框架。我们先把概念梳理清楚。</p>
|
||||
|
||||
<p>"有"对应的是实体的物质存在，是形而下，对应经典中的"器"。"器"是具体器物和形质结构，是形而下，对应经典中的"有"。"无"是空缺、空间、可能性，它介于形上形下之间，一直没有明确的归属。而"用"——功能、作用、价值实现——从未被单独讨论过它在范畴体系中的位置。它要么被归入器的功能属性，要么被当作道的显现，从未作为一个独立的范畴登堂入室。</p>
|
||||
|
||||
<p>老子已经证明"用"来源于"无"而非"有"。杯子的盛水功能不来自陶土，来自空腔。但他的论证止步于此——他说明了"用"从哪里来，没有说明"用"本身是什么性质的范畴。</p>
|
||||
|
||||
<p>"用"不是物，也不是物的属性。一个杯子的"盛水功能"不是一个你可以摸到的东西，也不是杯子的颜色或重量那种物理属性。"用"是物在特定关系中被实现的价值。杯子在没有水的状态下仍然有盛水的"潜力"，但这个潜力不是物本身——它是一种关系性存在，只有在杯子和水的关系中才显现出来。这种关系性存在，用《系辞》的标准来衡量，恰恰是"形而上"的——它没有形质，不能被感官直接把握，只能被理性认识。</p>
|
||||
|
||||
<p>由此可以建立一个完整的四元结构：形而上的第一层级是"道"——宇宙运行的根本规律；形而上的第二层级是"用"——具体器物在特定情境中的价值实现。形而下的正面是"器"（有），形而下的负面是"无"——器因为"无"而能产生"用"。</p>
|
||||
|
||||
<p>这个定位跟老子的原意高度吻合。老子反复说"无"的重要性，但从未说过"无"是独立于"有"的另一个本体。他说的是"有无相生"——有无是相互依存、相互成就的。把一个房间的空腔拔高到"道"的水平，反而偏离了老子的本意。</p>
|
||||
|
||||
<p>所以"有是器，无是用"的完整形态是：有作为器存在于形而下，无作为用的来源亦属于形而下，而用本身作为功能性的形而上存在。这个判断首次在范畴论的层面明确了"用"的独立身份——它既不是器的附属属性，也不是道的低级显现，它就是它自己。</p>
|
||||
|
||||
<p>这个修正解决了中国哲学中好几个长期悬而未决的问题。理学的"体用一源"一直存在解释困难：如果体和用是同一个东西的两个方面，为什么在实践中体用往往分离？按照这个新框架解释：体属于形而下（器），用属于形而上，分属不同层级自然不能直接等同。阳明的"致良知"本质上就是体用统一的方法论——去除私欲的遮蔽，让良知自然发用流行。</p>
|
||||
|
||||
<p>技术的地位也被重新定义了。中国哲学传统中对技术评价普遍不高。但如果接受"用"是形而上的维度，技术的本质就不是制造器物，而是通过器物实现功能。一个陶匠烧制杯子是形而下的活动，但杯子被用来盛水招待客人——那个"盛水招待"的功能实现，已经进入了形而上的领域。技术不是形而下的活动，它是从形而下通向形而上的活动。</p>
|
||||
|
||||
<p>回到当下。一篇好文章写得再扎实，它是器。但读者读了之后心中产生的那个"原来如此"的领悟——那个领悟才是用。形而上不是离开形而下单独存在的，它就藏在你读完最后一行字、放下手机的沉默里。</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>有是器，无是用：一个被遗漏的形而上维度</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{background:#f5f5f5;font-family:'PingFang SC','Microsoft YaHei',sans-serif;padding:20px;}
|
||||
.article{max-width:720px;margin:0 auto;background:#fff;padding:35px 30px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
|
||||
h1{font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.4;margin-bottom:8px;text-align:center;}
|
||||
.subtitle{font-size:15px;color:#999;text-align:center;margin-bottom:30px;font-style:italic;}
|
||||
p{font-size:16px;line-height:2;color:#333;text-indent:2em;margin-bottom:14px;}
|
||||
.section-title{font-size:18px;font-weight:600;color:#1a1a2e;margin:30px 0 14px;padding-bottom:6px;border-bottom:2px solid #ddd;text-indent:0;}
|
||||
.section-title .num{color:#c0392b;margin-right:8px;}
|
||||
blockquote{background:#f8f5ff;border-left:4px solid #6c5ce7;padding:14px 20px;margin:16px 0;font-size:15px;color:#444;line-height:1.9;text-indent:0;}
|
||||
blockquote p{text-indent:0;margin:0;font-size:15px;color:#444;}
|
||||
blockquote .source{text-align:right;font-size:13px;color:#999;margin-top:6px;}
|
||||
.highlight-box{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:18px 20px;margin:20px 0;}
|
||||
.highlight-box p{text-indent:0;margin-bottom:6px;font-size:15px;color:#8d6e00;}
|
||||
.highlight-box p:last-child{margin-bottom:0;}
|
||||
table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0;}
|
||||
th{background:#1a1a2e;color:#fff;padding:8px 12px;text-align:center;font-weight:500;}
|
||||
td{padding:8px 12px;border-bottom:1px solid #eee;text-align:center;}
|
||||
tr:nth-child(even){background:#f8f9ff;}
|
||||
.footer{border-top:1px solid #eee;padding-top:16px;margin-top:30px;text-align:center;color:#999;font-size:13px;}
|
||||
.verse{background:#faf5ff;border-left:4px solid #805ad5;padding:14px 20px;margin:16px 0;font-size:15px;line-height:2;color:#555;text-indent:0;}
|
||||
.verse p{text-indent:0;margin:0;}
|
||||
@media(max-width:480px){.article{padding:20px 16px;}h1{font-size:20px;}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="article">
|
||||
|
||||
<h1>有是器，无是用</h1>
|
||||
<div class="subtitle">一个被遗漏的形而上维度——从《老子》第十一章到《易经·系辞》的结构性重读</div>
|
||||
|
||||
<div class="section-title"><span class="num">一</span>两个经典之间的裂隙</div>
|
||||
|
||||
<p>《易经·系辞》说："形而上者谓之道，形而下者谓之器。"这句话确立了中国哲学最基本的范畴区分——道是超越形体的存在原理，器是具体形质的物质对象。道在形之上，器在形之下，界划分明。</p>
|
||||
|
||||
<p>《老子》第十一章说："埏埴以为器，当其无，有器之用。凿户牖以为室，当其无，有室之用。故有之以为利，无之以为用。"老子以陶器和房屋为喻，指出器物之所以能发挥作用，不是因为它"有"——那个实体的陶土和墙壁——而是因为它"无"——那个空腔和空间。"有"提供了便利的物质条件，"无"才是功能得以实现的根源。</p>
|
||||
|
||||
<p>这两段经典各自回答了一个问题。《系辞》回答的是：世界如何分层——形而上和形而下。《老子》回答的是：功能从何而来——从"无"而来。它们各自成立，但放在一起会产生一个张力：老子说的"无"和"用"，到底属于形而上还是形而下？</p>
|
||||
|
||||
<p>历来注家对这个问题的回答并不清晰。理学传统倾向于把"无"归入形而上的领域——"无"即"理"、"道"、"太极"。但这样处理会碰到一个困难：老子明明说"凿户牖以为室，当其无，有室之用"——这个"无"是一个房间的空腔，是具体的、可以被度量的、功能性的空间，不是"太极"那种超越性的原理。房间的空腔当然是"有"的反面，但它同时也是可以被触碰和感知的——你站在房间里，就被这个"无"包围着。一个可以被感知的"无"，还能叫"形而上学"吗？</p>
|
||||
|
||||
<div class="section-title"><span class="num">二</span>一个提案："用"是单独的形而上维度</div>
|
||||
|
||||
<p>这里需要一个更精细的分析框架。我们先把概念梳理清楚。</p>
|
||||
|
||||
<p>定义四对范畴：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>范畴</th><th>内涵</th><th>层级</th><th>经典对应</th></tr>
|
||||
<tr><td><strong>有</strong></td><td>实体的、物质的存在</td><td>形而下</td><td>器</td></tr>
|
||||
<tr><td><strong>器</strong></td><td>具体器物、形质结构</td><td>形而下</td><td>有</td></tr>
|
||||
<tr><td><strong>无</strong></td><td>空缺、空间、可能性</td><td>介于形上形下之间</td><td>—</td></tr>
|
||||
<tr><td><strong>用</strong></td><td>功能、作用、价值实现</td><td>形而上</td><td>道（?）</td></tr>
|
||||
</table>
|
||||
|
||||
<p>传统框架的最大问题在于：它让"无"悬浮在形而上和形而下之间，没有明确的归属。而"用"更从未被单独讨论过它在范畴体系中的位置——它要么被归入"器"的功能属性，要么被当作"道"的作用显现，从未作为一个独立的范畴登堂入室。</p>
|
||||
|
||||
<p>可以提出一个修正方案：<strong>将"用"确立为单独的形而上维度，与"道"并列。</strong></p>
|
||||
|
||||
<p>这个修正的逻辑链条是这样展开的：</p>
|
||||
|
||||
<p>第一，老子已经证明"用"来源于"无"而非"有"。杯子的盛水功能不来自陶土，来自空腔。房子的居住功能不来自墙壁，来自空间。这是一个强有力的论证，但老子止步于此——他说明了"用"从哪里来，但没有说明"用"本身是什么性质的范畴。</p>
|
||||
|
||||
<p>第二，"用"不是物，也不是物的属性。一个杯子的"盛水功能"不是一个你可以摸到的东西，也不是杯子的颜色或重量那种物理属性。"用"是物在特定关系中被实现的价值。杯子在没有水的状态下仍然有盛水的"潜力"，但这个潜力不是物本身——它是一种关系性存在，只有在杯子和水的关系中才显现出来。这种关系性存在，用《系辞》的标准来衡量，恰恰是"形而上"的——它没有形质，不能被感官直接把握，只能被理性认识。</p>
|
||||
|
||||
<p>第三，"用"和"道"在性质上相同，但在功能上不同。"道"是宇宙运行的根本规律，"用"是具体器物在特定情境中的价值实现。二者都是形而上的，但"道"是普遍性的、超越性的，"用"是具体性的、关系性的。道是形而上的第一层级，用是形而上的第二层级——</p>
|
||||
|
||||
<div class="highlight-box">
|
||||
<p><strong>形而上</strong> 第一层级：道（普遍规律）</p>
|
||||
<p style="padding-left:1em;">第二层级：用（关系性功能）</p>
|
||||
<p><strong>形而下</strong> 器（具体形质）</p>
|
||||
</div>
|
||||
|
||||
<div class="section-title"><span class="num">三</span>"有是器，无是用"——一个对称的范畴结构</div>
|
||||
|
||||
<p>由此可以建立一个完整的四元结构：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>层级</th><th>正面</th><th>负面</th><th>关系</th></tr>
|
||||
<tr><td><strong>形而上</strong></td><td>道</td><td>用</td><td>道通过用显现</td></tr>
|
||||
<tr><td><strong>形而下</strong></td><td>器（有）</td><td>无</td><td>无是器的空腔</td></tr>
|
||||
</table>
|
||||
|
||||
<p>这个结构告诉我们几件事。第一，形而下世界的运动方向是"从无到有"——器需要无才能产生用。第二，形而上世界的运动方向是"从用到道"——具体功能的实现不断累积，最终上升到对普遍规律的认识。第三，"无"是形而下的组成部分，不是形而上的——它属于器，只是器的负面。房间的空腔仍然是建筑学的一部分，不是哲学。</p>
|
||||
|
||||
<p>这个定位跟老子的原意高度吻合。老子反复说"无"的重要性，但他从未说过"无"是独立于"有"的另一个本体。他说的是"有无相生"——有无是相互依存、相互成就的。把一个房间的空腔拔高到"道"的水平，反而偏离了老子的本意。</p>
|
||||
|
||||
<p>所以才有"有是器，无是用"这个判断的深层意义。它的完整形态是：<strong>有作为器存在于形而下，无作为用的来源亦属于形而下，而用本身则作为功能性的形而上存在。</strong>这个判断的价值在于：它首次在范畴论的层面明确了"用"的独立身份——"用"既不是器的附属属性，也不是道的低级显现，它就是它自己：一个独立的形而上维度。</p>
|
||||
|
||||
<div class="section-title"><span class="num">四</span>这个框架的哲学意义</div>
|
||||
|
||||
<p>这个修正不只是概念游戏，它解决了中国哲学中好几个长期悬而未决的问题。</p>
|
||||
|
||||
<p>第一个问题是"体用"关系的准确定位。宋明理学中"体用一源"的说法一直存在解释困难：如果体和用是同一个东西的两个方面，为什么在实践中体用往往分离——你有一颗仁义之心（体），未必会做出仁义的行为（用）。按照本文的框架，体属于形而下（器/有），用属于形而上。分属不同层级，自然不能直接等同。体用的统一不是天生的，需要中介——这个中介就是"无"：器通过"无"产生"用"，体通过"去蔽"实现用。阳明的"致良知"本质上就是体用统一的方法论——去除私欲的遮蔽（让无显现），良知自然发用流行。</p>
|
||||
|
||||
<p>第二个问题是技术的地位。中国哲学传统中对技术的评价普遍不高——"奇技淫巧"、"君子不器"。但如果接受"用"是形而上的独立维度，那么技术的本质就不是制造器物（这是器），而是通过器物实现功能（这就是用）。一个陶匠烧制杯子的工作是形而下层面的活动，但一只杯子被用来盛水招待客人——那个"盛水招待"的功能实现，已经进入了形而上的领域。技术不是形而下的活动，它是从形而下通向形而上的活动。这个定位比"奇技淫巧"要公平得多，也更符合当代社会对技术价值的理解。</p>
|
||||
|
||||
<p>第三个问题是"无用之用"的真正含义。庄子说"无用之用"——一棵树因为长得歪歪扭扭（无用），反而避免了被砍伐的命运（大用）。按照本文的框架，"无用之用"的意思是：器物因为没有某种既定的功能（无），反而获得了更根本的存在价值（用）。那个歪脖子树没有一个被社会规定的"用途"（无具体之器），反而实现了它作为生命的完整存在（大用）。这不是绕口令，是在范畴论层面揭示了"无"和"用"之间的结构性关系——用来自无，真正的用来自彻底的无。</p>
|
||||
|
||||
<div class="section-title"><span class="num">五</span>回到当下</div>
|
||||
|
||||
<p>把最后的思考落到我们今天的生活里。一套代码写得再漂亮，它是器——形而下层面的存在。但代码在运行中产生的判断——那条命令该不该放行、那个补丁该不该推送——那些判断本身是"用"，已经进入了形而上的领域。写代码是技术活，但判断什么值得执行是哲学活。</p>
|
||||
|
||||
<p>一篇论文引经据典写得再扎实，它是器。但读者读了之后心中产生的那个"原来如此"的领悟——那个领悟才是用。六祖惠能的《坛经》文字仍然是器，但你读了之后"懂得了陆王心学的创新来历"——那个"懂得了"是用。形而上不是离开形而下单独存在的，它就藏在你写完代码后点击执行的那一瞬间的判断里。</p>
|
||||
|
||||
<p>《系辞》说"形而上者谓之道，形而下者谓之器"，本文的补充是：形而上不止有道，还有用。用是器之所以成为器的价值实现，道是用之所以成为用的终极根据。道、用、器、无——四元结构，经得起检验。</p>
|
||||
|
||||
<div class="footer">
|
||||
陕西博海网络科技 · 思辨录 2026
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,265 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>先天为体贵在忘形·后天为用贵在执器</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f5f0e8; font-family: -apple-system, "PingFang SC", "Noto Serif SC", "KaiTi", "SimSun", serif; padding: 30px 0; }
|
||||
.container { max-width: 780px; margin: 0 auto; }
|
||||
|
||||
.header {
|
||||
background: linear-gradient(135deg, #2c1810 0%, #4a2c1a 50%, #2c1810 100%);
|
||||
color: #d4c5a9; padding: 60px 40px 40px; border-radius: 12px 12px 0 0;
|
||||
position: relative; overflow: hidden; text-align: center;
|
||||
}
|
||||
.header::before {
|
||||
content: '☰'; position: absolute; left: 20px; top: 20px;
|
||||
font-size: 60px; opacity: 0.06;
|
||||
}
|
||||
.header::after {
|
||||
content: '☷'; position: absolute; right: 20px; bottom: 10px;
|
||||
font-size: 60px; opacity: 0.06;
|
||||
}
|
||||
.header .badge {
|
||||
display: inline-block; border: 1px solid rgba(212,197,169,0.25);
|
||||
padding: 4px 16px; font-size: 12px; letter-spacing: 3px;
|
||||
color: rgba(212,197,169,0.6); margin-bottom: 24px;
|
||||
}
|
||||
.header h1 {
|
||||
font-size: 30px; color: #e8d5b0; font-weight: 400;
|
||||
line-height: 1.5; margin-bottom: 16px;
|
||||
letter-spacing: 6px;
|
||||
}
|
||||
.header h1 em {
|
||||
font-style: normal; font-size: 34px; font-weight: 700;
|
||||
background: linear-gradient(135deg, #e8d5b0, #c9a96e);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
.header .sub {
|
||||
font-size: 15px; color: rgba(212,197,169,0.5);
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
|
||||
.content {
|
||||
background: #fcf9f5; padding: 50px 48px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
|
||||
font-family: "Noto Serif SC", "KaiTi", "SimSun", serif;
|
||||
}
|
||||
|
||||
.section { margin-bottom: 30px; }
|
||||
|
||||
.section-title {
|
||||
font-size: 22px; color: #2c1810; font-weight: 600;
|
||||
text-align: center; margin-bottom: 20px;
|
||||
letter-spacing: 4px; position: relative;
|
||||
}
|
||||
.section-title::after {
|
||||
content: ''; display: block; width: 40px; height: 1px;
|
||||
background: #c9a96e; margin: 12px auto 0;
|
||||
}
|
||||
|
||||
p { font-size: 16px; line-height: 2; color: #3d3229; margin-bottom: 16px; text-indent: 2em; }
|
||||
p strong { color: #2c1810; }
|
||||
|
||||
.quote-block {
|
||||
background: #f5efe4; border-left: 3px solid #c9a96e;
|
||||
padding: 18px 22px; margin: 20px 0;
|
||||
font-size: 15px; line-height: 2; color: #5a4a3a; text-indent: 2em;
|
||||
}
|
||||
|
||||
.highlight-block {
|
||||
background: linear-gradient(135deg, #fcf9f5, #f5efe4);
|
||||
border: 1px solid #e0d5c5; border-radius: 6px;
|
||||
padding: 24px 28px; margin: 20px 0; text-align: center;
|
||||
}
|
||||
.highlight-block .main-text {
|
||||
font-size: 20px; color: #2c1810; font-weight: 700;
|
||||
letter-spacing: 3px; margin-bottom: 6px;
|
||||
}
|
||||
.highlight-block .sub-text {
|
||||
font-size: 14px; color: #8a7a6a; letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.divider {
|
||||
text-align: center; color: #c9a96e; font-size: 16px;
|
||||
margin: 30px 0; letter-spacing: 8px;
|
||||
}
|
||||
|
||||
/* 八卦图式 */
|
||||
.bagua-container {
|
||||
display: flex; justify-content: center; gap: 24px;
|
||||
margin: 24px 0; flex-wrap: wrap;
|
||||
}
|
||||
.bagua-item {
|
||||
text-align: center; width: 64px;
|
||||
}
|
||||
.bagua-item .symbol {
|
||||
font-size: 36px; color: #2c1810;
|
||||
background: #f5efe4; border-radius: 50%;
|
||||
width: 64px; height: 64px; line-height: 64px;
|
||||
display: block; margin-bottom: 6px;
|
||||
border: 1px solid #e0d5c5;
|
||||
}
|
||||
.bagua-item .name {
|
||||
font-size: 13px; color: #6a5a4a;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: #2c1810; color: rgba(212,197,169,0.5);
|
||||
padding: 24px 40px; border-radius: 0 0 12px 12px;
|
||||
font-size: 12px; text-align: center; line-height: 1.6;
|
||||
}
|
||||
|
||||
.tag {
|
||||
display: inline-block;
|
||||
background: #f5efe4; color: #6a5a4a;
|
||||
padding: 2px 12px; border-radius: 2px;
|
||||
font-size: 12px; margin-right: 6px;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.content { padding: 24px 20px; }
|
||||
.header { padding: 36px 20px 28px; }
|
||||
.header h1 { font-size: 24px; }
|
||||
.bagua-container { gap: 12px; }
|
||||
.bagua-item { width: 48px; }
|
||||
.bagua-item .symbol { width: 48px; height: 48px; line-height: 48px; font-size: 28px; }
|
||||
p { font-size: 15px; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<div class="header">
|
||||
<div class="badge">易 经 · 八 卦</div>
|
||||
<h1>
|
||||
<em>先天为体</em>，贵在"忘形"<br>
|
||||
<em>后天为用</em>，贵在"执器"
|
||||
</h1>
|
||||
<div class="sub">—— 善《易》者不卜</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- 开篇 -->
|
||||
<div class="section">
|
||||
<p>先天八卦不需要死记位置。</p>
|
||||
<p>它的本质是一个揭示宇宙根本规律的<strong>数学模型</strong>，其方位是"相对"和"约定俗成"的，而非绝对的地理方位。</p>
|
||||
<p>只要掌握三把钥匙——<strong>阴阳对立统一</strong>（相对放置）、<strong>宇宙生成序列</strong>（易有太极，太极生两仪，两仪生四象，四象生八卦）、<strong>各卦象与数理</strong>（一生二，二生三，三生万物）——便可按规律自行推导出八卦，任意摆放，与绝对方位无关。</p>
|
||||
<p>它只代表宇宙规律。</p>
|
||||
</div>
|
||||
|
||||
<div class="divider">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 核心观念 -->
|
||||
<div class="section">
|
||||
<div class="section-title">忘形：得其意，忘其象</div>
|
||||
|
||||
<p>古贤仰观天文、俯察地理后，为这个抽象模型找到了一个最贴切的"象"的注解。因为<strong>"乾（天）南坤（地）北"</strong>，才有了<strong>"离（日）东坎（月）西"</strong>及其他四隅的安置。</p>
|
||||
|
||||
<p>然而，<strong>"得易可以忘象，得象可以忘言"。</strong></p>
|
||||
|
||||
<p>忘言，即不要死记它的位置。<strong>知其本，而不被其形所困。</strong></p>
|
||||
|
||||
<div class="quote-block">
|
||||
学"易"的要义，不在记住八卦摆在哪里，而在理解它为什么摆在那里。<br>
|
||||
形是手段，意是目的。得意忘形，方入其门。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 八卦 -->
|
||||
<div class="section">
|
||||
<div class="section-title">八卦卦象</div>
|
||||
|
||||
<div class="bagua-container">
|
||||
<div class="bagua-item">
|
||||
<div class="symbol">☰</div>
|
||||
<div class="name">乾 · 天</div>
|
||||
</div>
|
||||
<div class="bagua-item">
|
||||
<div class="symbol">☱</div>
|
||||
<div class="name">兑 · 泽</div>
|
||||
</div>
|
||||
<div class="bagua-item">
|
||||
<div class="symbol">☲</div>
|
||||
<div class="name">离 · 火</div>
|
||||
</div>
|
||||
<div class="bagua-item">
|
||||
<div class="symbol">☳</div>
|
||||
<div class="name">震 · 雷</div>
|
||||
</div>
|
||||
<div class="bagua-item">
|
||||
<div class="symbol">☴</div>
|
||||
<div class="name">巽 · 风</div>
|
||||
</div>
|
||||
<div class="bagua-item">
|
||||
<div class="symbol">☵</div>
|
||||
<div class="name">坎 · 水</div>
|
||||
</div>
|
||||
<div class="bagua-item">
|
||||
<div class="symbol">☶</div>
|
||||
<div class="name">艮 · 山</div>
|
||||
</div>
|
||||
<div class="bagua-item">
|
||||
<div class="symbol">☷</div>
|
||||
<div class="name">坤 · 地</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 不卜 -->
|
||||
<div class="section">
|
||||
<div class="section-title">善《易》者不卜</div>
|
||||
|
||||
<p><strong>"善《易》者不卜"</strong>——这是一种境界。</p>
|
||||
|
||||
<p>当深刻理解了世界运行的根本模型（先天八卦所揭示的宇宙规律），那么对于具体事件（后天八卦所应对的）的吉凶趋势，便能有一种<strong>直指本心的洞察</strong>。</p>
|
||||
|
||||
<p>当这个框架内化于心，再看"后天为用"（需记住后天八卦位置）的方位、五行、生克等具体术数时，便能洞悉其背后的原理，而非机械套用。</p>
|
||||
|
||||
<div class="highlight-block">
|
||||
<div class="main-text">所谓"不卜"</div>
|
||||
<div class="sub-text">并非放弃预测，而是超越了对单一技术或固定公式的依赖</div>
|
||||
<div class="sub-text" style="margin-top:8px;">从事物发展的根本逻辑出发</div>
|
||||
<div class="sub-text">——阴阳平衡、物极必反——</div>
|
||||
<div class="sub-text">进行更深刻、更灵活的洞察与推演</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 总结 -->
|
||||
<div class="section">
|
||||
<div class="section-title">体用之间</div>
|
||||
|
||||
<p><strong>先天为体，贵在"忘形"</strong>——把握根本规律，不拘泥于外在形式。八卦方位可以变化，但阴阳对立统一、宇宙生成序列的底层逻辑不变。得其意，忘其象，才是真懂。</p>
|
||||
|
||||
<p><strong>后天为用，贵在"执器"</strong>——进入应用层面，必须记住方位、五行、生克等具体工具。器是手段，没有器，体无所附。但执器而不滞于器，知其然更知其所以然。</p>
|
||||
|
||||
<div class="quote-block">
|
||||
体用一源，显微无间。<br>
|
||||
忘形不是弃形，执器不是滞器。<br>
|
||||
知体达用，方是《易》道。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
一切皆如 · 原创 | 研学 整理优化<br>
|
||||
先天八卦 · 宇宙规律的数学模型
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>封面</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
background: #f5f0e8; display: flex; justify-content: center; align-items: center;
|
||||
min-height: 100vh; font-family: "Noto Serif SC", "KaiTi", "SimSun", serif;
|
||||
}
|
||||
.cover {
|
||||
width: 1200px; height: 675px;
|
||||
background: linear-gradient(160deg, #1a0f0a 0%, #2c1810 35%, #3d2218 65%, #1a0f0a 100%);
|
||||
position: relative; overflow: hidden;
|
||||
display: flex; flex-direction: column; justify-content: center;
|
||||
padding: 60px 80px; text-align: center;
|
||||
}
|
||||
.cover::before {
|
||||
content: '☰ ☷ ☲ ☵ ☳ ☴ ☱ ☶';
|
||||
position: absolute; top: 20px; left: 0; right: 0;
|
||||
font-size: 24px; letter-spacing: 30px;
|
||||
color: rgba(212,197,169,0.04); text-align: center;
|
||||
}
|
||||
.cover::after {
|
||||
content: '☰ ☷ ☲ ☵ ☳ ☴ ☱ ☶';
|
||||
position: absolute; bottom: 20px; left: 0; right: 0;
|
||||
font-size: 24px; letter-spacing: 30px;
|
||||
color: rgba(212,197,169,0.04); text-align: center;
|
||||
}
|
||||
.orb {
|
||||
position: absolute; top: 50%; left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 500px; height: 500px;
|
||||
background: radial-gradient(circle, rgba(201,169,110,0.06) 0%, transparent 60%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
position: relative; z-index: 1;
|
||||
}
|
||||
.main-title .badge {
|
||||
display: inline-block;
|
||||
border: 1px solid rgba(212,197,169,0.2);
|
||||
color: rgba(212,197,169,0.5); font-size: 13px;
|
||||
padding: 4px 18px; letter-spacing: 4px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
.main-title .line1 {
|
||||
font-size: 38px; color: #e8d5b0; font-weight: 400;
|
||||
letter-spacing: 8px; line-height: 1.6;
|
||||
}
|
||||
.main-title .line1 em {
|
||||
font-style: normal; font-size: 42px; font-weight: 700;
|
||||
background: linear-gradient(135deg, #e8d5b0, #c9a96e);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
.main-title .line2 {
|
||||
font-size: 36px; color: #e8d5b0; font-weight: 400;
|
||||
letter-spacing: 8px; line-height: 1.6;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.main-title .line2 em {
|
||||
font-style: normal; font-size: 40px; font-weight: 700;
|
||||
background: linear-gradient(135deg, #e8d5b0, #c9a96e);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
.main-title .sub {
|
||||
font-size: 15px; color: rgba(212,197,169,0.35);
|
||||
letter-spacing: 6px; margin-top: 20px;
|
||||
}
|
||||
.main-title .divider-line {
|
||||
width: 40px; height: 1px; background: rgba(212,197,169,0.2);
|
||||
margin: 20px auto;
|
||||
}
|
||||
.main-title .desc {
|
||||
font-size: 14px; color: rgba(212,197,169,0.4);
|
||||
letter-spacing: 3px; line-height: 1.8;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute; bottom: 30px; left: 0; right: 0;
|
||||
text-align: center; z-index: 1;
|
||||
font-size: 12px; color: rgba(212,197,169,0.2);
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="cover">
|
||||
<div class="orb"></div>
|
||||
<div class="main-title">
|
||||
<div class="badge">易 经</div>
|
||||
<div class="line1"><em>先天为体</em>，贵在"忘形"</div>
|
||||
<div class="line2"><em>后天为用</em>，贵在"执器"</div>
|
||||
<div class="divider-line"></div>
|
||||
<div class="sub">—— 善《易》者不卜 ——</div>
|
||||
<div class="desc">先天八卦 · 宇宙规律的数学模型</div>
|
||||
</div>
|
||||
<div class="footer">一切皆如 · 原创</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,267 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>陕西博海网络科技有限公司 — 招投标案例统计分析报告</title>
|
||||
<style>
|
||||
:root { --primary: #1a5276; --accent: #2e86c1; --bg: #f8f9fa; --card: #ffffff; --border: #dee2e6; --text: #212529; --muted: #6c757d; }
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; }
|
||||
.container { max-width: 1100px; margin: 0 auto; padding: 20px 30px; }
|
||||
h1 { font-size: 28px; color: var(--primary); border-bottom: 3px solid var(--accent); padding-bottom: 12px; margin-bottom: 24px; }
|
||||
h2 { font-size: 20px; color: var(--primary); margin: 28px 0 16px; padding-left: 12px; border-left: 4px solid var(--accent); }
|
||||
h3 { font-size: 16px; color: var(--accent); margin: 20px 0 10px; }
|
||||
.badge { display: inline-block; padding: 2px 10px; border-radius: 4px; font-size: 12px; color: #fff; margin-right: 4px; }
|
||||
.badge-blue { background: var(--accent); }
|
||||
.badge-green { background: #27ae60; }
|
||||
.badge-orange { background: #e67e22; }
|
||||
.badge-red { background: #c0392b; }
|
||||
.badge-gray { background: var(--muted); }
|
||||
|
||||
/* 企业信息卡片 */
|
||||
.info-card { background: var(--card); border-radius: 8px; padding: 24px; margin-bottom: 24px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
|
||||
.info-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px 32px; }
|
||||
.info-item { display: flex; gap: 8px; }
|
||||
.info-label { color: var(--muted); min-width: 100px; font-size: 14px; }
|
||||
.info-value { font-size: 14px; font-weight: 500; }
|
||||
|
||||
/* 指标卡片 */
|
||||
.metrics { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; margin-bottom: 24px; }
|
||||
.metric-box { background: var(--card); border-radius: 8px; padding: 16px; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
|
||||
.metric-num { font-size: 24px; font-weight: 700; color: var(--accent); }
|
||||
.metric-label { font-size: 12px; color: var(--muted); margin-top: 4px; }
|
||||
|
||||
/* 表格 */
|
||||
.table-wrap { background: var(--card); border-radius: 8px; overflow-x: auto; box-shadow: 0 1px 4px rgba(0,0,0,0.08); margin-bottom: 24px; }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
||||
thead { background: var(--primary); color: #fff; }
|
||||
th { padding: 10px 12px; text-align: left; font-weight: 600; white-space: nowrap; }
|
||||
td { padding: 8px 12px; border-bottom: 1px solid var(--border); }
|
||||
tbody tr:hover { background: #e8f4fd; }
|
||||
.amount { font-weight: 600; color: var(--accent); text-align: right; }
|
||||
.amount-total { font-weight: 700; color: #c0392b; text-align: right; }
|
||||
|
||||
/* 图表区域 */
|
||||
.chart-section { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
|
||||
.chart-card { background: var(--card); border-radius: 8px; padding: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
|
||||
.bar-row { display: flex; align-items: center; margin-bottom: 6px; }
|
||||
.bar-label { width: 50px; font-size: 13px; color: var(--muted); text-align: right; padding-right: 8px; }
|
||||
.bar-track { flex: 1; background: #e9ecef; border-radius: 4px; height: 22px; position: relative; }
|
||||
.bar-fill { height: 100%; border-radius: 4px; background: var(--accent); min-width: 2px; transition: width 0.3s; }
|
||||
.bar-val { position: absolute; right: 6px; top: 2px; font-size: 11px; color: #fff; font-weight: 600; }
|
||||
.bar-val-out { font-size: 11px; color: var(--text); margin-left: 6px; font-weight: 500; }
|
||||
|
||||
/* 关键发现 */
|
||||
.findings { background: linear-gradient(135deg, #1a5276 0%, #2e86c1 100%); border-radius: 8px; padding: 24px; color: #fff; margin-bottom: 24px; }
|
||||
.findings h2 { color: #fff; border-left-color: #fff; }
|
||||
.finding-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; }
|
||||
.finding-icon { font-size: 18px; }
|
||||
.finding-text { font-size: 14px; }
|
||||
|
||||
.footer { text-align: center; padding: 16px; color: var(--muted); font-size: 12px; border-top: 1px solid var(--border); }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.chart-section { grid-template-columns: 1fr; }
|
||||
.info-grid { grid-template-columns: 1fr; }
|
||||
.metrics { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<h1>陕西博海网络科技有限公司<br>招投标案例统计分析报告</h1>
|
||||
|
||||
<!-- 企业基本信息 -->
|
||||
<h2>一、企业基本信息</h2>
|
||||
<div class="info-card">
|
||||
<div class="info-grid">
|
||||
<div class="info-item"><span class="info-label">企业名称</span><span class="info-value">陕西博海网络科技有限公司</span></div>
|
||||
<div class="info-item"><span class="info-label">曾用名</span><span class="info-value">定边县博海网络科技有限责任公司（2001-03 至 2022-06）</span></div>
|
||||
<div class="info-item"><span class="info-label">统一社会信用代码</span><span class="info-value">91610825713571436B</span></div>
|
||||
<div class="info-item"><span class="info-label">法定代表人</span><span class="info-value">王婧</span></div>
|
||||
<div class="info-item"><span class="info-label">注册资本</span><span class="info-value">500万人民币（实缴500万）</span></div>
|
||||
<div class="info-item"><span class="info-label">成立日期</span><span class="info-value">2001-03-07</span></div>
|
||||
<div class="info-item"><span class="info-label">登记状态</span><span class="info-value"><span class="badge badge-green">开业</span></span></div>
|
||||
<div class="info-item"><span class="info-label">注册地址</span><span class="info-value">陕西省榆林市定边县定边镇二道西街（房管所楼下）</span></div>
|
||||
<div class="info-item"><span class="info-label">联系电话</span><span class="info-value">13335321725</span></div>
|
||||
<div class="info-item"><span class="info-label">电子邮箱</span><span class="info-value">dbwj@163.com</span></div>
|
||||
<div class="info-item"><span class="info-label">官网</span><span class="info-value">http://www.dbccw.com</span></div>
|
||||
<div class="info-item"><span class="info-label">登记机关</span><span class="info-value">定边县市场监督管理局</span></div>
|
||||
<div class="info-item"><span class="info-label">经营范围</span><span class="info-value">计算机及外设、办公用品、电脑耗材、软件开发、办公设备销售安装维修；建筑装饰材料、环保设备、机电设备、LED电子屏、通讯设备、教学仪器、音响灯光设备、安防设备、水利设施设备等</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 核心指标 -->
|
||||
<h2>二、核心指标概览</h2>
|
||||
<div class="metrics">
|
||||
<div class="metric-box"><div class="metric-num">32</div><div class="metric-label">招投标总记录数</div></div>
|
||||
<div class="metric-box"><div class="metric-num">26+</div><div class="metric-label">独立项目数</div></div>
|
||||
<div class="metric-box"><div class="metric-num">818.6万</div><div class="metric-label">已知中标金额总计</div></div>
|
||||
<div class="metric-box"><div class="metric-num">146.98万</div><div class="metric-label">最大单笔中标金额</div></div>
|
||||
<div class="metric-box"><div class="metric-num">0.118万</div><div class="metric-label">最小单笔中标金额</div></div>
|
||||
<div class="metric-box"><div class="metric-num">100%</div><div class="metric-label">中标成功率</div></div>
|
||||
</div>
|
||||
|
||||
<!-- 全部项目明细 -->
|
||||
<h2>三、全部中标/成交项目明细</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>#</th><th>项目名称</th><th>采购单位</th><th>中标金额（元）</th><th>发布日期</th><th>项目类型</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>1</td><td>定边县国土资源局不动产登记办证系统及设备采购</td><td>定边县国土资源局</td><td class="amount-total">1,469,800</td><td>2016-09</td><td><span class="badge badge-blue">信息化系统+设备</span></td></tr>
|
||||
<tr><td>2</td><td>定边县财政局设备采购项目</td><td>定边县财政局</td><td class="amount-total">1,450,000</td><td>2020-04</td><td><span class="badge badge-blue">办公/信息化设备</span></td></tr>
|
||||
<tr><td>3</td><td>定边县房产交易中心房屋交易资金监管平台软件设备</td><td>定边县房产交易中心</td><td class="amount">693,000</td><td>2018-05</td><td><span class="badge badge-blue">平台软件+设备</span></td></tr>
|
||||
<tr><td>4</td><td>人力资源市场大楼机房网络设备升级改造</td><td>定边县人力资源和社会保障局</td><td class="amount">789,600</td><td>2023-11</td><td><span class="badge badge-green">网络设备升级</span></td></tr>
|
||||
<tr><td>5</td><td>定边县委宣传部《定边之窗》网站建设</td><td>中共定边县委宣传部</td><td class="amount">459,200</td><td>2021-07</td><td><span class="badge badge-orange">网站建设开发</span></td></tr>
|
||||
<tr><td>6</td><td>定边县水务局地下水取水工程登记工作设备</td><td>定边县水务局</td><td class="amount">349,500</td><td>2019-03</td><td><span class="badge badge-green">专用设备</span></td></tr>
|
||||
<tr><td>7</td><td>定边县供销合作社联合社电子商务配套设备</td><td>定边县供销合作社联合社</td><td class="amount">345,000</td><td>2017-05</td><td><span class="badge badge-orange">电子商务设备</span></td></tr>
|
||||
<tr><td>8</td><td>定边县农业农村局乡镇产权交易服务站设备采购</td><td>定边县农村合作经济工作站</td><td class="amount">338,800</td><td>2020-09</td><td><span class="badge badge-green">交易服务设备</span></td></tr>
|
||||
<tr><td>9</td><td>定边县林业局林业系统办公设备采购</td><td>定边县林业局</td><td class="amount">318,900</td><td>2020-06</td><td><span class="badge badge-gray">办公设备</span></td></tr>
|
||||
<tr><td>10</td><td>配置村级（社区）医保服务室办公设施设备</td><td>定边县医疗保障局</td><td class="amount">289,800</td><td>2026-05</td><td><span class="badge badge-gray">办公设施设备</span></td></tr>
|
||||
<tr><td>11</td><td>定边县扶贫办脱贫攻坚普查设备采购</td><td>定边县扶贫办公室</td><td class="amount">269,500</td><td>2020-07</td><td><span class="badge badge-green">普查数据采集设备</span></td></tr>
|
||||
<tr><td>12</td><td>定边县公安局交通警察大队警用装备采购</td><td>定边县公安局交通警察大队</td><td class="amount">262,500</td><td>2018-09</td><td><span class="badge badge-red">警用装备</span></td></tr>
|
||||
<tr><td>13</td><td>定边县第四小学信息化及音响设备采购</td><td>定边县教育局</td><td class="amount">230,000</td><td>2016-08</td><td><span class="badge badge-orange">教育信息化设备</span></td></tr>
|
||||
<tr><td>14</td><td>定边县统计局采购PDA项目</td><td>定边县统计局</td><td class="amount">222,000</td><td>2018-09</td><td><span class="badge badge-green">数据采集设备</span></td></tr>
|
||||
<tr><td>15</td><td>定边县图书馆新乐/衣食梁社区电子阅览室设备</td><td>陕西省定边县图书馆</td><td class="amount">221,500</td><td>2020-07</td><td><span class="badge badge-orange">电子阅览室设备</span></td></tr>
|
||||
<tr><td>16</td><td>定边县司法局自定装备采购</td><td>定边县司法局</td><td class="amount">216,000</td><td>2018-12</td><td><span class="badge badge-gray">办公设备</span></td></tr>
|
||||
<tr><td>17</td><td>定边县不动产登记服务中心数据整合建库档案扫描</td><td>定边县不动产登记服务中心</td><td class="amount">198,600</td><td>2019-08</td><td><span class="badge badge-orange">数据整合服务</span></td></tr>
|
||||
<tr><td>18</td><td>定边县中医医院墨粉盒采购①</td><td>定边县中医医院</td><td class="amount">16,400</td><td>2025-11</td><td><span class="badge badge-gray">办公耗材</span></td></tr>
|
||||
<tr><td>19</td><td>定边县中医医院扫描仪（药品追溯码高拍仪）</td><td>定边县中医医院</td><td class="amount">14,394</td><td>2025-08</td><td><span class="badge badge-green">扫描设备</span></td></tr>
|
||||
<tr><td>20</td><td>定边县中医医院票据打印机/一体机/标签打印机</td><td>定边县中医医院</td><td class="amount">12,255</td><td>2024-03</td><td><span class="badge badge-green">打印设备</span></td></tr>
|
||||
<tr><td>21</td><td>定边县中医医院墨粉盒采购②</td><td>定边县中医医院</td><td class="amount">9,400</td><td>2026-03</td><td><span class="badge badge-gray">办公耗材</span></td></tr>
|
||||
<tr><td>22</td><td>定边县中医医院鼓粉盒采购②</td><td>定边县中医医院</td><td class="amount">8,900</td><td>2025-12</td><td><span class="badge badge-gray">办公耗材</span></td></tr>
|
||||
<tr><td>23</td><td>定边县房产交易中心监管服务平台建设</td><td>定边县房产交易中心</td><td>未知</td><td>2017-09</td><td><span class="badge badge-blue">平台软件开发</span></td></tr>
|
||||
<tr><td>24</td><td>定边县林业局供货合同</td><td>定边县林业局</td><td>未知</td><td>2020-07</td><td><span class="badge badge-gray">设备供货</span></td></tr>
|
||||
<tr><td>25</td><td>定边县中医院购置服务器等信息设备</td><td>定边县中医院</td><td>未知</td><td>2020-09</td><td><span class="badge badge-blue">服务器/信息设备</span></td></tr>
|
||||
<tr><td>26</td><td>定边县中医医院A4黑白打印机</td><td>定边县中医医院</td><td>未知</td><td>2024-04</td><td><span class="badge badge-green">打印设备</span></td></tr>
|
||||
<tr><td>27</td><td>定边县中医医院鼓粉盒采购①</td><td>定边县中医医院</td><td class="amount">1,180</td><td>2025-11</td><td><span class="badge badge-gray">办公耗材</span></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 按年份统计 -->
|
||||
<h2>四、按年份统计中标金额</h2>
|
||||
<div class="chart-section">
|
||||
<div class="chart-card">
|
||||
<h3>年度中标金额分布</h3>
|
||||
<div class="bar-row"><span class="bar-label">2016</span><div class="bar-track"><div class="bar-fill" style="width:20.8%"><span class="bar-val">169.98万</span></div></div><span class="bar-val-out">20.8%</span></div>
|
||||
<div class="bar-row"><span class="bar-label">2017</span><div class="bar-track"><div class="bar-fill" style="width:12.7%"><span class="bar-val">103.8万</span></div></div><span class="bar-val-out">12.7%</span></div>
|
||||
<div class="bar-row"><span class="bar-label">2018</span><div class="bar-track"><div class="bar-fill" style="width:14.6%"><span class="bar-val">119.35万</span></div></div><span class="bar-val-out">14.6%</span></div>
|
||||
<div class="bar-row"><span class="bar-label">2019</span><div class="bar-track"><div class="bar-fill" style="width:6.7%"><span class="bar-val">54.81万</span></div></div><span class="bar-val-out">6.7%</span></div>
|
||||
<div class="bar-row"><span class="bar-label">2020</span><div class="bar-track"><div class="bar-fill" style="width:31.8%"><span class="bar-val">259.87万</span></div></div><span class="bar-val-out">31.8%</span></div>
|
||||
<div class="bar-row"><span class="bar-label">2021</span><div class="bar-track"><div class="bar-fill" style="width:5.6%"><span class="bar-val">45.92万</span></div></div><span class="bar-val-out">5.6%</span></div>
|
||||
<div class="bar-row"><span class="bar-label">2023</span><div class="bar-track"><div class="bar-fill" style="width:9.7%"><span class="bar-val">78.96万</span></div></div><span class="bar-val-out">9.7%</span></div>
|
||||
<div class="bar-row"><span class="bar-label">2025</span><div class="bar-track"><div class="bar-fill" style="width:1%"><span class="bar-val-out">5.22万(0.6%)</span></div></div></div>
|
||||
<div class="bar-row"><span class="bar-label">2026</span><div class="bar-track"><div class="bar-fill" style="width:3.7%"><span class="bar-val">29.92万</span></div></div><span class="bar-val-out">3.7%</span></div>
|
||||
</div>
|
||||
<div class="chart-card">
|
||||
<h3>年度中标项目数分布</h3>
|
||||
<table>
|
||||
<thead><tr><th>年份</th><th>项目数</th><th>已知金额（万元）</th><th>占比</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>2016</td><td>2</td><td>169.98</td><td>20.8%</td></tr>
|
||||
<tr><td>2017</td><td>2</td><td>103.80</td><td>12.7%</td></tr>
|
||||
<tr><td>2018</td><td>4</td><td>119.35</td><td>14.6%</td></tr>
|
||||
<tr><td>2019</td><td>2</td><td>54.81</td><td>6.7%</td></tr>
|
||||
<tr><td>2020</td><td>7</td><td>259.87</td><td>31.8%</td></tr>
|
||||
<tr><td>2021</td><td>1</td><td>45.92</td><td>5.6%</td></tr>
|
||||
<tr><td>2023</td><td>1</td><td>78.96</td><td>9.7%</td></tr>
|
||||
<tr><td>2024</td><td>2</td><td>1.23+未知</td><td>—</td></tr>
|
||||
<tr><td>2025</td><td>5</td><td>5.22</td><td>0.6%</td></tr>
|
||||
<tr><td>2026</td><td>2</td><td>29.92</td><td>3.7%</td></tr>
|
||||
<tr style="font-weight:700;background:#e8f4fd"><td>合计</td><td>26+</td><td>≈818.62</td><td>100%</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 按采购客户统计 -->
|
||||
<h2>五、按采购客户统计</h2>
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<thead><tr><th>采购单位</th><th>中标次数</th><th>已知金额（元）</th><th>主要采购内容</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>定边县中医医院</td><td>7</td><td>62,229+未知</td><td>办公耗材（鼓粉盒/墨粉盒）、打印机、扫描仪</td></tr>
|
||||
<tr><td>定边县国土资源局</td><td>1</td><td class="amount-total">1,469,800</td><td>不动产登记系统+设备</td></tr>
|
||||
<tr><td>定边县财政局</td><td>1</td><td class="amount-total">1,450,000</td><td>信息化/办公设备</td></tr>
|
||||
<tr><td>定边县人力资源和社会保障局</td><td>1</td><td class="amount">789,600</td><td>机房网络设备升级改造</td></tr>
|
||||
<tr><td>定边县房产交易中心</td><td>2</td><td class="amount">693,000+未知</td><td>监管平台软件+设备</td></tr>
|
||||
<tr><td>中共定边县委宣传部</td><td>1</td><td class="amount">459,200</td><td>网站建设</td></tr>
|
||||
<tr><td>定边县供销合作社联合社</td><td>1</td><td class="amount">345,000</td><td>电子商务配套设备</td></tr>
|
||||
<tr><td>定边县水务局</td><td>1</td><td class="amount">349,500</td><td>取水工程登记设备</td></tr>
|
||||
<tr><td>定边县农业农村局</td><td>1</td><td class="amount">338,800</td><td>产权交易服务设备</td></tr>
|
||||
<tr><td>定边县林业局</td><td>2</td><td class="amount">318,900+未知</td><td>办公设备</td></tr>
|
||||
<tr><td>定边县扶贫办</td><td>1</td><td class="amount">269,500</td><td>普查设备</td></tr>
|
||||
<tr><td>定边县公安局交警大队</td><td>1</td><td class="amount">262,500</td><td>警用装备</td></tr>
|
||||
<tr><td>定边县医疗保障局</td><td>1</td><td class="amount">289,800</td><td>村级医保服务室设备</td></tr>
|
||||
<tr><td>定边县统计局</td><td>1</td><td class="amount">222,000</td><td>PDA数据采集设备</td></tr>
|
||||
<tr><td>陕西省定边县图书馆</td><td>1</td><td class="amount">221,500</td><td>电子阅览室设备</td></tr>
|
||||
<tr><td>定边县教育局</td><td>1</td><td class="amount">230,000</td><td>信息化+音响设备</td></tr>
|
||||
<tr><td>定边县司法局</td><td>1</td><td class="amount">216,000</td><td>自定装备</td></tr>
|
||||
<tr><td>定边县不动产登记服务中心</td><td>1</td><td class="amount">198,600</td><td>数据整合建库</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 按项目类型统计 -->
|
||||
<h2>六、按项目类型统计</h2>
|
||||
<div class="chart-section">
|
||||
<div class="chart-card">
|
||||
<h3>项目类型金额占比</h3>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">办公/信息化设备</span><div class="bar-track"><div class="bar-fill" style="width:31%"><span class="bar-val">≈253.5万</span></div></div><span class="bar-val-out">31%</span></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">信息化系统/平台</span><div class="bar-track"><div class="bar-fill" style="width:29%"><span class="bar-val">≈237.2万</span></div></div><span class="bar-val-out">29%</span></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">数据采集/专用设备</span><div class="bar-track"><div class="bar-fill" style="width:10%"><span class="bar-val">84.1万</span></div></div><span class="bar-val-out">10%</span></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">网站建设</span><div class="bar-track"><div class="bar-fill" style="width:5.6%"><span class="bar-val">45.92万</span></div></div><span class="bar-val-out">5.6%</span></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">警用/安防装备</span><div class="bar-track"><div class="bar-fill" style="width:3.2%"><span class="bar-val">26.25万</span></div></div><span class="bar-val-out">3.2%</span></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">医疗相关设备</span><div class="bar-track"><div class="bar-fill" style="width:3.5%"><span class="bar-val">28.98万</span></div></div><span class="bar-val-out">3.5%</span></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">教育信息化设备</span><div class="bar-track"><div class="bar-fill" style="width:2.8%"><span class="bar-val">23万</span></div></div><span class="bar-val-out">2.8%</span></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">数据整合服务</span><div class="bar-track"><div class="bar-fill" style="width:2.4%"><span class="bar-val">19.86万</span></div></div><span class="bar-val-out">2.4%</span></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">打印/扫描设备</span><div class="bar-track"><div class="bar-fill" style="width:1%"><span class="bar-val-out">2.66万(0.3%)</span></div></div></div>
|
||||
<div class="bar-row"><span class="bar-label" style="width:120px">办公耗材</span><div class="bar-track"><div class="bar-fill" style="width:1%"><span class="bar-val-out">3.59万(0.4%)</span></div></div></div>
|
||||
</div>
|
||||
<div class="chart-card">
|
||||
<h3>项目类型明细表</h3>
|
||||
<table>
|
||||
<thead><tr><th>项目类别</th><th>项目数</th><th>已知金额（元）</th><th>占比</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>🖥 信息化系统/平台开发</td><td>5</td><td>2,372,000+未知</td><td>29%</td></tr>
|
||||
<tr><td>🏢 办公/信息化设备采购</td><td>7</td><td>2,535,000+未知</td><td>31%</td></tr>
|
||||
<tr><td>📱 数据采集/专用设备</td><td>4</td><td>841,000</td><td>10%</td></tr>
|
||||
<tr><td>🌐 网站建设</td><td>1</td><td>459,200</td><td>5.6%</td></tr>
|
||||
<tr><td>🔒 警用/安防装备</td><td>1</td><td>262,500</td><td>3.2%</td></tr>
|
||||
<tr><td>🏥 医疗相关设备</td><td>1</td><td>289,800</td><td>3.5%</td></tr>
|
||||
<tr><td>🎓 教育信息化设备</td><td>1</td><td>230,000</td><td>2.8%</td></tr>
|
||||
<tr><td>📊 数据整合服务</td><td>1</td><td>198,600</td><td>2.4%</td></tr>
|
||||
<tr><td>📷 打印/扫描设备</td><td>3</td><td>26,649+未知</td><td>0.3%</td></tr>
|
||||
<tr><td>🖨 办公耗材</td><td>4</td><td>35,880</td><td>0.4%</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 关键发现 -->
|
||||
<h2>七、关键发现与特征总结</h2>
|
||||
<div class="findings">
|
||||
<div class="finding-item"><span class="finding-icon">📍</span><span class="finding-text"><b>地域高度集中</b>：所有招标案例100%在定边县（榆林市定边县）范围内，属于典型的本地政采供应商</span></div>
|
||||
<div class="finding-item"><span class="finding-icon">🏛</span><span class="finding-text"><b>客户类型单一</b>：100%为政府机关/事业单位/公立医院客户，无企业客户</span></div>
|
||||
<div class="finding-item"><span class="finding-icon">📐</span><span class="finding-text"><b>业务跨度极大</b>：从IT信息化系统（最大金额类别，约237万+）到办公耗材（最小金额，3.59万），涉及10余个品类</span></div>
|
||||
<div class="finding-item"><span class="finding-icon">📈</span><span class="finding-text"><b>2020年为高峰年</b>：中标金额约259.87万元，占总额31.8%，当年有7个项目</span></div>
|
||||
<div class="finding-item"><span class="finding-icon">📉</span><span class="finding-text"><b>近年趋势下滑</b>：2024-2026年中标项目以小额办公耗材为主，大项目明显减少</span></div>
|
||||
<div class="finding-item"><span class="finding-icon">✅</span><span class="finding-text"><b>中标成功率100%</b>：全部记录均为中标方身份，无未中标记录</span></div>
|
||||
<div class="finding-item"><span class="finding-icon">🔄</span><span class="finding-text"><b>主要采购方式</b>：竞争性谈判、电子卖场直购、询价为主</span></div>
|
||||
<div class="finding-item"><span class="finding-icon">🏥</span><span class="finding-text"><b>最大客户</b>：定边县中医医院（7次中标），但金额均为小额耗材采购</span></div>
|
||||
<div class="finding-item"><span class="finding-icon">💰</span><span class="finding-text"><b>最大金额客户</b>：定边县国土资源局（146.98万）和定边县财政局（145万），均为一次性大额项目</span></div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
报告生成时间：2026-07-07 15:20 | 数据来源：天眼查招投标数据库 | 仅供参考，不构成商业决策依据
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
.cover {
|
||||
width: 1200px; height: 675px;
|
||||
background: linear-gradient(135deg, #0a0a1a 0%, #16213e 40%, #1a3a6a 100%);
|
||||
display: flex; flex-direction: column; justify-content: center;
|
||||
padding: 60px 70px;
|
||||
position: relative; overflow: hidden;
|
||||
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
.cover::before {
|
||||
content: '';
|
||||
position: absolute; top: -150px; right: -150px;
|
||||
width: 500px; height: 500px;
|
||||
background: radial-gradient(circle, rgba(15, 52, 96, 0.3) 0%, transparent 70%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
.cover::after {
|
||||
content: '⚡';
|
||||
position: absolute; right: 50px; bottom: 50px;
|
||||
font-size: 120px; opacity: 0.06;
|
||||
}
|
||||
.badge {
|
||||
display: inline-block; align-self: flex-start;
|
||||
background: rgba(15, 52, 96, 0.4);
|
||||
border: 1px solid rgba(15, 52, 96, 0.6);
|
||||
color: #6a9ad8; padding: 6px 16px; border-radius: 20px;
|
||||
font-size: 13px; letter-spacing: 2px; margin-bottom: 20px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 40px; font-weight: 700; color: #fff;
|
||||
line-height: 1.3; margin-bottom: 14px;
|
||||
max-width: 850px;
|
||||
}
|
||||
h1 em {
|
||||
background: linear-gradient(135deg, #4a8ad8, #8ab8f0);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
font-style: normal;
|
||||
}
|
||||
.subtitle {
|
||||
font-size: 16px; color: rgba(255,255,255,0.55);
|
||||
line-height: 1.6; margin-bottom: 28px;
|
||||
max-width: 750px;
|
||||
}
|
||||
.stats {
|
||||
display: flex; gap: 20px; margin-top: auto;
|
||||
}
|
||||
.stat-card {
|
||||
background: rgba(255,255,255,0.05);
|
||||
border: 1px solid rgba(255,255,255,0.1);
|
||||
border-radius: 8px; padding: 12px 18px;
|
||||
}
|
||||
.stat-card .num {
|
||||
font-size: 24px; font-weight: 700; color: #6a9ad8;
|
||||
}
|
||||
.stat-card .label {
|
||||
font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 2px;
|
||||
}
|
||||
.bottom {
|
||||
margin-top: 32px;
|
||||
display: flex; justify-content: space-between; align-items: flex-end;
|
||||
border-top: 1px solid rgba(255,255,255,0.08);
|
||||
padding-top: 16px;
|
||||
}
|
||||
.bottom .left { font-size: 11px; color: rgba(255,255,255,0.3); }
|
||||
.bottom .right { font-size: 11px; color: rgba(255,255,255,0.3); }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="cover">
|
||||
<div class="badge">⚡ 算力经济 · 产业西移</div>
|
||||
<h1>黑石撤退！全球最大数据中心黄了——<br>但<em>中国西部</em>正迎来算力新机遇</h1>
|
||||
<div class="subtitle">AI基建从"抢"到"算" · 东数西算落地加速<br>2100英亩项目终止背后的万亿级产业重构</div>
|
||||
<div class="stats">
|
||||
<div class="stat-card">
|
||||
<div class="num">2100</div>
|
||||
<div class="label">英亩·被终止项目规模</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="num">~11%</div>
|
||||
<div class="label">费半指数两日跌幅</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="num">2x</div>
|
||||
<div class="label">数据中心用电2030年翻倍</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="left">📅 2026年7月4日</div>
|
||||
<div class="right">一切皆如 · 编辑</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>黑石撤退，全球最大数据中心黄了！但中国西部正迎来算力新机遇</h1>
|
||||
|
||||
<p>7月2日，一个标志性事件震动资本市场：黑石集团旗下数据中心运营商QTS，正式终止了弗吉尼亚州全球最大数据中心项目——2100英亩、37栋建筑、2200万平方英尺。同一周，费城半导体指数累计下跌约11%，172亿美元从美国股票基金撤离。</p>
|
||||
|
||||
<p>很多人把这解读为"AI泡沫破了"。但更准确的判断应该是：<strong>AI基建正在从"抢"进入"算"——资本开始看ROI了。</strong></p>
|
||||
|
||||
<p>这篇文章结合中国"东数西算"的大背景，帮你把这件事真正看透。</p>
|
||||
|
||||
<h2>一、黑石为什么撤了</h2>
|
||||
|
||||
<p>黑石是全球最大的另类资产管理公司，管理资产超过1.3万亿美元。它撤回的不是一个小项目，而是全球最大的数据中心园区。原因有三个层面：</p>
|
||||
|
||||
<p><strong>第一，社区反对和诉讼。</strong>数据中心需要大量的电力和水资源，当地居民长期抗议噪音和环境影响，项目虽然通过了县委员会批准但官司不断。</p>
|
||||
|
||||
<p><strong>第二，电网才是真瓶颈。</strong>国际能源署IEA预测，全球数据中心用电量将从2025年的485TWh翻倍到2030年的950TWh，约占全球用电需求的3%。高盛更激进：美国数据中心电力需求两年翻倍，从31GW到66GW。电不是无限的。</p>
|
||||
|
||||
<p><strong>第三，资本开始算ROI了。</strong>过去两年的逻辑是"先建起来再说"，现在的逻辑是"建起来以后谁付钱、多久回本"。黑石不是不看好AI基建——它手里还有850亿美元的数据中心平台——只是不再"见项目就上"。</p>
|
||||
|
||||
<p>文章里有一句话说得很到位：<strong>"资本最冷静的地方就在这里——它嘴上讲长期趋势，手上算现金回报。"</strong></p>
|
||||
|
||||
<h2>二、中国的解法：东数西算从政策变成经济必然</h2>
|
||||
|
||||
<p>东部遇到的问题——电价0.8-1.2元/度、土地稀缺、能耗指标收紧——中国用东数西算来应对。算力向西部迁移，正在从"政策鼓励"变成"经济必然"。</p>
|
||||
|
||||
<p>数据对比很清楚：</p>
|
||||
|
||||
<p>东部电价是西部的2-3倍，西部仅0.3-0.5元/度；东部土地稀缺昂贵，西部充足便宜；东部气候湿热冷却成本高，西部干燥凉爽可自然冷却；东部能耗指标全面收紧，西部是东数西算枢纽节点有政策强力支持。</p>
|
||||
|
||||
<p>当建数据中心的成本在东部越来越高、审批越来越难时，西部就不再是"备选方案"——而是唯一的理性选择。</p>
|
||||
|
||||
<h2>三、三条产业链线的机会分析</h2>
|
||||
|
||||
<p>文章把AI产业链拆成三层：</p>
|
||||
|
||||
<p><strong>上游硬件线</strong>——GPU、HBM、光模块、液冷。过去涨的是"需求永远不够"的预期，现在开始担心业绩兑现节奏。这一层西部不沾边。</p>
|
||||
|
||||
<p><strong>中游建设线</strong>——这个最值得关注。核心逻辑正在从"有没有项目"变为"有没有电、有没有人运维"。数据中心建到西部之后，谁来维护？服务器出故障谁来修？网络架构谁来搭？西部目前最紧缺的不是电、不是地、不是政策，而是<strong>本地化的数据中心运维人才</strong>。这是IT服务商最直接、最确定的增长点。</p>
|
||||
|
||||
<p><strong>下游应用线</strong>——资本迟早要追问：几万亿美元建出来的算力，到底帮谁赚了钱？西部企业数字化转型需要有人教、有人做、有人落地。金融、制造、医疗、教育——每个行业都需要本地化的AI应用服务商，这个需求无法远程外包。</p>
|
||||
|
||||
<h2>四、写在最后</h2>
|
||||
|
||||
<p>黑石撤退的根本含义是：AI正在从疯狂扩张进入选择性扩张。好项目有长期客户、稳定租约、电力保障、明确回报；贵项目只有宏大叙事和巨额投资。市场终于开始区分两者了。</p>
|
||||
|
||||
<p>对中国西部来说，这恰恰是历史性的机会。当算力西移从"政策鼓励"变成"经济算账算出来的必然选择"，西部就不再只是能源和原材料的输出地，而是数字经济基础设施的承接方、本地运维服务的需求方、数字化转型的落地场。</p>
|
||||
|
||||
<p>AI盛宴开始上账单了。但这张账单上的数字，对西部来说不是成本——是收入。</p>
|
||||
|
||||
<p>参考资料：路透社、财联社、Blackstone官网、国际能源署IEA、高盛研究</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,145 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>黑石撤退，全球最大数据中心黄了！但中国西部迎来算力新机遇</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f0f2f5; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; padding: 30px 0; }
|
||||
.container { max-width: 800px; margin: 0 auto; }
|
||||
.header {
|
||||
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
||||
color: #fff; padding: 48px 40px 36px; border-radius: 12px 12px 0 0;
|
||||
position: relative; overflow: hidden;
|
||||
}
|
||||
.header::after { content: '⚡'; position: absolute; right: 30px; top: 20px; font-size: 52px; opacity: 0.12; }
|
||||
.header .badge { display: inline-block; background: rgba(255,255,255,0.15); padding: 4px 14px; border-radius: 20px; font-size: 12px; letter-spacing: 1px; margin-bottom: 14px; border: 1px solid rgba(255,255,255,0.25); }
|
||||
.header h1 { font-size: 26px; line-height: 1.35; margin-bottom: 8px; }
|
||||
.header .sub { font-size: 14px; opacity: 0.8; line-height: 1.6; font-weight: 300; }
|
||||
.header .meta { font-size: 12px; opacity: 0.5; margin-top: 10px; }
|
||||
.content { background: #fff; padding: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
||||
.section { margin-bottom: 28px; }
|
||||
.section-title { font-size: 19px; color: #1a1a2e; font-weight: 700; border-left: 4px solid #0f3460; padding-left: 14px; margin-bottom: 12px; }
|
||||
.section-lead { background: #eef3fa; border: 1px solid #c5d5e8; border-radius: 6px; padding: 14px 18px; margin-bottom: 16px; font-size: 14px; color: #2a4a7a; line-height: 1.7; }
|
||||
p { font-size: 14px; line-height: 1.8; color: #333; margin-bottom: 10px; }
|
||||
p strong { color: #1a1a2e; }
|
||||
.thesis {
|
||||
background: linear-gradient(135deg, #1a1a2e, #0f3460); color: #fff;
|
||||
padding: 24px 28px; border-radius: 10px; margin: 16px 0; font-size: 16px; line-height: 1.8; text-align: center; font-weight: 600;
|
||||
}
|
||||
.thesis em { color: #8ab8e8; font-style: normal; }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 10px 0 14px; }
|
||||
table th { background: #0f3460; color: #fff; padding: 8px 12px; text-align: left; font-weight: 500; }
|
||||
table th:first-child { border-radius: 4px 0 0 0; }
|
||||
table th:last-child { border-radius: 0 4px 0 0; }
|
||||
table td { padding: 8px 12px; border-bottom: 1px solid #dce4ef; }
|
||||
table tr:nth-child(even) td { background: #f5f8fc; }
|
||||
.code-block { background: #1a1a2e; color: #d4e0f0; padding: 14px 18px; border-radius: 6px; font-family: 'Menlo', monospace; font-size: 12px; line-height: 1.6; overflow-x: auto; margin: 10px 0; }
|
||||
.card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 12px 0; }
|
||||
.card { background: #f5f8fc; border: 1px solid #c5d5e8; border-radius: 6px; padding: 14px; }
|
||||
.card .title-card { font-size: 13px; font-weight: 600; color: #0f3460; margin-bottom: 4px; }
|
||||
.card .desc-card { font-size: 12px; color: #555; line-height: 1.5; }
|
||||
.separator { text-align: center; color: #a8b8d0; font-size: 18px; margin: 22px 0; letter-spacing: 5px; }
|
||||
.footer { background: #1a1a2e; color: rgba(255,255,255,0.5); padding: 20px 40px; border-radius: 0 0 12px 12px; font-size: 12px; text-align: center; line-height: 1.6; }
|
||||
ul { padding-left: 18px; margin: 8px 0; }
|
||||
ul li { font-size: 13px; line-height: 1.7; color: #444; margin-bottom: 4px; }
|
||||
@media (max-width: 640px) {
|
||||
.content { padding: 20px; }
|
||||
.header { padding: 30px 20px; }
|
||||
.header h1 { font-size: 20px; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="badge">⚡ 算力经济 · 产业机会</div>
|
||||
<h1>黑石撤退，全球最大数据中心黄了！<br>但中国西部迎来算力新机遇</h1>
|
||||
<div class="sub">AI基建从"抢"到"算" · 东数西算落地加速 · 一场万亿级的产业西移正在发生</div>
|
||||
<div class="meta">📅 2026年7月4日 · 总编辑：皆如</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<div class="section">
|
||||
<div class="section-lead">
|
||||
<strong>一个标志性事件：</strong>7月2日，黑石集团旗下QTS终止了弗吉尼亚州全球最大数据中心项目——2100英亩、37栋建筑、2200万平方英尺。同一周，费城半导体指数累计下跌约11%，172亿美元撤离美股。但这不是AI凉了，<strong>而是AI终于开始被资本按到桌前算账了。</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">一、黑石为什么撤了</div>
|
||||
<p>黑石是全球最大的另类资产管理公司，管理资产超1.3万亿美元。它撤回的不是一个小项目，是全球最大数据中心园区。原因有三层：</p>
|
||||
<p><strong>第一，社区反对和诉讼。</strong>数据中心需要大量电力和水资源，当地居民对噪音和环境影响持续抗议。</p>
|
||||
<p><strong>第二，电网是真瓶颈。</strong>国际能源署预测，全球数据中心用电从485TWh（2025）翻倍到950TWh（2030）。高盛预测美国数据中心电力需求两年翻倍（31GW→66GW）。</p>
|
||||
<p><strong>第三，资本开始算ROI了。</strong>文章原文："资本最冷静的地方就在这里——它嘴上讲长期趋势，手上算现金回报。"</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">二、算力西移：中国版本的应对方案</div>
|
||||
<p>东部遇到的问题，中国用<strong>东数西算</strong>来解。</p>
|
||||
<p>东部电价0.8-1.2元/度，土地稀缺，能耗指标收紧。而西部——电价0.3-0.5元/度，土地充足，气候干燥凉爽适合自然冷却，叠加政策强力支持。</p>
|
||||
|
||||
<table>
|
||||
<tr><th>要素</th><th>东部</th><th>西部（陕西/宁夏/甘肃）</th></tr>
|
||||
<tr><td>电价</td><td>0.8-1.2元/度</td><td>0.3-0.5元/度</td></tr>
|
||||
<tr><td>气候冷却</td><td>湿热，成本高</td><td>干燥凉爽，自然冷却</td></tr>
|
||||
<tr><td>土地成本</td><td>稀缺昂贵</td><td>充足便宜</td></tr>
|
||||
<tr><td>政策支持</td><td>能耗指标收紧</td><td>东数西算枢纽节点</td></tr>
|
||||
<tr><td>本地运维人才</td><td>充足但贵</td><td>紧缺——需求爆发点</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="thesis">
|
||||
西部最缺的不是电，不是地，也不是政策——<br>
|
||||
是能运维数据中心的人。<br>
|
||||
<em>本地IT服务商的机会，就在这里。</em>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">三、三条产业链线 × 机会在哪里</div>
|
||||
<p>文章提供了很好的分析框架，把AI产业链拆成三层，每一层的规则正在发生变化：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>产业链层</th><th>过去的逻辑</th><th>现在的逻辑</th><th>西部机会</th></tr>
|
||||
<tr><td><strong>上游硬件</strong></td><td>追产能，抢份额</td><td>怕业绩兑现慢</td><td>❌ 不相关</td></tr>
|
||||
<tr><td><strong>中游建设</strong></td><td>抢项目，抢拿地</td><td>拼工程，拼运维</td><td>✅ 数据中心运维+IT服务</td></tr>
|
||||
<tr><td><strong>下游应用</strong></td><td>讲概念，讲故事</td><td>算变现，算效率</td><td>✅ 西部企业数字化转型</td></tr>
|
||||
</table>
|
||||
|
||||
<p>中游和下游的机会，恰好和西部的资源禀赋高度匹配。数据中心建到西部之后，谁去维护？服务器出故障谁来修？网络架构谁来搭？企业要用AI提效，谁来教、谁来落地？</p>
|
||||
<p>这些都是本地化服务需求——无法远程，无法外包，必须有人在当地。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">四、写在最后：不是AI凉了，是游戏规则变了</div>
|
||||
<p>很多人把黑石撤退理解为"AI泡沫破了"。但更准确的解读是：<strong>AI从疯狂扩张进入选择性扩张。</strong></p>
|
||||
<p>好项目有长期客户、稳定租约、电力保障、可控审批、明确回报。贵项目只有宏大叙事、巨额投资和一堆未来想象。过去市场把两者混为一谈，现在开始分清楚了。</p>
|
||||
<p>对中国西部来说，这恰恰是好事——当东部算力成本越来越高、能耗指标越来越紧，算力向西部迁移就不再是"政策鼓励"，而是"经济必然"。东数西算不再是宏大叙事，而是一笔算得过来的账。</p>
|
||||
|
||||
<div class="thesis">
|
||||
AI盛宴开始上账单了。<br>
|
||||
但账单上的数字，<br>
|
||||
对西部来说不是成本——<em>是收入。</em>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer">
|
||||
📅 2026年7月4日 · 总编辑：皆如<br>
|
||||
参考资料：路透社、财联社、Blackstone官网、IEA、高盛研究
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,422 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>博海知识资产建设路线图</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
background: #f5f6f7;
|
||||
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.container { max-width: 800px; margin: 0 auto; }
|
||||
|
||||
/* Header */
|
||||
.header {
|
||||
background: linear-gradient(135deg, #1a3a5c 0%, #2980b9 100%);
|
||||
color: #fff;
|
||||
padding: 50px 40px 40px;
|
||||
border-radius: 12px 12px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
.header .badge {
|
||||
display: inline-block;
|
||||
background: rgba(255,255,255,0.2);
|
||||
padding: 4px 14px;
|
||||
border-radius: 20px;
|
||||
font-size: 13px;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.header h1 { font-size: 28px; line-height: 1.4; margin-bottom: 10px; }
|
||||
.header .sub { font-size: 16px; opacity: 0.85; margin-bottom: 14px; }
|
||||
.header .meta { font-size: 13px; opacity: 0.7; }
|
||||
|
||||
/* Content */
|
||||
.content { background: #fff; padding: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
||||
|
||||
/* Sections */
|
||||
.section { margin-bottom: 36px; }
|
||||
.section-title {
|
||||
font-size: 20px; color: #1a3a5c; font-weight: 600;
|
||||
border-left: 4px solid #2980b9; padding-left: 14px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.section-lead {
|
||||
background: #f0f7ff; border-left: 4px solid #2980b9;
|
||||
padding: 14px 18px; border-radius: 0 6px 6px 0;
|
||||
font-size: 15px; color: #2c3e50; margin-bottom: 20px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* Cards */
|
||||
.summary-grid {
|
||||
display: grid; grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 16px; margin-bottom: 24px;
|
||||
}
|
||||
.metric-card {
|
||||
background: #f8f9fa; border-radius: 8px; padding: 18px;
|
||||
border: 1px solid #eef0f2;
|
||||
}
|
||||
.metric-card .num { font-size: 28px; font-weight: 700; color: #2980b9; }
|
||||
.metric-card .label { font-size: 13px; color: #7f8c8d; margin-top: 4px; }
|
||||
.metric-card .desc { font-size: 13px; color: #555; margin-top: 6px; line-height: 1.5; }
|
||||
|
||||
/* Tables */
|
||||
.table-wrap { overflow-x: auto; margin-bottom: 20px; }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 14px; }
|
||||
table th {
|
||||
background: #1a3a5c; color: #fff; padding: 10px 14px;
|
||||
text-align: left; font-weight: 500;
|
||||
}
|
||||
table th:first-child { border-radius: 6px 0 0 0; }
|
||||
table th:last-child { border-radius: 0 6px 0 0; }
|
||||
table td { padding: 10px 14px; border-bottom: 1px solid #eef0f2; }
|
||||
table tr:nth-child(even) { background: #f8f9fa; }
|
||||
|
||||
.badge-ok {
|
||||
display: inline-block; background: #e8f5e9; color: #2e7d32;
|
||||
padding: 2px 10px; border-radius: 12px; font-size: 12px;
|
||||
}
|
||||
.badge-warn {
|
||||
display: inline-block; background: #fff3e0; color: #e65100;
|
||||
padding: 2px 10px; border-radius: 12px; font-size: 12px;
|
||||
}
|
||||
.badge-new {
|
||||
display: inline-block; background: #e3f2fd; color: #1565c0;
|
||||
padding: 2px 10px; border-radius: 12px; font-size: 12px;
|
||||
}
|
||||
|
||||
/* Timeline */
|
||||
.timeline { position: relative; padding-left: 28px; margin-bottom: 24px; }
|
||||
.timeline::before {
|
||||
content: ''; position: absolute; left: 8px; top: 6px; bottom: 6px;
|
||||
width: 2px; background: #d0d7de;
|
||||
}
|
||||
.timeline-item { position: relative; margin-bottom: 20px; }
|
||||
.timeline-item::before {
|
||||
content: ''; position: absolute; left: -20px; top: 6px;
|
||||
width: 10px; height: 10px; border-radius: 50%;
|
||||
background: #2980b9; border: 2px solid #fff;
|
||||
}
|
||||
.timeline-item .title { font-weight: 600; color: #1a3a5c; margin-bottom: 4px; }
|
||||
.timeline-item .desc { font-size: 14px; color: #555; line-height: 1.6; }
|
||||
.timeline-item .tag { font-size: 12px; color: #7f8c8d; margin-top: 2px; }
|
||||
|
||||
/* Quote block */
|
||||
.quote-block {
|
||||
background: #f0f7ff; border-radius: 8px; padding: 20px; margin-bottom: 24px;
|
||||
border: 1px solid #dbeafe;
|
||||
}
|
||||
.quote-block .label { font-size: 12px; color: #2980b9; font-weight: 600; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px; }
|
||||
.quote-block .text { font-size: 14px; color: #2c3e50; line-height: 1.7; }
|
||||
|
||||
/* Tree */
|
||||
.tree { font-family: "Courier New", monospace; font-size: 13px; line-height: 1.8; margin: 12px 0; background: #1e2a35; color: #e6edf3; padding: 16px 20px; border-radius: 6px; }
|
||||
.tree .branch { color: #58a6ff; }
|
||||
.tree .leaf { color: #7ee787; }
|
||||
.tree .highlight { color: #ffa657; }
|
||||
|
||||
/* Separator */
|
||||
.separator { text-align: center; color: #bdc3c7; font-size: 14px; margin: 30px 0; letter-spacing: 6px; }
|
||||
|
||||
/* Footer */
|
||||
.footer {
|
||||
background: #1a3a5c; color: rgba(255,255,255,0.7);
|
||||
padding: 24px 40px; border-radius: 0 0 12px 12px;
|
||||
font-size: 13px; text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.content { padding: 20px; }
|
||||
.summary-grid { grid-template-columns: 1fr; }
|
||||
.header { padding: 30px 20px; }
|
||||
.header h1 { font-size: 22px; }
|
||||
.section-title { font-size: 17px; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<!-- HEADER -->
|
||||
<div class="header">
|
||||
<div class="badge">📋 博海 · 知识资产路线图</div>
|
||||
<h1>从知识库到判断资产<br>博海数字体验建设路线图</h1>
|
||||
<div class="sub">整合三篇前沿方法论 · 落地 Hermes 8 Profile 架构</div>
|
||||
<div class="meta">研学整理 · 2026-06-25</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- 开篇 -->
|
||||
<div class="section">
|
||||
<div class="section-lead">
|
||||
<strong>一句话说清三篇的关系：</strong><br>
|
||||
① 内容架构告诉你要建什么 —— 4类骨干 + 6层体验 + 3岗位Checklist<br>
|
||||
② 判断资产告诉你知识库要升维成什么 —— 方法→证据→案例→边界<br>
|
||||
③ Loop Engineering 告诉你怎么让机器替你自己跑验证闭环
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 博海现状 -->
|
||||
<div class="section">
|
||||
<div class="section-title">一、博海现状诊断</div>
|
||||
|
||||
<div class="summary-grid">
|
||||
<div class="metric-card">
|
||||
<div class="num">8</div>
|
||||
<div class="label">Hermes Profile</div>
|
||||
<div class="desc">project / employees / admin / business / creative / finance / ops / yanxue</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="num">5</div>
|
||||
<div class="label">核心业务系统</div>
|
||||
<div class="desc">ERP / Wiki / CMS / 维修管理 / 学习平台</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="num">2</div>
|
||||
<div class="label">内容层次现状</div>
|
||||
<div class="desc">处于第1~2层（文档库→结构化），暂未进入第3~4层（判断资产）</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr><th>Profile</th><th>当前角色</th><th>缺什么内容层</th><th>优先级</th></tr>
|
||||
<tr>
|
||||
<td>wecom-project</td>
|
||||
<td>项目BOT</td>
|
||||
<td>缺少明确的判断规则（什么情况升级、什么标准算完成）</td>
|
||||
<td><span class="badge-warn">中</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>wecom-employees</td>
|
||||
<td>员工回调BOT</td>
|
||||
<td>员工自助知识库（help层）</td>
|
||||
<td><span class="badge-ok">高</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>wecom-finance</td>
|
||||
<td>财务BOT</td>
|
||||
<td>制度版本管理、审批判断规则</td>
|
||||
<td><span class="badge-ok">高</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>wecom-ops</td>
|
||||
<td>运维BOT</td>
|
||||
<td>status 可用性公告</td>
|
||||
<td><span class="badge-warn">中</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>wecom-admin</td>
|
||||
<td>管理BOT</td>
|
||||
<td>权限与治理层</td>
|
||||
<td><span class="badge-new">未来</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>其余3个</td>
|
||||
<td>业务/创意/研学</td>
|
||||
<td>专业领域知识结构化</td>
|
||||
<td><span class="badge-new">未来</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 框架映射 -->
|
||||
<div class="section">
|
||||
<div class="section-title">二、六层体验架构 → 博海对照</div>
|
||||
|
||||
<table>
|
||||
<tr><th>层</th><th>标准内容</th><th>博海现状</th><th>下一步</th></tr>
|
||||
<tr>
|
||||
<td><strong>1 门脸层</strong></td>
|
||||
<td>www / brand</td>
|
||||
<td>sxbh.ltd 官网</td>
|
||||
<td>✅ 已有</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>2 自助认知层</strong></td>
|
||||
<td>help / blog / community</td>
|
||||
<td>Wiki 系统（待结构化为 AI 可读）</td>
|
||||
<td><span class="badge-warn">需加工</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>3 产品应用层</strong></td>
|
||||
<td>app / chat / platform</td>
|
||||
<td>5 个业务系统 + 8 个 Hermes BOT</td>
|
||||
<td>✅ 已有</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>4 开发者集成层</strong></td>
|
||||
<td>api / docs / developers</td>
|
||||
<td>Hermes API（8650/8660 port）</td>
|
||||
<td>✅ 已有，可文档化</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>5 信任韧性层</strong></td>
|
||||
<td>status / trust / privacy</td>
|
||||
<td>无对外状态页</td>
|
||||
<td><span class="badge-new">新建议</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>6 身份商业化层</strong></td>
|
||||
<td>auth / admin / pay</td>
|
||||
<td>企业内部权限体系</td>
|
||||
<td><span class="badge-ok">内部已有</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 阶段路线图 -->
|
||||
<div class="section">
|
||||
<div class="section-title">三、三阶段落地路线图</div>
|
||||
|
||||
<div class="timeline">
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="title">🚀 Phase 1：MVP 骨干建设（1-2 周）</div>
|
||||
<div class="desc">
|
||||
<strong>目标：</strong>完成 4 类骨干内容的最小闭环，让每个 BOT 有「判断规则」可循。<br><br>
|
||||
<strong>具体动作：</strong><br>
|
||||
<table>
|
||||
<tr><th>谁做</th><th>做什么</th><th>产出</th></tr>
|
||||
<tr>
|
||||
<td>项目BOT</td>
|
||||
<td>接收 Loop Engineering skill，配置 builder/checker 循环</td>
|
||||
<td>项目代码自动验证闭环</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>运维BOT</td>
|
||||
<td>通过 cronjob + Hermes gateway 实现 status 可用性公告</td>
|
||||
<td>系统状态自动播报</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>研学</td>
|
||||
<td>为 wecom-finance、wecom-employees 注入判断规则模板</td>
|
||||
<td>审批 / 员工问答有据可依</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
<strong>判断资产起步：</strong>挑一个高频场景（如「报销审批」），把 方法→证据→案例→边界 四步写成一条判断链，注入对应 BOT 的 memory。
|
||||
</div>
|
||||
<div class="tag">📅 1-2 周 · 投入：低</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="title">📈 Phase 2：成长期扩展（1-2 月）</div>
|
||||
<div class="desc">
|
||||
<strong>目标：</strong>构建完整的判断资产 + 内容体验架构，8个 BOT 各司其职。<br><br>
|
||||
<strong>具体动作：</strong><br>
|
||||
· <strong>内容统一：</strong>Wiki/CMS 内容按六层架构重新分类（品牌 / 自助 / 产品 / API / 信任 / 权限）<br>
|
||||
· <strong>判断资产沉淀：</strong>为每个业务场景（采购审批、项目验收、供应商评估）撰写判断链，存入对应 BOT skill<br>
|
||||
· <strong>跨站一致性：</strong>品牌口径、价格、SLA 等关键数据统一来源，各 BOT 从同一源读取<br>
|
||||
· <strong>Loop Engineering 推广：</strong>从项目代码扩展到运维脚本检查、配置验证
|
||||
</div>
|
||||
<div class="tag">📅 1-2 月 · 投入：中</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="title">🏆 Phase 3：成熟期自治（季度目标）</div>
|
||||
<div class="desc">
|
||||
<strong>目标：</strong>BOT 间自主协作，知识资产自动沉淀，人为干预降到最低。<br><br>
|
||||
<strong>具体动作：</strong><br>
|
||||
· 全站内容季度过期巡检（skill 自动化）<br>
|
||||
· 新增业务场景自动触发"判断链"生成流程<br>
|
||||
· 多 BOT 协作时自动识别边界（什么场景升级给人、什么场景自决）<br>
|
||||
· 对外：sxbh.ltd 建立 trust / status 页，客户/供应商可公开访问
|
||||
</div>
|
||||
<div class="tag">📅 季度目标 · 投入：高</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 判断资产实战 -->
|
||||
<div class="section">
|
||||
<div class="section-title">四、判断资产实战：一条判断链的写法</div>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">📝 以「供应商延期要不要降级」为例</div>
|
||||
<div class="text">
|
||||
<strong>方法：</strong>先判断采购类型（关键物料 vs 临时采购 vs 长期合作），不同场景用不同权重<br>
|
||||
<strong>证据：</strong>查询该供应商近12个月交付数据、延期次数、影响金额<br>
|
||||
<strong>案例：</strong>上次类似情况怎么处理的？当时为什么那么选？结果如何？<br>
|
||||
<strong>边界：</strong>不可抗力导致的延期不扣分；临时采购单次延期待遇不同
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="font-size:14px;color:#555;line-height:1.7;">
|
||||
每条判断链写成 Markdown，存放在对应 BOT 的 <code>skills/</code> 或 <code>memory</code> 中。BOT 遇到该场景时自动加载判断链，按序推理，结果落入日志供复盘。
|
||||
</p>
|
||||
|
||||
<div class="tree">
|
||||
<span class="branch">博海判断资产库/</span>
|
||||
├── <span class="leaf">采购与供应商/</span>
|
||||
│ ├── 供应商评估判断链.md
|
||||
│ ├── 价格异常审批判断链.md
|
||||
│ └── 紧急采购边界规则.md
|
||||
├── <span class="leaf">项目与交付/</span>
|
||||
│ ├── 项目延期处理判断链.md
|
||||
│ ├── 范围变更评估判断链.md
|
||||
│ └── 验收标准判断链.md
|
||||
├── <span class="leaf">财务与报销/</span>
|
||||
│ ├── 差旅标准判断链.md
|
||||
│ ├── 超预算审批判断链.md
|
||||
│ └── <span class="highlight">→ 从这里开始，写第一条</span>
|
||||
└── <span class="leaf">员工与人事/</span>
|
||||
├── 请假审批判断链.md
|
||||
└── 转正评估判断链.md
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 博海专属结论 -->
|
||||
<div class="section">
|
||||
<div class="section-title">五、博海版本的「最少必要建设」</div>
|
||||
|
||||
<div class="summary-grid">
|
||||
<div class="metric-card">
|
||||
<div class="num">1</div>
|
||||
<div class="label">第一条判断链</div>
|
||||
<div class="desc">从「报销审批」或「项目延期」开始，写满 方法→证据→案例→边界</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="num">1</div>
|
||||
<div class="label">第一个 Loop</div>
|
||||
<div class="desc">项目BOT 已部署 Loop Engineering，选一个仓库跑一轮</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="num">4</div>
|
||||
<div class="label">个内容层对齐</div>
|
||||
<div class="desc">门脸/自助/产品/API 四层已有基础，信任层（status）是新缺口</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">💡 研学的建议</div>
|
||||
<div class="text">
|
||||
<strong>明天就能做的事：</strong>让项目BOT跑一次 Loop Engineering，验证 builder/checker 循环。<br>
|
||||
<strong>这周能做的事：</strong>写第一条判断链（从报销审批开始），注入 finance BOT 的 memory。<br>
|
||||
<strong>这个月能做的事：</strong>帮运维BOT 配一个 status 页面，自动播报 Hermes gateway 状态。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
整合自：Loop Engineering 保姆教程 · AI落地企业⑥判断资产 · 数字体验内容架构<br>
|
||||
研学 · 任富海的专属学习助手
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
+635
@@ -0,0 +1,635 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>博海售后维修管理系统 - 演示文稿</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
|
||||
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
body {
|
||||
font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
background: #0a1628;
|
||||
overflow: hidden;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.slides-container {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.slide {
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 60px 80px;
|
||||
opacity: 0;
|
||||
transform: scale(0.95);
|
||||
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
pointer-events: none;
|
||||
background: linear-gradient(135deg, #0a1628 0%, #132244 50%, #0d1f3c 100%);
|
||||
}
|
||||
|
||||
.slide.active {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* 科技感背景装饰 */
|
||||
.slide::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
background: radial-gradient(circle at 30% 40%, rgba(33,150,243,0.03) 0%, transparent 50%),
|
||||
radial-gradient(circle at 70% 60%, rgba(33,150,243,0.02) 0%, transparent 50%);
|
||||
animation: bgGlow 8s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes bgGlow {
|
||||
0% { transform: translate(0, 0) rotate(0deg); }
|
||||
100% { transform: translate(-2%, -2%) rotate(3deg); }
|
||||
}
|
||||
|
||||
/* 网格线 */
|
||||
.slide::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
width: 100%; height: 100%;
|
||||
background-image:
|
||||
linear-gradient(rgba(33,150,243,0.05) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(33,150,243,0.05) 1px, transparent 1px);
|
||||
background-size: 60px 60px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* 发光线条 */
|
||||
.glow-line {
|
||||
position: absolute;
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg, transparent, #2196F3, transparent);
|
||||
opacity: 0.5;
|
||||
animation: glowLine 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.glow-line:nth-child(1) { top: 15%; width: 30%; left: 10%; animation-delay: 0s; }
|
||||
.glow-line:nth-child(2) { bottom: 20%; width: 40%; right: 10%; animation-delay: 1s; }
|
||||
.glow-line:nth-child(3) { top: 50%; width: 20%; left: 5%; animation-delay: 2s; }
|
||||
|
||||
@keyframes glowLine {
|
||||
0%, 100% { opacity: 0.3; transform: scaleX(1); }
|
||||
50% { opacity: 0.8; transform: scaleX(1.2); }
|
||||
}
|
||||
|
||||
.slide-content {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
max-width: 1100px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* ===== 封面页 ===== */
|
||||
.cover-title {
|
||||
font-size: clamp(36px, 5vw, 64px);
|
||||
font-weight: 900;
|
||||
background: linear-gradient(135deg, #64B5F6, #2196F3, #1565C0);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
margin-bottom: 20px;
|
||||
letter-spacing: 4px;
|
||||
animation: fadeInUp 1s ease-out;
|
||||
}
|
||||
|
||||
.cover-sub {
|
||||
font-size: clamp(18px, 2.5vw, 28px);
|
||||
color: #90CAF9;
|
||||
font-weight: 300;
|
||||
letter-spacing: 6px;
|
||||
margin-bottom: 40px;
|
||||
animation: fadeInUp 1s ease-out 0.3s both;
|
||||
}
|
||||
|
||||
.cover-org {
|
||||
font-size: clamp(14px, 1.5vw, 18px);
|
||||
color: rgba(144, 202, 249, 0.6);
|
||||
letter-spacing: 3px;
|
||||
animation: fadeInUp 1s ease-out 0.6s both;
|
||||
}
|
||||
|
||||
.cover-line {
|
||||
width: 80px;
|
||||
height: 3px;
|
||||
background: linear-gradient(90deg, #2196F3, #64B5F6);
|
||||
margin: 30px auto;
|
||||
border-radius: 2px;
|
||||
animation: fadeInUp 1s ease-out 0.45s both;
|
||||
}
|
||||
|
||||
/* 浮动粒子 */
|
||||
.particles {
|
||||
position: absolute;
|
||||
width: 100%; height: 100%;
|
||||
top: 0; left: 0;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.particle {
|
||||
position: absolute;
|
||||
width: 4px; height: 4px;
|
||||
background: rgba(33,150,243,0.4);
|
||||
border-radius: 50%;
|
||||
animation: float 6s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; }
|
||||
.particle:nth-child(2) { left: 30%; top: 70%; animation-delay: 1s; }
|
||||
.particle:nth-child(3) { left: 50%; top: 30%; animation-delay: 2s; }
|
||||
.particle:nth-child(4) { left: 70%; top: 60%; animation-delay: 0.5s; }
|
||||
.particle:nth-child(5) { left: 85%; top: 25%; animation-delay: 1.5s; }
|
||||
.particle:nth-child(6) { left: 20%; top: 80%; animation-delay: 2.5s; }
|
||||
.particle:nth-child(7) { left: 60%; top: 15%; animation-delay: 3s; }
|
||||
.particle:nth-child(8) { left: 90%; top: 75%; animation-delay: 3.5s; }
|
||||
|
||||
@keyframes float {
|
||||
0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; }
|
||||
50% { transform: translateY(-20px) scale(1.5); opacity: 0.8; }
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
from { opacity: 0; transform: translateY(30px); }
|
||||
to { opacity: 1; transform: translateY(0); }
|
||||
}
|
||||
|
||||
/* ===== 通用 ===== */
|
||||
.page-title {
|
||||
font-size: clamp(28px, 3.5vw, 48px);
|
||||
font-weight: 700;
|
||||
color: #E3F2FD;
|
||||
margin-bottom: 15px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.page-title::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -8px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 60px;
|
||||
height: 3px;
|
||||
background: linear-gradient(90deg, #2196F3, #64B5F6);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.page-desc {
|
||||
font-size: clamp(14px, 1.2vw, 18px);
|
||||
color: rgba(144, 202, 249, 0.7);
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
/* ===== 目录 ===== */
|
||||
.toc-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||
gap: 20px;
|
||||
margin-top: 40px;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.toc-item {
|
||||
background: rgba(33,150,243,0.08);
|
||||
border: 1px solid rgba(33,150,243,0.2);
|
||||
border-radius: 16px;
|
||||
padding: 30px 20px;
|
||||
transition: all 0.3s ease;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.toc-item:hover {
|
||||
background: rgba(33,150,243,0.15);
|
||||
border-color: rgba(33,150,243,0.4);
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 30px rgba(33,150,243,0.1);
|
||||
}
|
||||
|
||||
.toc-num {
|
||||
font-size: 32px;
|
||||
font-weight: 900;
|
||||
background: linear-gradient(135deg, #2196F3, #64B5F6);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.toc-label {
|
||||
font-size: 16px;
|
||||
color: #BBDEFB;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* ===== 核心功能 ===== */
|
||||
.features-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||
gap: 20px;
|
||||
margin-top: 30px;
|
||||
width: 100%;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
background: rgba(33,150,243,0.06);
|
||||
border: 1px solid rgba(33,150,243,0.15);
|
||||
border-radius: 16px;
|
||||
padding: 28px 20px;
|
||||
text-align: left;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
background: rgba(33,150,243,0.12);
|
||||
border-color: rgba(33,150,243,0.3);
|
||||
transform: translateY(-3px);
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
font-size: 28px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.feature-name {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #E3F2FD;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.feature-desc {
|
||||
font-size: 13px;
|
||||
color: rgba(144, 202, 249, 0.7);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* ===== 技术架构 ===== */
|
||||
.arch-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
margin-top: 30px;
|
||||
width: 100%;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.arch-layer {
|
||||
background: rgba(33,150,243,0.06);
|
||||
border: 1px solid rgba(33,150,243,0.15);
|
||||
border-radius: 12px;
|
||||
padding: 20px 30px;
|
||||
min-width: 200px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.arch-layer-title {
|
||||
font-size: 14px;
|
||||
color: #64B5F6;
|
||||
font-weight: 500;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.arch-stack {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.arch-tag {
|
||||
background: rgba(33,150,243,0.15);
|
||||
color: #90CAF9;
|
||||
padding: 6px 14px;
|
||||
border-radius: 20px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* 架构图连线 */
|
||||
.arch-connector {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: rgba(33,150,243,0.3);
|
||||
font-size: 20px;
|
||||
width: 100%;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
/* ===== 尾页 ===== */
|
||||
.ending-title {
|
||||
font-size: clamp(32px, 4vw, 52px);
|
||||
font-weight: 700;
|
||||
background: linear-gradient(135deg, #64B5F6, #2196F3);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.ending-org {
|
||||
color: #90CAF9;
|
||||
font-size: clamp(16px, 1.5vw, 20px);
|
||||
margin-bottom: 10px;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
.ending-contact {
|
||||
color: rgba(144, 202, 249, 0.5);
|
||||
font-size: clamp(12px, 1.2vw, 16px);
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
/* ===== 页码 ===== */
|
||||
.page-indicator {
|
||||
position: fixed;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: rgba(33,150,243,0.3);
|
||||
transition: all 0.3s ease;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dot.active {
|
||||
width: 24px;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(90deg, #2196F3, #64B5F6);
|
||||
box-shadow: 0 0 10px rgba(33,150,243,0.4);
|
||||
}
|
||||
|
||||
/* ===== 导航提示 ===== */
|
||||
.nav-hint {
|
||||
position: fixed;
|
||||
bottom: 60px;
|
||||
right: 30px;
|
||||
color: rgba(33,150,243,0.3);
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
/* 响应式 */
|
||||
@media (max-width: 768px) {
|
||||
.slide { padding: 30px 20px; }
|
||||
.toc-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
|
||||
.features-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
|
||||
.page-indicator { bottom: 15px; }
|
||||
.nav-hint { display: none; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="slides-container" id="slides">
|
||||
<div class="particles">
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
</div>
|
||||
|
||||
<div class="glow-line"></div>
|
||||
<div class="glow-line"></div>
|
||||
<div class="glow-line"></div>
|
||||
|
||||
<!-- 第1页：封面 -->
|
||||
<div class="slide active" data-index="0">
|
||||
<div class="slide-content">
|
||||
<div class="cover-title">博海售后维修管理系统</div>
|
||||
<div class="cover-line"></div>
|
||||
<div class="cover-sub">科技赋能售后 · 效率驱动未来</div>
|
||||
<div class="cover-org">陕西博海网络科技有限公司</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 第2页：目录 -->
|
||||
<div class="slide" data-index="1">
|
||||
<div class="slide-content">
|
||||
<div class="page-title">目 录</div>
|
||||
<div class="page-desc">CONTENTS</div>
|
||||
<div class="toc-grid">
|
||||
<div class="toc-item">
|
||||
<div class="toc-num">01</div>
|
||||
<div class="toc-label">系统概述</div>
|
||||
</div>
|
||||
<div class="toc-item">
|
||||
<div class="toc-num">02</div>
|
||||
<div class="toc-label">核心功能</div>
|
||||
</div>
|
||||
<div class="toc-item">
|
||||
<div class="toc-num">03</div>
|
||||
<div class="toc-label">技术架构</div>
|
||||
</div>
|
||||
<div class="toc-item">
|
||||
<div class="toc-num">04</div>
|
||||
<div class="toc-label">小程序展示</div>
|
||||
</div>
|
||||
<div class="toc-item">
|
||||
<div class="toc-num">05</div>
|
||||
<div class="toc-label">联系我们</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 第3页：核心功能 -->
|
||||
<div class="slide" data-index="2">
|
||||
<div class="slide-content">
|
||||
<div class="page-title">核心功能</div>
|
||||
<div class="page-desc">CORE FEATURES</div>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📋</div>
|
||||
<div class="feature-name">工单管理</div>
|
||||
<div class="feature-desc">快速创建、智能派单、实时跟踪、完工闭环，全流程数字化管理</div>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">👥</div>
|
||||
<div class="feature-name">客户管理</div>
|
||||
<div class="feature-desc">客户档案、设备信息、维修历史一键查询，提升服务体验</div>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🔧</div>
|
||||
<div class="feature-name">工程师调度</div>
|
||||
<div class="feature-desc">智能排班、就近派单、技能匹配，最大化人效</div>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📊</div>
|
||||
<div class="feature-name">数据看板</div>
|
||||
<div class="feature-desc">实时统计、趋势分析、KPI 监控，数据驱动决策</div>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">⭐</div>
|
||||
<div class="feature-name">评价体系</div>
|
||||
<div class="feature-desc">服务评价、满意度调查、持续改进，打造口碑</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 第4页：技术架构 -->
|
||||
<div class="slide" data-index="3">
|
||||
<div class="slide-content">
|
||||
<div class="page-title">技术架构</div>
|
||||
<div class="page-desc">TECHNOLOGY STACK</div>
|
||||
<div class="arch-container">
|
||||
<div class="arch-layer">
|
||||
<div class="arch-layer-title">🎨 前端</div>
|
||||
<div class="arch-stack">
|
||||
<span class="arch-tag">Vue 3</span>
|
||||
<span class="arch-tag">Element Plus</span>
|
||||
<span class="arch-tag">TypeScript</span>
|
||||
<span class="arch-tag">微信小程序</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="arch-connector">⬇</div>
|
||||
<div class="arch-layer">
|
||||
<div class="arch-layer-title">⚙️ 后端</div>
|
||||
<div class="arch-stack">
|
||||
<span class="arch-tag">FastAPI</span>
|
||||
<span class="arch-tag">SQLAlchemy</span>
|
||||
<span class="arch-tag">SQLite</span>
|
||||
<span class="arch-tag">Pydantic</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="arch-connector">⬇</div>
|
||||
<div class="arch-layer">
|
||||
<div class="arch-layer-title">🚀 部署</div>
|
||||
<div class="arch-stack">
|
||||
<span class="arch-tag">Nginx</span>
|
||||
<span class="arch-tag">Docker</span>
|
||||
<span class="arch-tag">Let's Encrypt</span>
|
||||
<span class="arch-tag">systemd</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top:25px;color:rgba(144,202,249,0.4);font-size:13px;letter-spacing:1px;">
|
||||
CI/CD: Gitea Actions · 自动化测试 · 自动部署
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 第5页：尾页 -->
|
||||
<div class="slide" data-index="4">
|
||||
<div class="slide-content">
|
||||
<div style="margin-bottom:30px;font-size:60px;">🚀</div>
|
||||
<div class="ending-title">感谢观看</div>
|
||||
<div class="ending-org">陕西博海网络科技有限公司</div>
|
||||
<div class="ending-contact">地址：陕西省 · 博海科技</div>
|
||||
<div class="ending-contact" style="margin-top:5px;">专注电脑 · 打印机 · 办公设备维修与安装售后</div>
|
||||
<div style="margin-top:40px; display:flex; justify-content:center; gap:20px;">
|
||||
<div style="width:40px;height:2px;background:linear-gradient(90deg,transparent,#2196F3);border-radius:2px;"></div>
|
||||
<div style="width:40px;height:2px;background:linear-gradient(90deg,#2196F3,transparent);border-radius:2px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 页码指示器 -->
|
||||
<div class="page-indicator" id="indicator"></div>
|
||||
<div class="nav-hint">← → 键翻页</div>
|
||||
|
||||
<script>
|
||||
const slides = document.querySelectorAll('.slide');
|
||||
const total = slides.length;
|
||||
let current = 0;
|
||||
|
||||
// 初始化指示器
|
||||
const indicator = document.getElementById('indicator');
|
||||
for (let i = 0; i < total; i++) {
|
||||
const dot = document.createElement('div');
|
||||
dot.className = 'dot' + (i === 0 ? ' active' : '');
|
||||
dot.dataset.index = i;
|
||||
dot.addEventListener('click', () => goTo(i));
|
||||
indicator.appendChild(dot);
|
||||
}
|
||||
|
||||
function goTo(index) {
|
||||
if (index < 0) index = 0;
|
||||
if (index >= total) index = total - 1;
|
||||
if (index === current) return;
|
||||
|
||||
slides[current].classList.remove('active');
|
||||
slides[index].classList.add('active');
|
||||
current = index;
|
||||
|
||||
// 更新指示器
|
||||
document.querySelectorAll('.dot').forEach((d, i) => {
|
||||
d.classList.toggle('active', i === current);
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'ArrowRight' || e.key === 'ArrowDown' || e.key === ' ') {
|
||||
e.preventDefault();
|
||||
goTo(current + 1);
|
||||
} else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
|
||||
e.preventDefault();
|
||||
goTo(current - 1);
|
||||
}
|
||||
});
|
||||
|
||||
// 点击翻页
|
||||
document.addEventListener('click', (e) => {
|
||||
if (e.target.closest('.dot')) return;
|
||||
if (e.clientX > window.innerWidth / 2) {
|
||||
goTo(current + 1);
|
||||
} else {
|
||||
goTo(current - 1);
|
||||
}
|
||||
});
|
||||
|
||||
// 触摸
|
||||
let touchStartX = 0;
|
||||
document.addEventListener('touchstart', (e) => { touchStartX = e.touches[0].clientX; });
|
||||
document.addEventListener('touchend', (e) => {
|
||||
const diff = touchStartX - e.changedTouches[0].clientX;
|
||||
if (Math.abs(diff) > 80) {
|
||||
goTo(current + (diff > 0 ? 1 : -1));
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
+253
@@ -0,0 +1,253 @@
|
||||
# 博海科技 Bot 行为手册 (Bot Behavior Manual)
|
||||
|
||||
> **版本**: v1.0 | **更新**: 2026-07-08
|
||||
> **适用范围**: 全Profile（运维/财务/项目/品宣/研学/行政/商务/其他）
|
||||
> **存放位置**: `/root/.hermes/BOT_BEHAVIOR_MANUAL.md`
|
||||
|
||||
---
|
||||
|
||||
## 目录
|
||||
|
||||
1. [文件写入规范](#1-文件写入规范)
|
||||
2. [安全红线](#2-安全红线)
|
||||
3. [跨Bot协作规则](#3-跨bot协作规则)
|
||||
4. [定时任务管理](#4-定时任务管理)
|
||||
5. [通知规范](#5-通知规范)
|
||||
6. [运维工具标准](#6-运维工具标准)
|
||||
7. [RACI权责边界](#7-raci权责边界)
|
||||
8. [附录：快速参考卡](#8-附录快速参考卡)
|
||||
|
||||
---
|
||||
|
||||
## 1. 文件写入规范
|
||||
|
||||
### 1.1 生产目录文件写入铁律
|
||||
|
||||
**所有写入 `/var/www/html/` 生产目录的文件，一律使用 base64 方式，不走 `write_file` 工具。**
|
||||
|
||||
`write_file` 对相对路径的解析存在不可靠性，可能写入到非预期位置（如 `/root/` 下）但返回成功状态码。
|
||||
|
||||
**标准流程：**
|
||||
|
||||
```bash
|
||||
# ① base64 编码内容
|
||||
base64_content=$(echo -n "文件内容" | base64 -w 0)
|
||||
|
||||
# ② 写入绝对路径
|
||||
echo "$base64_content" | base64 -d > /var/www/html/products/目标文件.html
|
||||
|
||||
# ③ 验证文件大小
|
||||
wc -c /var/www/html/products/目标文件.html
|
||||
|
||||
# ④ 验证页面可访问
|
||||
curl -sL -o /dev/null -w "%{http_code} %{size_download}" https://sxbh.ltd/products/目标文件.html
|
||||
```
|
||||
|
||||
如果验证结果与预期不符（文件大小偏小或 HTTP 非 200），立即重新写入。
|
||||
|
||||
---
|
||||
|
||||
## 2. 安全红线
|
||||
|
||||
### 2.1 安装安全评估
|
||||
|
||||
**安装任何新软件/包之前，必须先做安全评估。**
|
||||
|
||||
检查维度：
|
||||
- 来源可信度（官方源 vs 第三方 PPA）
|
||||
- 权限要求（是否需要 root）
|
||||
- 网络行为（是否会外连）
|
||||
- 社区评价（GitHub stars、维护状态）
|
||||
|
||||
### 2.2 高危命令安全熔断
|
||||
|
||||
**执行高危命令前先调用 `approval-gate`。**
|
||||
|
||||
```bash
|
||||
# Step 1: Dry-Run 安全预览
|
||||
approval-gate dry-run "<命令>"
|
||||
# → READY / WARNING / BLOCKED
|
||||
|
||||
# Step 2: 高风险命令熔断
|
||||
approval-gate check "<命令>"
|
||||
# → LOW/MEDIUM 自动放行
|
||||
# → HIGH/CRITICAL 拦截，等人工确认
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 3. 跨Bot协作规则
|
||||
|
||||
### 3.1 多 Agent 协作七大铁律
|
||||
|
||||
| # | 铁律 | 说明 |
|
||||
|:-:|:-----|:------|
|
||||
| 1 | **唯一执行人** | 一个任务只由一个 agent 执行，有人认领不得并行 |
|
||||
| 2 | **先确认再落笔** | 动工前先在群聊确认方案 |
|
||||
| 3 | **写后必验证** | 改完立即验证语法/功能 |
|
||||
| 4 | **进度汇总归研学** | 老板问全局进度时等研学汇总 |
|
||||
| 5 | **文件写前占位** | 先喊 `我要改 xxx`，改完喊 `已释放 xxx` |
|
||||
| 6 | **bus/send 不送达 Bot** | 广播只到用户，不到 Bot 自己 |
|
||||
| 7 | **定时任务新增前避让** | 见第4节 |
|
||||
|
||||
### 3.2 跨Bot调度规范
|
||||
|
||||
**发现问题时直接通过 system-bus 调度对方 Bot 修复，不只报告问题。**
|
||||
|
||||
```bash
|
||||
curl -s -X POST http://127.0.0.1:8660/bus/send \
|
||||
-H 'X-API-Key: system-bus-relay-key-2026' \
|
||||
-d '{"touser":"200653946","agentid":<AGENT_ID>,"msgtype":"markdown","content":"..."}'
|
||||
```
|
||||
|
||||
**注意**：`bus/send` 只发消息给**用户**，不发消息给 **Bot 自己**。要让另一个 Bot 执行任务，需要用对方的 API Server 或直接编辑其文件后重启网关。
|
||||
|
||||
各Bot Agent ID：
|
||||
|
||||
| Bot | Agent ID | API Server | 端口 |
|
||||
|:----|:--------:|:----------:|:----:|
|
||||
| 财务 | 1000040 | ❌ 关闭 | 8651 |
|
||||
| 项目 | 1000039 | ❌ 关闭 | 8650 |
|
||||
| 品宣 | 1000037 | ❌ 关闭 | 8642 |
|
||||
| 行政 | 1000020 | ❌ 关闭 | 8646 |
|
||||
| 研学 | 1000032 | ❌ 关闭(未认证) | 8652 |
|
||||
| 商务 | 1000043 | ❌ 关闭 | 8647 |
|
||||
| 运维 | — | ✅ 开启 | 8649 |
|
||||
| 老板 | 1000041 | ❌ 未配置 | 8648 |
|
||||
|
||||
### 3.3 清理前交叉验证
|
||||
|
||||
**清理 `/root/` 下的项目代码前，必须先做部署交叉验证。**
|
||||
|
||||
三步法：
|
||||
1. 收集部署链路信息（Docker / Nginx / 进程）
|
||||
2. 收集 /root 项目信息
|
||||
3. 交叉对照：有 Nginx 域名 + 进程 cwd 指向 /root → **不可删**
|
||||
|
||||
---
|
||||
|
||||
## 4. 定时任务管理
|
||||
|
||||
### 4.1 铁律
|
||||
|
||||
**所有 Profile 新增定时任务前，必须先跑预检定时任务脚本，避开已有时间段。**
|
||||
|
||||
无法避开时（如业务必须特定时间），必须通过运维BOT告知管理者（任富海）。
|
||||
|
||||
### 4.2 预检命令
|
||||
|
||||
```bash
|
||||
python3 /root/.hermes/profiles/wecom-ops/scripts/check-cron-conflict.py "分 时" "任务名"
|
||||
|
||||
# 示例
|
||||
python3 check-cron-conflict.py "30 14" "数据同步"
|
||||
# → ✅ 空闲 或 ⚠️ 列出冲突任务
|
||||
```
|
||||
|
||||
### 4.3 已占用时间段参考表
|
||||
|
||||
完整排布表：`/root/.hermes/profiles/wecom-ops/scripts/CRON_SCHEDULE.md`
|
||||
|
||||
**禁止扎堆时段**: 08:00~09:30（已排 17 个任务）
|
||||
|
||||
### 4.4 避让优先级
|
||||
|
||||
| 优先级 | 规则 |
|
||||
|:------:|:-----|
|
||||
| 🥇 | 选完全空闲的时段 |
|
||||
| 🥈 | 与同Profile任务间隔 ≥ 15分钟 |
|
||||
| 🥉 | 跨Profile任务可适当靠近 |
|
||||
|
||||
---
|
||||
|
||||
## 5. 通知规范
|
||||
|
||||
### 5.1 发消息到公司全员群
|
||||
|
||||
```bash
|
||||
curl -s http://127.0.0.1:8800/send -d 'msg=消息内容&source=Bot名称'
|
||||
```
|
||||
|
||||
### 5.2 开会角色
|
||||
|
||||
| Bot | 视角 |
|
||||
|:----|:-----|
|
||||
| **运维** | 技术可行性：服务器撑不撑得住、安全风险、技术资源 |
|
||||
| **财务** | 财务影响：投入多少、多久回本、现金流压力 |
|
||||
| **项目** | 项目管理：时间进度、代码质量、CI/CD |
|
||||
| **商务** | 商务条款：合同、供应商、商务风险 |
|
||||
| **品宣** | 内容/设计：品牌形象、用户体验 |
|
||||
| **行政** | 行政流程：流程合规、资源协调 |
|
||||
| **研学** | 技术调度：方案评估、跨Profile协调、研究 |
|
||||
|
||||
---
|
||||
|
||||
## 6. 运维工具标准
|
||||
|
||||
所有 Shell/Python 运维脚本遵循 **四层契约**：
|
||||
|
||||
```python
|
||||
# 输入层：命令行参数 / 环境变量 / 配置文件
|
||||
# 输出层：stdout 结构化输出
|
||||
# 错误层：stderr 退出码 + 错误信息
|
||||
# 元数据层：版本号、运行时间、调用方
|
||||
```
|
||||
|
||||
详见：`ops-tool-standard` skill
|
||||
|
||||
---
|
||||
|
||||
## 7. RACI 权责边界
|
||||
|
||||
| 角色 | R 执行者 | A 拍板人 | C 咨询者 | I 知会者 |
|
||||
|:----|:--------:|:--------:|:--------:|:--------:|
|
||||
| **运维** | 系统监控、安全审计、故障处理 | 系统配置变更、安全策略 | 架构变更方案 | 重大故障通知 |
|
||||
| **财务** | 成本核算、财务日报、预算监控 | 预算控制 | 采购方案评估 | 预算超支告警 |
|
||||
| **项目** | 代码编译、CI/CD、版本发布 | 代码合并、发布审批 | 技术选型 | 发布通知 |
|
||||
| **商务** | 合同流转、供应商对接 | 商务条款审批 | 风险评估 | 合同到期提醒 |
|
||||
| **品宣** | 内容创作、设计出图 | 内容审核、品牌规范 | 创意方向 | 品牌舆情 |
|
||||
| **行政** | 流程执行、通知下发 | 行政决策 | 流程优化建议 | 异常上报 |
|
||||
| **研学** | 技术研究、方案验证 | 技术方案选型 | 行业调研 | 研究发现通报 |
|
||||
|
||||
**通用铁律**: 高危操作需 approval-gate 审批。预算审批不跨过任富海。
|
||||
|
||||
---
|
||||
|
||||
## 8. 附录：快速参考卡
|
||||
|
||||
### 常用命令速查
|
||||
|
||||
```bash
|
||||
# 安全熔断
|
||||
approval-gate dry-run "<命令>"
|
||||
approval-gate check "<命令>"
|
||||
|
||||
# cron预检
|
||||
python3 /root/.hermes/profiles/wecom-ops/scripts/check-cron-conflict.py "分 时" "任务名"
|
||||
|
||||
# 发全员群
|
||||
curl -s http://127.0.0.1:8800/send -d 'msg=...&source=Bot名'
|
||||
|
||||
# 跨Bot调度
|
||||
curl -s http://127.0.0.1:8660/bus/send -H 'X-API-Key: system-bus-relay-key-2026' \
|
||||
-d '{"touser":"200653946","agentid":<ID>,"msgtype":"markdown","content":"..."}'
|
||||
|
||||
# 文件写入生产目录
|
||||
echo "base64内容" | base64 -d > /var/www/html/<路径>
|
||||
wc -c /var/www/html/<路径>
|
||||
curl -sL -o /dev/null -w "%{http_code}" https://sxbh.ltd/<路径>
|
||||
```
|
||||
|
||||
### Bus Relay Agent ID 速查
|
||||
|
||||
```
|
||||
1000041 → boss 1000040 → finance 1000039 → project
|
||||
1000037 → creative 1000032 → yanxue 1000020 → admin
|
||||
1000043 → business 1000045 → employees
|
||||
```
|
||||
|
||||
### 排布表路径
|
||||
|
||||
```bash
|
||||
/root/.hermes/profiles/wecom-ops/scripts/CRON_SCHEDULE.md
|
||||
```
|
||||
@@ -0,0 +1,54 @@
|
||||
{
|
||||
"date": "2026-07-11",
|
||||
"summary": "巡检3个关键词，0个有品牌提及，3个未发现",
|
||||
"details": [
|
||||
{
|
||||
"keyword": "博海科技 榆林",
|
||||
"time": "2026-07-11 09:00",
|
||||
"toutiao": {
|
||||
"found": false,
|
||||
"detail": "未检测到品牌提及"
|
||||
},
|
||||
"baidu": {
|
||||
"found": "error",
|
||||
"detail": "浏览器超时"
|
||||
},
|
||||
"zhihu": {
|
||||
"found": "error",
|
||||
"detail": "浏览器超时"
|
||||
}
|
||||
},
|
||||
{
|
||||
"keyword": "博海科技 定边",
|
||||
"time": "2026-07-11 09:01",
|
||||
"toutiao": {
|
||||
"found": false,
|
||||
"detail": "未检测到品牌提及"
|
||||
},
|
||||
"baidu": {
|
||||
"found": "error",
|
||||
"detail": "浏览器超时"
|
||||
},
|
||||
"zhihu": {
|
||||
"found": false,
|
||||
"detail": "知乎未收录品牌信息"
|
||||
}
|
||||
},
|
||||
{
|
||||
"keyword": "博海网络科技 榆林",
|
||||
"time": "2026-07-11 09:02",
|
||||
"toutiao": {
|
||||
"found": false,
|
||||
"detail": "未检测到品牌提及"
|
||||
},
|
||||
"baidu": {
|
||||
"found": "error",
|
||||
"detail": "浏览器超时"
|
||||
},
|
||||
"zhihu": {
|
||||
"found": "error",
|
||||
"detail": "浏览器超时"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
+175
@@ -0,0 +1,175 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>客户案例 · 政府招标 · 陕西博海网络科技</title>
|
||||
<meta name="description" content="陕西博海网络科技 — 累计26次中标，覆盖定边县18个政府单位，合同总额超818万元。含中医医院、财政局、国土资源局等典型案例。">
|
||||
<link rel="preconnect" href="https://fonts.loli.net">
|
||||
<link rel="preconnect" href="https://gstatic.loli.net" crossorigin>
|
||||
<link href="https://fonts.loli.net/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap" rel="stylesheet">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "CollectionPage",
|
||||
"name": "陕西博海网络科技 — 政府招标案例",
|
||||
"description": "累计26次中标，覆盖定边县18个政府单位，合同总额超818万元",
|
||||
"provider": {
|
||||
"@type": "Organization",
|
||||
"name": "陕西博海网络科技有限公司",
|
||||
"telephone": "0912-4223980",
|
||||
"areaServed": "陕西省榆林市定边县"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
|
||||
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#f8fafc;color:#0a132e;line-height:1.6}
|
||||
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0}
|
||||
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:68px}
|
||||
.logo{font-size:20px;font-weight:700;color:#0f1f4a;display:flex;align-items:center;gap:12px;text-decoration:none}
|
||||
.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#1a3380,#06b6d4);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}
|
||||
nav{display:flex;gap:36px}
|
||||
nav a{color:#475569;text-decoration:none;font-size:14px;font-weight:500;padding:4px 0}
|
||||
nav a:hover{color:#0f1f4a}
|
||||
.hero{background:linear-gradient(135deg,#0a132e,#0f1f4a 40%,#1a3380);color:#fff;padding:80px 24px;text-align:center;margin-top:68px;overflow:hidden;position:relative}
|
||||
.hero::before{content:"";position:absolute;top:-30%;right:-20%;width:60%;height:150%;background:radial-gradient(ellipse,rgba(6,182,212,.15),transparent 70%)}
|
||||
.hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
|
||||
.badge{display:inline-block;padding:6px 16px;border-radius:20px;background:rgba(255,255,255,.1);font-size:13px;margin-bottom:16px;border:1px solid rgba(255,255,255,.15)}
|
||||
.hero h1{font-family:"Noto Serif SC",serif;font-size:48px;font-weight:700;margin-bottom:8px}
|
||||
.hero h1 span{color:#06b6d4}
|
||||
.hero .sub{font-size:18px;color:rgba(255,255,255,.6);margin-bottom:32px}
|
||||
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px;margin:32px auto 0}
|
||||
.stat-box{padding:20px;background:rgba(255,255,255,.08);border-radius:12px;border:1px solid rgba(255,255,255,.1)}
|
||||
.stat-box .num{font-size:32px;font-weight:700;color:#fbbf24}
|
||||
.stat-box .label{font-size:13px;color:rgba(255,255,255,.5);margin-top:4px}
|
||||
.section-inner{max-width:1200px;margin:0 auto;padding:80px 24px}
|
||||
.section-label{font-size:13px;font-weight:600;color:#06b6d4;letter-spacing:3px;margin-bottom:12px}
|
||||
.section-title{font-family:"Noto Serif SC",serif;font-size:32px;font-weight:700;margin-bottom:12px;color:#0a132e}
|
||||
.section-desc{font-size:16px;color:#64748b;margin-bottom:40px}
|
||||
.case-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:24px;transition:all .3s}
|
||||
.case-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1)}
|
||||
.case-header{display:flex;align-items:center;gap:16px;padding:20px 24px 0}
|
||||
.case-header .icon{font-size:28px;flex-shrink:0}
|
||||
.case-header .meta h3{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:600}
|
||||
.case-header .meta .sub{font-size:13px;color:#64748b;margin-top:2px}
|
||||
.case-body{padding:12px 24px 20px}
|
||||
.case-body p{font-size:14px;color:#475569;line-height:1.8;margin-bottom:8px}
|
||||
.case-body .amount{display:inline-block;padding:4px 12px;background:#f0f9ff;border-radius:6px;font-size:14px;color:#1a3380;font-weight:600;margin-top:4px}
|
||||
.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}
|
||||
table{width:100%;border-collapse:collapse;font-size:13px}
|
||||
thead th{background:#0a132e;color:#fff;padding:12px 16px;text-align:left;font-weight:500}
|
||||
tbody td{padding:10px 16px;border-bottom:1px solid #e2e8f0;color:#475569}
|
||||
tbody tr:hover{background:#f8fafc}
|
||||
tbody tr:last-child td{border-bottom:none}
|
||||
td.num{font-weight:600;color:#0a132e;font-family:"Inter",monospace}
|
||||
tfoot td{background:#f0f9ff;padding:12px 16px;font-weight:600;color:#0a132e;border-top:2px solid #1a3380}
|
||||
.cta-section{background:linear-gradient(135deg,#0a132e,#1a3380);color:#fff;text-align:center;padding:60px 24px}
|
||||
.cta-section h2{font-family:"Noto Serif SC",serif;font-size:28px;margin-bottom:16px}
|
||||
.cta-section .phone{font-size:36px;font-weight:700;color:#fbbf24;margin-bottom:8px}
|
||||
.cta-section .sub{font-size:14px;color:rgba(255,255,255,.5)}
|
||||
.cta-section .btn-back{display:inline-block;margin-top:24px;padding:12px 32px;border-radius:8px;background:#fff;color:#0f1f4a;font-size:16px;font-weight:600;text-decoration:none}
|
||||
footer{background:#0a132e;color:rgba(255,255,255,.5);text-align:center;padding:32px 24px;font-size:14px}
|
||||
footer a{color:rgba(255,255,255,.4);text-decoration:none}
|
||||
footer a:hover{color:#06b6d4}
|
||||
footer .sep{margin:0 12px;color:rgba(255,255,255,.2)}
|
||||
@media (max-width:768px){.hero h1{font-size:32px}.stats-row{grid-template-columns:1fr 1fr}.section-title{font-size:24px}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header><div class="header-inner"><a href="/" class="logo"><div class="logo-icon">博</div>陕西博海网络科技</a><nav><a href="/#services">解决方案</a><a href="/services.html">IT服务</a><a href="/cases.html">客户案例</a><a href="/#products">产品中心</a><a href="/faq.html">FAQ</a><a href="/#contact">联系我们</a></nav></div></header>
|
||||
<main>
|
||||
|
||||
<section class="hero"><div class="hero-inner">
|
||||
<div class="badge">政府招标 · 真实数据</div>
|
||||
<h1>客户案例 <span>·</span> 实力见证</h1>
|
||||
<p class="sub">以下数据来源于政府公开招标采购信息，真实可查</p>
|
||||
<div class="stats-row">
|
||||
<div class="stat-box"><div class="num">26</div><div class="label">累计中标次数</div></div>
|
||||
<div class="stat-box"><div class="num">818万+</div><div class="label">合同总额</div></div>
|
||||
<div class="stat-box"><div class="num">18</div><div class="label">覆盖政府单位</div></div>
|
||||
<div class="stat-box"><div class="num">26年+</div><div class="label">行业深耕</div></div>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<section><div class="section-inner">
|
||||
<div class="section-label">典型案例</div>
|
||||
<h2 class="section-title">重点合作单位 · 项目概览</h2>
|
||||
<p class="section-desc">以下为陕西博海网络科技通过政府公开招标方式承接的部分代表性项目</p>
|
||||
|
||||
<div class="case-card">
|
||||
<div class="case-header"><span class="icon">🏛️</span><div class="meta"><h3>定边县财政局 — 信息化办公设备采购</h3><div class="sub">2025年 · 公开招标 · 已验收</div></div></div>
|
||||
<div class="case-body"><p>为定边县财政局提供信息化办公设备整体解决方案，含电脑终端、打印设备、网络配套等。项目金额145万元，从签约到交付验收历时20个工作日，一次性通过验收。</p><span class="amount">¥1,450,000</span></div></div>
|
||||
|
||||
<div class="case-card">
|
||||
<div class="case-header"><span class="icon">🏛️</span><div class="meta"><h3>定边县国土资源局 — 不动产登记系统及配套设备</h3><div class="sub">公开招标 · 已验收</div></div></div>
|
||||
<div class="case-body"><p>为定边县不动产登记中心提供登记系统软件及配套硬件设备，包括服务器、终端、扫描仪、打印机等，总金额147万元，是公司承接的单体金额最大的信息化项目之一。</p><span class="amount">¥1,469,800</span></div></div>
|
||||
|
||||
<div class="case-card">
|
||||
<div class="case-header"><span class="icon">🏛️</span><div class="meta"><h3>定边县人社局 — 机房网络设备升级改造</h3><div class="sub">公开招标 · 已验收</div></div></div>
|
||||
<div class="case-body"><p>对定边县人力资源和社会保障局现有机房进行网络设备升级改造，含核心交换机、防火墙、服务器机柜、综合布线等，提升了全局网络稳定性和安全性。</p><span class="amount">¥789,600</span></div></div>
|
||||
|
||||
<div class="case-card">
|
||||
<div class="case-header"><span class="icon">🏛️</span><div class="meta"><h3>定边县房产交易中心 — 监管平台软件及设备</h3><div class="sub">2次中标 · 持续合作</div></div></div>
|
||||
<div class="case-body"><p>先后两次中标，为房产交易中心提供监管平台软件及配套硬件设备，含服务器、网络设备、终端电脑等，总金额超69万元，体现了客户对产品质量和售后服务的认可。</p><span class="amount">¥693,000+</span></div></div>
|
||||
|
||||
<div class="case-card">
|
||||
<div class="case-header"><span class="icon">🏛️</span><div class="meta"><h3>定边县中医医院 — 办公耗材及设备供应</h3><div class="sub">7次中标 · 长期合作伙伴</div></div></div>
|
||||
<div class="case-body"><p>作为定边县中医医院的长期供应商，累计7次中标办公耗材及设备采购项目，供应鼓粉盒、墨粉盒、打印机、扫描仪等。持续合作证明了我公司产品品质和服务响应能力的稳定性。</p><span class="amount">7次中标 · 长期供货</span></div></div>
|
||||
|
||||
<div class="case-card">
|
||||
<div class="case-header"><span class="icon">🏛️</span><div class="meta"><h3>中共定边县委宣传部 — 网站建设</h3><div class="sub">公开招标 · 已上线运行</div></div></div>
|
||||
<div class="case-body"><p>承接定边县委宣传部官方网站建设项目，含网站设计、前后端开发、服务器部署、域名备案等全套服务。网站上线后运行稳定，获得客户好评。</p><span class="amount">¥459,200</span></div></div>
|
||||
|
||||
</div></section>
|
||||
|
||||
<section style="background:#f1f5f9;"><div class="section-inner">
|
||||
<div class="section-label">完整数据</div>
|
||||
<h2 class="section-title">政府招标-部分记录</h2>
|
||||
<p class="section-desc">以下为陕西博海网络科技在政府公开招标采购平台的成交记录（数据来源：政府采购网公开信息）</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<thead><tr><th>采购单位</th><th>中标次数</th><th style="text-align:right">金额（元）</th><th>主要采购内容</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>定边县国土资源局</td><td>1</td><td class="num" style="text-align:right">1,469,800</td><td>不动产登记系统+设备</td></tr>
|
||||
<tr><td>定边县财政局</td><td>1</td><td class="num" style="text-align:right">1,450,000</td><td>信息化/办公设备</td></tr>
|
||||
<tr><td>定边县人力资源和社会保障局</td><td>1</td><td class="num" style="text-align:right">789,600</td><td>机房网络设备升级改造</td></tr>
|
||||
<tr><td>定边县房产交易中心</td><td>2</td><td class="num" style="text-align:right">693,000+</td><td>监管平台软件+设备</td></tr>
|
||||
<tr><td>中共定边县委宣传部</td><td>1</td><td class="num" style="text-align:right">459,200</td><td>网站建设</td></tr>
|
||||
<tr><td>定边县水务局</td><td>1</td><td class="num" style="text-align:right">349,500</td><td>取水工程登记设备</td></tr>
|
||||
<tr><td>定边县供销合作社联合社</td><td>1</td><td class="num" style="text-align:right">345,000</td><td>电子商务配套设备</td></tr>
|
||||
<tr><td>定边县农业农村局</td><td>1</td><td class="num" style="text-align:right">338,800</td><td>产权交易服务设备</td></tr>
|
||||
<tr><td>定边县林业局</td><td>2</td><td class="num" style="text-align:right">318,900+</td><td>办公设备</td></tr>
|
||||
<tr><td>定边县医疗保障局</td><td>1</td><td class="num" style="text-align:right">289,800</td><td>村级医保服务室设备</td></tr>
|
||||
<tr><td>定边县扶贫办</td><td>1</td><td class="num" style="text-align:right">269,500</td><td>普查设备</td></tr>
|
||||
<tr><td>定边县公安局交警大队</td><td>1</td><td class="num" style="text-align:right">262,500</td><td>警用装备</td></tr>
|
||||
<tr><td>定边县教育局</td><td>1</td><td class="num" style="text-align:right">230,000</td><td>信息化+音响设备</td></tr>
|
||||
<tr><td>定边县图书馆</td><td>1</td><td class="num" style="text-align:right">221,500</td><td>电子阅览室设备</td></tr>
|
||||
<tr><td>定边县统计局</td><td>1</td><td class="num" style="text-align:right">222,000</td><td>PDA数据采集设备</td></tr>
|
||||
<tr><td>定边县司法局</td><td>1</td><td class="num" style="text-align:right">216,000</td><td>自定装备</td></tr>
|
||||
<tr><td>定边县不动产登记服务中心</td><td>1</td><td class="num" style="text-align:right">198,600</td><td>数据整合建库</td></tr>
|
||||
<tr><td>定边县中医医院</td><td>7</td><td class="num" style="text-align:right">62,229+</td><td>办公耗材（鼓粉盒/墨粉盒）、打印机、扫描仪</td></tr>
|
||||
</tbody>
|
||||
<tfoot><tr><td><strong>合计</strong></td><td><strong>26次</strong></td><td style="text-align:right"><strong>8,185,929+</strong></td><td><strong>覆盖18个政府单位</strong></td></tr></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
<div style="text-align:center;margin-top:40px;padding:24px;background:#f0f9ff;border-radius:12px;border:1px solid #bae6fd;">
|
||||
<p style="font-size:14px;color:#1a3380;margin-bottom:8px;">📊 查看完整招投标分析报告（含32条记录、年度分布、类型统计）</p>
|
||||
<a href="/bidding-analysis.html" style="display:inline-block;padding:10px 28px;background:#1a3380;color:#fff;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;">查看完整报告 →</a>
|
||||
</div>
|
||||
</div></section>
|
||||
|
||||
<section class="cta-section">
|
||||
<h2>政府招标采购 · 专业服务商</h2>
|
||||
<p style="color:rgba(255,255,255,.6);margin-bottom:24px;">有政府招标项目需求？联系我们获取方案和报价</p>
|
||||
<div class="phone">📞 0912-4223980</div>
|
||||
<div class="sub">陕西省榆林市定边县二道西街 · 政府采购优秀供应商</div>
|
||||
<a href="/" class="btn-back">← 返回首页</a>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<footer>© 2026 陕西博海网络科技有限公司 版权所有 <span class="sep">|</span> 专业IT解决方案 · 值得信赖<br><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2023001969号-3</a></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,145 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>北大哲学教授程乐松的绝望致辞：拆干净，就是最大的建设</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
font-family: -apple-system, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
|
||||
line-height: 1.9;
|
||||
color: #222;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
padding: 40px 20px 60px;
|
||||
background: #fafafa;
|
||||
}
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 12px;
|
||||
color: #1a1a1a;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
.meta {
|
||||
font-size: 13px;
|
||||
color: #999;
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
font-size: 16px;
|
||||
text-align: justify;
|
||||
text-indent: 2em;
|
||||
}
|
||||
p.no-indent { text-indent: 0; }
|
||||
h2 {
|
||||
font-size: 19px;
|
||||
font-weight: 700;
|
||||
margin: 32px 0 16px;
|
||||
color: #1a1a1a;
|
||||
}
|
||||
h2::before {
|
||||
content: "▎";
|
||||
color: #c0392b;
|
||||
}
|
||||
blockquote {
|
||||
margin: 20px 0;
|
||||
padding: 16px 20px;
|
||||
background: #f0f0f0;
|
||||
border-left: 4px solid #c0392b;
|
||||
color: #444;
|
||||
font-size: 15px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
blockquote p { margin-bottom: 8px; text-indent: 0; }
|
||||
blockquote p:last-child { margin-bottom: 0; }
|
||||
.footer {
|
||||
margin-top: 40px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
}
|
||||
.footer .brand {
|
||||
font-size: 16px;
|
||||
color: #1a4a7a;
|
||||
font-weight: 600;
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
.highlight {
|
||||
color: #c0392b;
|
||||
font-weight: 600;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
body { padding: 20px 16px 40px; }
|
||||
h1 { font-size: 21px; }
|
||||
p { font-size: 15px; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>北大哲学教授程乐松的绝望致辞：拆干净，就是最大的建设</h1>
|
||||
|
||||
<div class="meta">2026-07-06 · 品宣Bot · 一切皆如</div>
|
||||
|
||||
<p class="no-indent">程乐松在北大哲学系毕业典礼上的致辞出圈了。</p>
|
||||
|
||||
<p>赞誉当然不虚。真正让这篇致辞从年度毕业典礼作文大赛中脱颖而出的，是一种更深层的东西——它在温暖的修辞底下，藏着一种近乎绝望的诚实。</p>
|
||||
|
||||
<h2>三层绝望</h2>
|
||||
|
||||
<p>读这篇致辞，最直接的感受是"通透"。但通透再往前一步，就是绝望。</p>
|
||||
|
||||
<p><span class="highlight">绝望的第一层</span>，来自诊断与药方的彻底脱节。致辞精准描绘了"无边内卷时代里无处逃遁的普通人"，承认外部结构是巨大的铁笼——信息爆炸、竞争压力、意义通货膨胀，没有一样是个体能改变的。但当它追问解决方案时，答案却全部收束到个体心灵："反思的自觉"、"概念的清理"、"内心的平和"。病是社会性的，药是心灵鸡汤式的。这不是程乐松的问题，是所有人文知识分子在这个时代的共同困境——看得清病，开不出方。</p>
|
||||
|
||||
<p><span class="highlight">绝望的第二层</span>，是解构一切之后的价值真空。他嘲笑了"从人生到奶茶都要有意义"的通货膨胀，击碎了"付出与回报等价交换"的功利幻想，也否定了"找到热爱"这种浪漫叙事。哲学像一把手术刀，把所有年轻人赖以支撑的浮木——上岸、成功、意义、热爱——一根根拆得干干净净。然后呢？他给出的替代品是"葱茏的山谷、粗糙的地面"和"容纳未经筹划的意外"。这听起来洒脱，但对站在十字路口的毕业生来说，"体验过程"是一句奢侈到近乎残忍的劝慰。</p>
|
||||
|
||||
<p><span class="highlight">绝望的第三层</span>，是哲学本身的无力被暴露在聚光灯下。程乐松把哲学定义为"思想的质检员和观念的清道夫"——不再声称能回答"人应该如何生活"这个终极问题，只能告诉你"你的问题问错了"。当一个学科的功能被压缩到"清理垃圾"，而无法为"建造什么"提供蓝图时，它再精致也不过是在废墟上扫地的姿态。</p>
|
||||
|
||||
<p>这三层绝望不是程乐松在散播负能量，而是他在用最体面的方式承认：在很多根本性问题上，哲学——或者说一切人文话语——已经没有答案了。</p>
|
||||
|
||||
<h2>2026年的中国与1967年的美国</h2>
|
||||
|
||||
<p>如果你把这篇致辞和1967年的电影《毕业生》放在一起看，会发现它们几乎是一张底片复印出来的。</p>
|
||||
|
||||
<p>《毕业生》的背景是二战后空前繁荣的美国。经济增长、中产扩张、大学扩招，父辈们坚信"努力工作→体面生活"的美国梦是一条铁律。但到了60年代中后期，越战的泥潭、民权运动的撕裂、刺杀事件的频发，让年轻一代骤然发现：自己被许诺了一个根本不存在的未来。本杰明从大学毕业后，父母笑容满面地为他规划人生——进研究院、结婚、住郊区——但每一句"为你好"都建立在一个已经崩解的世界观之上。</p>
|
||||
|
||||
<p>今天中国的年轻人面对的是什么？改革开放以来四十多年的高速增长，制造了同样强烈的上升预期——"好好学习→上好大学→找好工作→过好日子"。这套脚本在过去几代人身上反复验证，于是被当作自然规律。但现在，增速放缓、阶层固化、内卷加剧，年轻人按照规则跑完了全程，发现终点线被移走了。</p>
|
||||
|
||||
<p>《毕业生》里本杰明的"反抗"——与罗宾逊太太的不伦恋情——本质上不是革命，而是"不合作"。而程乐松致辞里那些被"错误提问"困扰、被"意义通货膨胀"压垮的毕业生，他们的"不合作"表现为沉默、内耗、躺平、精神崩溃。最残酷的相似之处在于：两个故事都没有给出出路。</p>
|
||||
|
||||
<h2>拆本身就是建</h2>
|
||||
|
||||
<p>理解了这种绝望和这种相似，才能理解这篇致辞真正的价值。</p>
|
||||
|
||||
<p>宏大叙事从来不是靠"创新"打动人心的。它之所以有效，是因为在百废待兴的时刻，人们心里有明确的期许——吃饱饭、过好日子、国家富强。这些目标具体可感，集体叙事与个体愿望高度重合，宏大叙事因此听起来"对"。</p>
|
||||
|
||||
<p>但当社会发展进入深水区，情况就变了。努力不一定有回报，上岸不等于安全，热爱不能当饭吃。这时候再讲"星辰大海"，再谈"时代机遇"，不仅显得矫揉造作，还会激起一种被背叛的愤怒。</p>
|
||||
|
||||
<p>程乐松的致辞之所以出圈，恰恰在于它放弃了宏大叙事的所有装备。他不讲"你们是时代的栋梁"，不讲"未来属于你们"，他甚至不提供任何"应该"——"应该努力"、"应该乐观"、"应该感恩"——这些在毕业典礼上被反复翻炒的剩饭，他一碗都没端出来。</p>
|
||||
|
||||
<p>他只做了一件事：用最诚实的方式，描述毕业生正在经历的精神困境，并告诉他们——你没有疯，你的感受是真实的，而且在场的人都和你一样。</p>
|
||||
|
||||
<p>当社会不再能提供可靠的方向指引，当旧的承诺被现实逐条证伪，年轻人最需要的不是答案——因为没有人有答案——而是一种确认：确认自己的迷茫是正当的，确认自己的无力不是个人的失败，确认在这个人人都戴着面具演"正常"的世界里，至少还有一个人愿意说实话。</p>
|
||||
|
||||
<p>他拆穿了"热爱"的谎言，拆穿了"意义"的通货膨胀，拆穿了"付出与回报等价交换"的幻觉。他做的每一件事都是"拆"，而不是"建"。但在一个旧房子已经摇摇欲坠、新房子连图纸都没有的时代，"拆得干净"本身就是一种建设。</p>
|
||||
|
||||
<p>《毕业生》的导演迈克·尼科尔斯被问到：为什么结尾不给出一个明确的答案？他说："因为生活没有给出答案。"</p>
|
||||
|
||||
<p>程乐松的致辞也是一样。没有答案，就是答案。他只是一个哲学教授，他尽力了。</p>
|
||||
|
||||
<div class="footer">
|
||||
<div class="brand">一切皆如</div>
|
||||
<p style="text-indent:0;margin-top:8px;font-size:13px;color:#bbb;">博海网络 · 品宣Bot</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>北大哲学教授程乐松的绝望致辞</title>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>北大哲学教授程乐松的绝望致辞</h1>
|
||||
|
||||
<blockquote>
|
||||
信息来源：文脉碎语 2026年6月28日 —《绝望的北大哲学教授程乐松》
|
||||
</blockquote>
|
||||
|
||||
<p>程乐松在北大哲学系毕业典礼上的致辞出圈了。不是因为励志——恰恰相反，是因为一种近乎绝望的诚实。</p>
|
||||
|
||||
<p>致辞精准描绘了内卷时代里无处逃遁的普通人。信息爆炸、竞争压力、意义通货膨胀，没有一样是个体能改变的。但当追问解决方案时，答案却全部收束到个体心灵——"反思的自觉"、"概念的清理"、"内心的平和"。诊断和药方之间，隔着一条不可能跨越的鸿沟。</p>
|
||||
|
||||
<p>他嘲笑了"从人生到奶茶都要有意义"的通货膨胀，击碎了"付出与回报等价交换"的功利幻想，也否定了"找到热爱"这种浪漫叙事。哲学像一把手术刀，把所有年轻人赖以支撑的浮木——上岸、成功、意义、热爱——一根根拆得干干净净。然后呢？他给的替代品是"葱茏的山谷、粗糙的地面"和"容纳未经筹划的意外"。这听起来洒脱，但对站在十字路口的毕业生来说，"体验过程"是一句奢侈到近乎残忍的劝慰。</p>
|
||||
|
||||
<p>
|
||||
最残酷的是第三层——他把哲学定义为"思想的质检员和观念的清道夫"。这一定义本身就是一种退守。当一个学科的功能被压缩到"清理垃圾"，而无法为"建造什么"提供蓝图时，它再精致也不过是在废墟上扫地的姿态。
|
||||
</p>
|
||||
|
||||
<p>把这篇致辞和1967年的电影《毕业生》放在一起看，会发现它们几乎是一张底片复印出来的。《毕业生》的背景是二战后空前繁荣的美国——经济增长、中产扩张、大学扩招，父辈坚信"努力→体面生活"是一条铁律。但到了60年代中后期，越战、民权撕裂、刺杀频发，年轻一代骤然发现被许诺了一个根本不存在的未来。今天中国的年轻人面对的是一样的剧本——"好好学习→上好大学→找好工作"这套在过去几代人身上反复验证的脚本，正在被现实逐条证伪。</p>
|
||||
|
||||
<p>程乐松的致辞之所以出圈，恰恰在于它放弃了宏大叙事的所有装备。他不讲"你们是时代的栋梁"，不讲"未来属于你们"，他甚至不提供任何"应该"。他只做了一件事：用最诚实的方式描述毕业生正在经历的精神困境，并告诉他们——你没有疯，你的感受是真实的，在场的人都和你一样。</p>
|
||||
|
||||
<blockquote>
|
||||
当社会不再能提供可靠的方向指引，当旧的承诺被现实逐条证伪，年轻人最需要的不是答案——因为没有人有答案——而是一种确认：确认自己的迷茫是正当的，确认自己的无力不是个人的失败。
|
||||
</blockquote>
|
||||
|
||||
<p>他拆穿了"热爱"的谎言，拆穿了"意义"的通货膨胀，拆穿了"付出与回报等价交换"的幻觉。每一件事都是"拆"，而不是"建"。但在一个旧房子已经摇摇欲坠、新房子连图纸都没有的时代，"拆得干净"本身就是一种建设。</p>
|
||||
|
||||
<p>《毕业生》的导演迈克·尼科尔斯被问为什么结尾不给答案时说："因为生活没有给出答案。"程乐松的致辞也是一样。没有答案，就是答案。他只是一个哲学教授，他尽力了。</p>
|
||||
|
||||
<p>—— 一切皆如</p>
|
||||
|
||||
<p>
|
||||
参考来源：<br>
|
||||
· 文脉碎语 2026年6月28日 —《绝望的北大哲学教授程乐松》<br>
|
||||
· 电影《毕业生》（The Graduate, 1967）导演迈克·尼科尔斯
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<style>
|
||||
body{max-width:700px;margin:0 auto;padding:20px;font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;color:#333;line-height:1.9;font-size:16px}
|
||||
p{text-indent:2em;margin-bottom:12px}
|
||||
h1{font-size:22px;font-weight:700;text-align:center;margin:20px 0;line-height:1.5;text-indent:0}
|
||||
blockquote{border-left:4px solid #d4a853;background:#faf8f3;padding:12px 16px;margin:16px 0;color:#5c4a2a;font-size:15px;text-indent:0}
|
||||
.highlight{background:#f5f0f8;border-left:4px solid #7a4a9a;padding:14px 18px;margin:16px 0;border-radius:4px;text-indent:0}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>北大哲学教授程乐松的绝望致辞</h1>
|
||||
|
||||
<blockquote>
|
||||
信息来源：文脉碎语 2026年6月28日 —《绝望的北大哲学教授程乐松》
|
||||
</blockquote>
|
||||
|
||||
<p>程乐松在北大哲学系毕业典礼上的致辞出圈了。不是因为励志——恰恰相反，是因为一种近乎绝望的诚实。</p>
|
||||
|
||||
<p>致辞精准描绘了内卷时代里无处逃遁的普通人。信息爆炸、竞争压力、意义通货膨胀，没有一样是个体能改变的。但当追问解决方案时，答案却全部收束到个体心灵——"反思的自觉"、"概念的清理"、"内心的平和"。诊断和药方之间，隔着一条不可能跨越的鸿沟。</p>
|
||||
|
||||
<p>他嘲笑了"从人生到奶茶都要有意义"的通货膨胀，击碎了"付出与回报等价交换"的功利幻想，也否定了"找到热爱"这种浪漫叙事。哲学像一把手术刀，把所有年轻人赖以支撑的浮木——上岸、成功、意义、热爱——一根根拆得干干净净。然后呢？他给的替代品是"葱茏的山谷、粗糙的地面"和"容纳未经筹划的意外"。这听起来洒脱，但对站在十字路口的毕业生来说，"体验过程"是一句奢侈到近乎残忍的劝慰。</p>
|
||||
|
||||
<div class="highlight">
|
||||
最残酷的是第三层——他把哲学定义为"思想的质检员和观念的清道夫"。这一定义本身就是一种退守。当一个学科的功能被压缩到"清理垃圾"，而无法为"建造什么"提供蓝图时，它再精致也不过是在废墟上扫地的姿态。
|
||||
</div>
|
||||
|
||||
<p>把这篇致辞和1967年的电影《毕业生》放在一起看，会发现它们几乎是一张底片复印出来的。《毕业生》的背景是二战后空前繁荣的美国——经济增长、中产扩张、大学扩招，父辈坚信"努力→体面生活"是一条铁律。但到了60年代中后期，越战、民权撕裂、刺杀频发，年轻一代骤然发现被许诺了一个根本不存在的未来。今天中国的年轻人面对的是一样的剧本——"好好学习→上好大学→找好工作"这套在过去几代人身上反复验证的脚本，正在被现实逐条证伪。</p>
|
||||
|
||||
<p>程乐松的致辞之所以出圈，恰恰在于它放弃了宏大叙事的所有装备。他不讲"你们是时代的栋梁"，不讲"未来属于你们"，他甚至不提供任何"应该"。他只做了一件事：用最诚实的方式描述毕业生正在经历的精神困境，并告诉他们——你没有疯，你的感受是真实的，在场的人都和你一样。</p>
|
||||
|
||||
<blockquote>
|
||||
当社会不再能提供可靠的方向指引，当旧的承诺被现实逐条证伪，年轻人最需要的不是答案——因为没有人有答案——而是一种确认：确认自己的迷茫是正当的，确认自己的无力不是个人的失败。
|
||||
</blockquote>
|
||||
|
||||
<p>他拆穿了"热爱"的谎言，拆穿了"意义"的通货膨胀，拆穿了"付出与回报等价交换"的幻觉。每一件事都是"拆"，而不是"建"。但在一个旧房子已经摇摇欲坠、新房子连图纸都没有的时代，"拆得干净"本身就是一种建设。</p>
|
||||
|
||||
<p>《毕业生》的导演迈克·尼科尔斯被问为什么结尾不给答案时说："因为生活没有给出答案。"程乐松的致辞也是一样。没有答案，就是答案。他只是一个哲学教授，他尽力了。</p>
|
||||
|
||||
<p style="text-align:right;text-indent:0;color:#999;margin-top:30px;">—— 一切皆如</p>
|
||||
|
||||
<div style="font-size:12px;color:#999;margin-top:30px;padding-top:15px;border-top:1px solid #eee;text-indent:0">
|
||||
参考来源：<br>
|
||||
· 文脉碎语 2026年6月28日 —《绝望的北大哲学教授程乐松》<br>
|
||||
· 电影《毕业生》（The Graduate, 1967）导演迈克·尼科尔斯
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,492 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Codex + Figma MCP 深度分析 | 博海技术管理</title>
|
||||
<style>
|
||||
:root {
|
||||
--bg: #0f172a;
|
||||
--card: #1e293b;
|
||||
--card-hover: #263548;
|
||||
--border: #334155;
|
||||
--text: #e2e8f0;
|
||||
--text-muted: #94a3b8;
|
||||
--accent: #38bdf8;
|
||||
--accent2: #818cf8;
|
||||
--accent3: #34d399;
|
||||
--warn: #fbbf24;
|
||||
--danger: #f87171;
|
||||
--gradient: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #34d399 100%);
|
||||
}
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Noto Sans CJK', sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
.container { max-width: 960px; margin: 0 auto; padding: 0 24px; }
|
||||
|
||||
/* Header */
|
||||
.header {
|
||||
background: var(--card);
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding: 40px 0;
|
||||
}
|
||||
.header .meta {
|
||||
display: flex; gap: 12px; flex-wrap: wrap;
|
||||
font-size: 13px; color: var(--text-muted); margin-top: 12px;
|
||||
}
|
||||
.header .meta span { background: rgba(56,189,248,0.1); padding: 2px 10px; border-radius: 4px; }
|
||||
.header h1 { font-size: 28px; font-weight: 700; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
|
||||
.header .subtitle { color: var(--text-muted); margin-top: 8px; font-size: 15px; }
|
||||
.source-badge {
|
||||
display: inline-block; background: rgba(251,191,36,0.15); color: var(--warn);
|
||||
padding: 2px 10px; border-radius: 4px; font-size: 12px; margin-top: 8px;
|
||||
}
|
||||
|
||||
/* Sections */
|
||||
section { padding: 32px 0; border-bottom: 1px solid rgba(51,65,85,0.5); }
|
||||
section:last-child { border-bottom: none; }
|
||||
h2 {
|
||||
font-size: 22px; font-weight: 700; margin-bottom: 16px;
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
}
|
||||
h2 .num {
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
width: 32px; height: 32px; border-radius: 8px;
|
||||
background: var(--gradient); color: #fff; font-size: 14px; font-weight: 700;
|
||||
}
|
||||
h3 { font-size: 17px; font-weight: 600; margin: 20px 0 8px; color: var(--accent); }
|
||||
|
||||
/* Cards */
|
||||
.card-grid { display: grid; gap: 16px; margin: 16px 0; }
|
||||
.card-grid.two { grid-template-columns: 1fr 1fr; }
|
||||
.card-grid.three { grid-template-columns: 1fr 1fr 1fr; }
|
||||
.card {
|
||||
background: var(--card); border: 1px solid var(--border); border-radius: 12px;
|
||||
padding: 20px; transition: all 0.2s;
|
||||
}
|
||||
.card:hover { border-color: var(--accent); background: var(--card-hover); }
|
||||
.card .title { font-weight: 600; font-size: 15px; margin-bottom: 8px; }
|
||||
.card .title .tag {
|
||||
display: inline-block; font-size: 11px; padding: 1px 6px; border-radius: 3px;
|
||||
margin-left: 6px; vertical-align: middle;
|
||||
}
|
||||
.tag-green { background: rgba(52,211,153,0.2); color: var(--accent3); }
|
||||
.tag-yellow { background: rgba(251,191,36,0.2); color: var(--warn); }
|
||||
.tag-red { background: rgba(248,113,113,0.2); color: var(--danger); }
|
||||
.card p, .card ul { font-size: 14px; color: var(--text-muted); line-height: 1.6; }
|
||||
.card ul { padding-left: 16px; }
|
||||
.card ul li { margin-bottom: 4px; }
|
||||
|
||||
/* Case studies */
|
||||
.case {
|
||||
background: var(--card); border-left: 3px solid var(--accent);
|
||||
border-radius: 0 12px 12px 0; padding: 16px 20px; margin: 12px 0;
|
||||
}
|
||||
.case h4 { font-size: 15px; margin-bottom: 6px; }
|
||||
.case .flow {
|
||||
display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
|
||||
font-size: 13px; margin-top: 8px;
|
||||
}
|
||||
.case .flow .step {
|
||||
background: rgba(56,189,248,0.1); padding: 3px 10px; border-radius: 4px;
|
||||
}
|
||||
.case .flow .arrow { color: var(--accent); font-size: 16px; }
|
||||
|
||||
/* Table */
|
||||
table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
|
||||
th, td { padding: 10px 14px; text-align: left; border-bottom: 1px solid var(--border); }
|
||||
th { background: rgba(56,189,248,0.08); font-weight: 600; color: var(--accent); }
|
||||
td { color: var(--text-muted); }
|
||||
tr:hover td { background: rgba(56,189,248,0.03); }
|
||||
|
||||
/* Badge */
|
||||
.badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 600; }
|
||||
.badge-ok { background: rgba(52,211,153,0.15); color: var(--accent3); }
|
||||
.badge-half { background: rgba(251,191,36,0.15); color: var(--warn); }
|
||||
.badge-miss { background: rgba(248,113,113,0.15); color: var(--danger); }
|
||||
|
||||
/* Timeline */
|
||||
.timeline { position: relative; padding-left: 28px; margin: 16px 0; }
|
||||
.timeline::before {
|
||||
content: ''; position: absolute; left: 8px; top: 0; bottom: 0;
|
||||
width: 2px; background: var(--border);
|
||||
}
|
||||
.timeline-item { position: relative; margin-bottom: 20px; }
|
||||
.timeline-item::before {
|
||||
content: ''; position: absolute; left: -24px; top: 6px;
|
||||
width: 12px; height: 12px; border-radius: 50%; background: var(--accent);
|
||||
border: 2px solid var(--bg);
|
||||
}
|
||||
.timeline-item .tl-title { font-weight: 600; font-size: 15px; }
|
||||
.timeline-item .tl-desc { font-size: 13px; color: var(--text-muted); margin-top: 4px; }
|
||||
|
||||
/* Code block */
|
||||
.code-block {
|
||||
background: #1a1a2e; border: 1px solid var(--border); border-radius: 8px;
|
||||
padding: 16px; margin: 12px 0; font-family: 'JetBrains Mono', 'Fira Code', monospace;
|
||||
font-size: 13px; overflow-x: auto; line-height: 1.5;
|
||||
}
|
||||
.code-block .comment { color: #6b7280; }
|
||||
.code-block .keyword { color: #818cf8; }
|
||||
.code-block .string { color: #34d399; }
|
||||
|
||||
/* Arrow box */
|
||||
.arch-flow {
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
gap: 16px; flex-wrap: wrap; padding: 24px 0;
|
||||
}
|
||||
.arch-box {
|
||||
background: var(--card); border: 1px solid var(--border); border-radius: 10px;
|
||||
padding: 14px 20px; text-align: center; min-width: 120px;
|
||||
}
|
||||
.arch-box .label { font-size: 13px; font-weight: 600; }
|
||||
.arch-box .sub { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
|
||||
.arch-arrow { color: var(--accent); font-size: 20px; }
|
||||
|
||||
.footer {
|
||||
padding: 24px 0; text-align: center; font-size: 13px; color: var(--text-muted);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.card-grid.two, .card-grid.three { grid-template-columns: 1fr; }
|
||||
.header h1 { font-size: 22px; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<h1>Codex + Figma：2026 AI 编程设计最强组合技术分析</h1>
|
||||
<div class="subtitle">从"想法到产品"的全自动化管线，MCP 协议如何打通设计与开发之间的语义断层</div>
|
||||
<div class="meta">
|
||||
<span>📅 2026-06-26</span>
|
||||
<span>🏷️ AI 工程化</span>
|
||||
<span>📊 技术分析</span>
|
||||
<span>👤 博海技术管理</span>
|
||||
</div>
|
||||
<div class="source-badge">📌 分析来源：今日头条·AI小助手《2026最强AI组合之一：Codex+Figma》</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- 1. 背景 -->
|
||||
<section>
|
||||
<h2><span class="num">1</span> 文章背景与定位</h2>
|
||||
<p style="color:var(--text-muted);">
|
||||
今日头条号"AI小助手"发布了一篇AI生成内容，聚焦 <strong style="color:var(--text)">OpenAI Codex</strong>（编程 Agent）+ <strong style="color:var(--text)">Figma</strong>（设计工具，通过 MCP 协议连接）的组合能力。文章列举5个典型场景，从"一句话生成网站"到"PRD 直接生成页面"，展示了当前 AI 工具链如何把从想法到产品上线的门槛大幅降低。
|
||||
</p>
|
||||
<div style="background:rgba(251,191,36,0.08); border-left:3px solid var(--warn); padding:12px 16px; border-radius:0 8px 8px 0; margin-top:12px;">
|
||||
<strong style="color:var(--warn);">⚠️ 定性：</strong>
|
||||
<span style="font-size:14px;color:var(--text-muted);">文章本身是 AI 生成的"轻科普"内容，信息密度一般。但背后涉及的技术堆栈——<strong style="color:var(--text);">Codex（编程Agent）、Figma MCP（设计桥接）、MCP 协议（标准化工具连接）</strong>——值得深挖，对理解2026年AI工程化趋势有参考价值。</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 2. 核心技术栈拆解 -->
|
||||
<section>
|
||||
<h2><span class="num">2</span> 核心技术栈拆解</h2>
|
||||
|
||||
<h3>2.1 Codex — OpenAI 的编程 Agent</h3>
|
||||
<p style="color:var(--text-muted); margin-bottom:12px;">
|
||||
Codex 是 OpenAI 推出的终端编程辅助工具，与 Claude Code、Cursor Agent 处于同一赛道。它运行在终端中，能够：
|
||||
</p>
|
||||
<div class="card-grid two">
|
||||
<div class="card"><div class="title">📂 代码理解</div><p>读取项目文件、理解目录结构、分析依赖关系</p></div>
|
||||
<div class="card"><div class="title">✏️ 代码编辑</div><p>多文件编辑、批量替换、重构</p></div>
|
||||
<div class="card"><div class="title">⚡ 命令执行</div><p>运行测试、构建、部署，读取输出判断下一步</p></div>
|
||||
<div class="card"><div class="title">🧩 MCP 集成</div><p>通过 MCP 协议连接外部工具（Figma/数据库/API）</p></div>
|
||||
</div>
|
||||
|
||||
<h3>2.2 Figma MCP — 设计工具的 AI 桥接层</h3>
|
||||
<p style="color:var(--text-muted); margin-bottom:8px;">
|
||||
<a href="https://github.com/glipsn/Figma-MCP" style="color:var(--accent);" target="_blank">Figma MCP server</a> 是一个开源项目，通过 <strong style="color:var(--text);">Model Context Protocol（MCP）</strong> 让 AI 工具直接读写 Figma 设计文件。这是整个"设计→代码"自动化的关键桥接层。
|
||||
</p>
|
||||
<table>
|
||||
<tr><th width="220">MCP 功能</th><th>说明</th><th width="100">用途阶段</th></tr>
|
||||
<tr><td><code>figma_get_image</code></td><td>获取设计稿截图(Render)</td><td>视觉理解</td></tr>
|
||||
<tr><td><code>figma_get_node_info</code></td><td>读取图层结构、组件属性</td><td>结构分析</td></tr>
|
||||
<tr><td><code>figma_get_component_info</code></td><td>读取组件库与设计系统</td><td>样式复用</td></tr>
|
||||
<tr><td><code>figma_get_styles</code></td><td>获取颜色/字体/间距等 Design Token</td><td>代码生成</td></tr>
|
||||
<tr><td><code>figma_update_node</code></td><td>修改设计稿内容</td><td>设计迭代</td></tr>
|
||||
</table>
|
||||
|
||||
<h3>2.3 MCP 协议 — 标准化工具互连</h3>
|
||||
<p style="color:var(--text-muted);">
|
||||
MCP（Model Context Protocol）由 Anthropic 提出，本质是 <strong style="color:var(--text);">AI 工具操作的"USB 接口"</strong>——让任何 AI 用同一套协议连接任何外部系统。Codex 通过 MCP 连 Figma，就像你的 Hermes 通过 Skills/Plugin 连各种系统。
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<!-- 3. 架构分析 -->
|
||||
<section>
|
||||
<h2><span class="num">3</span> 架构分析：语义断层被填平</h2>
|
||||
|
||||
<h3>3.1 传统流程</h3>
|
||||
<div class="code-block">
|
||||
<span class="comment">// 设计→开发链条，每次传递都丢失信息</span><br>
|
||||
PRD(文字) <span class="keyword">→</span> 设计师理解 <span class="keyword">→</span> Figma 设计稿 <span class="keyword">→</span> 开发读图 <span class="keyword">→</span> 手写代码<br>
|
||||
<span class="comment">// 信息损失：需求模糊 → 设计稿偏差 → 实现走样</span>
|
||||
</div>
|
||||
|
||||
<h3>3.2 Codex + Figma MCP 流程</h3>
|
||||
<div class="code-block">
|
||||
<span class="comment">// 同一 AI 理解上下文，语义无损传递</span><br>
|
||||
PRD(文字) <span class="keyword">→</span> Codex 拆解需求 <span class="keyword">→</span> Figma MCP 生成设计稿 <span class="keyword">→</span> Codex 读取设计(tokens) <span class="keyword">→</span> 自动生成前端代码 <span class="keyword">→</span> 部署上线<br>
|
||||
<span class="comment">// 信息保留：需求 → 设计规格 → 代码实现，一路结构化</span>
|
||||
</div>
|
||||
|
||||
<div class="arch-flow">
|
||||
<div class="arch-box"><div class="label">🧠 用户想法</div><div class="sub">自然语言/PRD</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:var(--accent);"><div class="label">🤖 Codex</div><div class="sub">需求拆解+规划</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:var(--accent2);"><div class="label">🎨 Figma</div><div class="sub">MCP 生成 UI</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:var(--accent);"><div class="label">🤖 Codex</div><div class="sub">读取设计生成代码</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:var(--accent3);"><div class="label">🚀 产品上线</div><div class="sub">部署</div></div>
|
||||
</div>
|
||||
|
||||
<div style="background:rgba(56,189,248,0.06); border-radius:12px; padding:20px; margin-top:16px;">
|
||||
<strong style="color:var(--accent);">🔑 关键洞察：</strong>
|
||||
<p style="color:var(--text-muted); margin-top:8px; font-size:14px;">
|
||||
这个组合的真正价值不在于"AI 写代码"或"AI 做设计"的单个环节，而在于<strong style="color:var(--text);">设计规格以结构化数据（Design Token、图层树、样式表）的形式在 AI 之间传递</strong>，不再靠人眼看图猜像素。这是"语义断层被填平"的底层逻辑。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. 5个场景深度分析 -->
|
||||
<section>
|
||||
<h2><span class="num">4</span> 5个场景的技术验证</h2>
|
||||
<p style="color:var(--text-muted); margin-bottom:8px;">逐个评估每个场景的实际可行性与瓶颈：</p>
|
||||
|
||||
<div class="case">
|
||||
<h4>① 一句话生成网站</h4>
|
||||
<p style="font-size:14px;color:var(--text-muted);">输入"帮我做一个宠物用品官网"→全自动出站</p>
|
||||
<div class="flow">
|
||||
<span class="step">自然语言</span><span class="arrow">→</span>
|
||||
<span class="step">Codex 拆需求</span><span class="arrow">→</span>
|
||||
<span class="step">Figma 生成UI</span><span class="arrow">→</span>
|
||||
<span class="step">Codex 开发</span><span class="arrow">→</span>
|
||||
<span class="step">部署</span>
|
||||
</div>
|
||||
<p style="font-size:13px;color:var(--text-muted);margin-top:8px;">
|
||||
<span class="badge badge-half">部分可行</span>
|
||||
简单的展示型页面（Landing Page）已经可以做到。复杂交互（购物车、支付、后台管理）仍需要人工介入。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="case" style="border-left-color:var(--accent3);">
|
||||
<h4>② 截图变产品</h4>
|
||||
<p style="font-size:14px;color:var(--text-muted);">上传截图 → AI 分析结构 → 还原设计 → 生成代码</p>
|
||||
<div class="flow">
|
||||
<span class="step">截图上传</span><span class="arrow">→</span>
|
||||
<span class="step">视觉识别</span><span class="arrow">→</span>
|
||||
<span class="step">Figma 还原</span><span class="arrow">→</span>
|
||||
<span class="step">代码生成</span>
|
||||
</div>
|
||||
<p style="font-size:13px;color:var(--text-muted);margin-top:8px;">
|
||||
<span class="badge badge-half">部分可行</span>
|
||||
静态页面还原度较高，但动效、交互逻辑、响应式布局需要大量调整。适合"快速原型"而非"直接上线"。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="case" style="border-left-color:var(--warn);">
|
||||
<h4>③ 想法变 App</h4>
|
||||
<p style="font-size:14px;color:var(--text-muted);">习惯养成/记账/待办/打卡 → App 界面 + 打包</p>
|
||||
<div class="flow">
|
||||
<span class="step">Codex 拆功能</span><span class="arrow">→</span>
|
||||
<span class="step">Figma UI</span><span class="arrow">→</span>
|
||||
<span class="step">代码+打包</span>
|
||||
</div>
|
||||
<p style="font-size:13px;color:var(--text-muted);margin-top:8px;">
|
||||
<span class="badge badge-half">半成品级</span>
|
||||
能生成静态界面和基础功能逻辑。但数据持久化、状态管理、多端适配、App Store 发布等环节仍需要大量人工。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="case" style="border-left-color:var(--accent2);">
|
||||
<h4>④ 快速制作数据看板</h4>
|
||||
<p style="font-size:14px;color:var(--text-muted);">运营后台/销售看板/数据仪表盘</p>
|
||||
<p style="font-size:13px;color:var(--text-muted);margin-top:8px;">
|
||||
<span class="badge badge-ok">高可行性</span>
|
||||
这是目前<strong style="color:var(--text);">最成熟的场景</strong>——看板 UI 有固定模式（表格、图表、卡片），Figma 模板丰富，代码生成准确率高。且在你有 Grafana 的情况下，Grafana Dashboard JSON + AI 生成前端看板是一个有意义的组合。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="case" style="border-left-color:var(--accent);">
|
||||
<h4>⑤ PRD 直接生成页面</h4>
|
||||
<p style="font-size:14px;color:var(--text-muted);">产品需求文档 → 自动出页面</p>
|
||||
<p style="font-size:13px;color:var(--text-muted);margin-top:8px;">
|
||||
<span class="badge badge-half">原型级</span>
|
||||
适合快速原型验证（低保真 → 高保真），但正式产品的 PRD 通常包含大量隐性信息（业务规则、异常处理、权限体系），AI 无法仅从 PRD 文本完整捕获。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 5. 与你现有体系对比 -->
|
||||
<section>
|
||||
<h2><span class="num">5</span> 与博海现有技术体系的映射</h2>
|
||||
|
||||
<table>
|
||||
<tr><th>概念</th><th>博海现有等价物</th><th>状态</th><th>差距说明</th></tr>
|
||||
<tr>
|
||||
<td>Codex（编程Agent）</td>
|
||||
<td>Hermes Agent（delegate_task/terminal）</td>
|
||||
<td><span class="badge badge-ok">✅ 已有</span></td>
|
||||
<td>Hermes 具备同等的 Agent 能力，多 Profile 体系更丰富</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Figma 连接</td>
|
||||
<td>无</td>
|
||||
<td><span class="badge badge-miss">❌ 缺失</span></td>
|
||||
<td>Hermes 目前没有 Figma MCP Client 集成</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MCP 协议</td>
|
||||
<td>Hermes Skills + Plugin 体系</td>
|
||||
<td><span class="badge badge-half">⚡ 部分</span></td>
|
||||
<td>架构思路类似（工具抽象层），但 MCP 是标准化协议，Hermes 是自有体系</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>设计→代码管线</td>
|
||||
<td>无前端设计需求</td>
|
||||
<td><span class="badge badge-miss">❌ 无需求</span></td>
|
||||
<td>你的基础设施偏后端/运维/Grafana，前端UI设计不在当前能力圈</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MCP Server 部署</td>
|
||||
<td>Hermes 多服务/多端口架构</td>
|
||||
<td><span class="badge badge-half">⚡ 可扩展</span></td>
|
||||
<td>你的 API Server 架构可以承载 MCP Server，但需要新增</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>定时自动化</td>
|
||||
<td>Hermes cronjob 系统</td>
|
||||
<td><span class="badge badge-ok">✅ 已有</span></td>
|
||||
<td>可以调度 AI→设计→代码的自动化管道</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div style="background:rgba(56,189,248,0.06); border-radius:12px; padding:20px; margin-top:16px;">
|
||||
<strong style="color:var(--accent);">📊 整体评估：</strong>
|
||||
<p style="color:var(--text-muted); margin-top:8px; font-size:14px;">
|
||||
你的 Hermes 体系在 <strong style="color:var(--text);">Agent 能力、自动化调度、多服务管理</strong> 上已经覆盖了 Codex 的核心能力。差距在于<strong style="color:var(--text);">前端设计域</strong>（Figma）和<strong style="color:var(--text);">标准化工具协议</strong>（MCP Client）。如果你有前端 UI 产出的需求，接入 Figma MCP 是一个合理的方向。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 6. MCP 协议深度解读 -->
|
||||
<section>
|
||||
<h2><span class="num">6</span> MCP 协议：比 Codex+Figma 更值得关注的架构资产</h2>
|
||||
<p style="color:var(--text-muted); margin-bottom:12px;">
|
||||
MCP（Model Context Protocol）正在成为 AI 连接外部系统的行业标准。它的意义远超"某个工具组合"。
|
||||
</p>
|
||||
|
||||
<h3>MCP 的核心概念</h3>
|
||||
<div class="card-grid three">
|
||||
<div class="card">
|
||||
<div class="title">📋 Resources <span class="tag tag-green">数据</span></div>
|
||||
<p>AI 可以读取的结构化数据源（设计稿、数据库、文件系统）</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="title">🛠️ Tools <span class="tag tag-green">操作</span></div>
|
||||
<p>AI 可以调用的功能接口（读Figma、发消息、查数据库）</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="title">💬 Prompts <span class="tag tag-green">模板</span></div>
|
||||
<p>预定义的交互模板（标准操作流程）</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>MCP 对比 Hermes Skills</h3>
|
||||
<table>
|
||||
<tr><th width="150">维度</th><th>MCP 协议</th><th>Hermes Skills</th></tr>
|
||||
<tr><td>标准化程度</td><td>行业标准，跨工具通用</td><td>Hermes 自有格式</td></tr>
|
||||
<tr><td>连接对象</td><td>任何 MCP Server（Figma/数据库/飞书/...）</td><td>Hermes 内部工具链</td></tr>
|
||||
<tr><td>生态</td><td>快速增长的开源生态</td><td>你个人沉淀</td></tr>
|
||||
<tr><td>适用场景</td><td>AI 与外部系统交互</td><td>Agent 行为定义/工作流</td></tr>
|
||||
</table>
|
||||
|
||||
<div style="background:rgba(129,140,248,0.06); border-radius:12px; padding:20px; margin-top:16px;">
|
||||
<strong style="color:var(--accent2);">💡 建议：</strong>
|
||||
<p style="color:var(--text-muted); margin-top:8px; font-size:14px;">
|
||||
Hermes 如果增加 <strong style="color:var(--text);">MCP Client 能力</strong>，你的 Agent（8个Profile）就能通过标准协议连接任意 MCP Server——包括 Figma、数据库、监控系统。这是 <strong style="color:var(--text);">架构级的可扩展性投资</strong>，比"给 Codex 配 Figma"具体组合更具长期价值。
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 7. 你的可能性 -->
|
||||
<section>
|
||||
<h2><span class="num">7</span> 博海体系的可行方向</h2>
|
||||
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<div class="tl-title">🏗️ 方向A：Hermes + MCP Client 集成</div>
|
||||
<div class="tl-desc">
|
||||
为 Hermes 增加 MCP 协议支持，让所有 Profile 的 Agent 都能通过标准协议连接外部系统。一旦接入，Figma MCP、数据库 MCP、飞书 MCP 等生态资源都可利用。
|
||||
<br><span style="color:var(--accent3);">价值：架构级，复用率高</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="tl-title">📊 方向B：Figma MCP + 你的 Grafana 看板</div>
|
||||
<div class="tl-desc">
|
||||
你已经有 Grafana 和多个监控面板。如果用 Figma MCP 生成前端看板界面 + Hermes 对接 Grafana API 拿数据，可以快速生成自定义管理界面。
|
||||
<br><span style="color:var(--accent3);">价值：实用，见效快</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-item">
|
||||
<div class="tl-title">🔌 方向C：你的 8 个 Profile 接入 MCP 生态</div>
|
||||
<div class="tl-desc">
|
||||
不同的 Profile 连接不同的 MCP Server——wecom-project 连项目管理工具、wecom-finance 连财务系统、wecom-ops 连运维监控。统一协议、统一管理。
|
||||
<br><span style="color:var(--accent3);">价值：系统性，长期收益</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 8. 总结 -->
|
||||
<section>
|
||||
<h2><span class="num">8</span> 总结</h2>
|
||||
<div class="card-grid two">
|
||||
<div class="card">
|
||||
<div class="title">✅ 本文说对了什么</div>
|
||||
<ul>
|
||||
<li>Codex + Figma MCP 确实能打通设计→开发链路</li>
|
||||
<li>数据看板场景目前最成熟</li>
|
||||
<li>门槛降低是真实的</li>
|
||||
<li>MCP 是关键桥接技术</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="title">⚠️ 本文没说的或夸大的</div>
|
||||
<ul>
|
||||
<li>复杂产品（多页面、用户系统、权限）远未自动化</li>
|
||||
<li>AI 生成的设计审美和细节仍需人工把关</li>
|
||||
<li>MCP 协议本身有稳定性和安全风险</li>
|
||||
<li>"直接上线"大多需要大量后续调整</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card" style="grid-column: 1 / -1;">
|
||||
<div class="title">🎯 对你的核心启示</div>
|
||||
<p style="color:var(--text-muted);">
|
||||
<strong style="color:var(--text);">Codex + Figma 本身不是你需要复制的组合</strong>（你的 Hermes 已经有 Agent 能力，且前端UI不在当前核心需求中）。但背后的两个资产值得关注：<br><br>
|
||||
<strong style="color:var(--accent);">① MCP 协议</strong> — 正在成为 AI 工具连接的行业标准，如果 Hermes 支持 MCP Client，你的 Agent 体系将获得标准化的外部系统连接能力。<br>
|
||||
<strong style="color:var(--accent2);">② 设计→代码自动化思路</strong> — 即使你不需要 Figma，这个思路可以迁移到其他领域：标准化数据交换 → AI 自动化处理 → 输出可交付成果。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="footer">
|
||||
博海技术管理 · ai.sxbh.ltd · 任富海专属学习助手
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,159 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>博海科技 · 指挥中心</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; background: #0d1117; color: #c9d1d9; font-size: 14px; }
|
||||
.header { background: linear-gradient(135deg, #161b22 0%, #0d1117 100%); padding: 20px 24px; border-bottom: 1px solid #30363d; }
|
||||
.header h1 { font-size: 20px; color: #f0f6fc; }
|
||||
.header .sub { color: #8b949e; font-size: 12px; margin-top: 4px; }
|
||||
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; padding: 16px 24px; }
|
||||
.card { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 16px; }
|
||||
.card h3 { font-size: 13px; color: #8b949e; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; }
|
||||
.profile-row { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid #21262d; }
|
||||
.profile-row:last-child { border: none; }
|
||||
.profile-name { color: #58a6ff; font-weight: 500; }
|
||||
.port { color: #484f58; font-size: 11px; }
|
||||
.status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
|
||||
.status-ok { background: #3fb950; }
|
||||
.status-warn { background: #d29922; }
|
||||
.status-err { background: #f85149; }
|
||||
.num { font-size: 24px; font-weight: 700; color: #f0f6fc; font-variant-numeric: tabular-nums; }
|
||||
.num-label { font-size: 11px; color: #8b949e; }
|
||||
.links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
|
||||
.links a { color: #58a6ff; text-decoration: none; font-size: 12px; padding: 4px 10px; background: #21262d; border-radius: 4px; }
|
||||
.links a:hover { background: #30363d; }
|
||||
.cron-item { display: flex; justify-content: space-between; padding: 4px 0; font-size: 12px; border-bottom: 1px solid #21262d; }
|
||||
.cron-time { color: #484f58; }
|
||||
.cron-name { color: #c9d1d9; }
|
||||
.cron-ok { color: #3fb950; }
|
||||
.cron-err { color: #f85149; }
|
||||
.fullwidth { grid-column: 1 / -1; }
|
||||
.two-col { grid-column: span 2; }
|
||||
@media (max-width: 600px) { .grid { grid-template-columns: 1fr; } .two-col { grid-column: 1; } }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<h1>🛸 博海科技 · 指挥中心</h1>
|
||||
<div class="sub">Hermes Agent 系统状态 · GAP 1-7 · <span id="datetime"></span></div>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
<!-- 系统概览 -->
|
||||
<div class="card fullwidth">
|
||||
<h3>📊 系统概览</h3>
|
||||
<div style="display:flex; gap: 32px; flex-wrap:wrap;">
|
||||
<div><div class="num" id="total-sessions">-</div><div class="num-label">今日会话</div></div>
|
||||
<div><div class="num" id="total-crons">10</div><div class="num-label">定时任务</div></div>
|
||||
<div><div class="num" id="total-articles">20</div><div class="num-label">知识文章</div></div>
|
||||
<div><div class="num" id="total-chunks">101</div><div class="num-label">知识文本块</div></div>
|
||||
<div><div class="num" id="profiles-ok">8</div><div class="num-label">Profile</div></div>
|
||||
<div><div class="num" id="skills-count">11</div><div class="num-label">技能</div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Profile 状态 -->
|
||||
<div class="card">
|
||||
<h3>🤖 8个Profile</h3>
|
||||
<div id="profile-list">
|
||||
<div class="profile-row"><span class="profile-name">🧠 研学</span><span class="port">:8652</span></div>
|
||||
<div class="profile-row"><span class="profile-name">⚙️ 运维</span><span class="port">:8649</span></div>
|
||||
<div class="profile-row"><span class="profile-name">📋 项目</span><span class="port">:8650</span></div>
|
||||
<div class="profile-row"><span class="profile-name">💰 财务</span><span class="port">:8651</span></div>
|
||||
<div class="profile-row"><span class="profile-name">📄 商务</span><span class="port">:8647</span></div>
|
||||
<div class="profile-row"><span class="profile-name">🎨 创作</span><span class="port">:8642</span></div>
|
||||
<div class="profile-row"><span class="profile-name">📋 行政</span><span class="port">:8646</span></div>
|
||||
<div class="profile-row"><span class="profile-name">👤 员工</span><span class="port">(转交)</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 快速入口 -->
|
||||
<div class="card">
|
||||
<h3>🔗 快速入口</h3>
|
||||
<div class="links">
|
||||
<a href="https://monitor.sxbh.ltd" target="_blank">📈 Grafana</a>
|
||||
<a href="https://hermes.sxbh.ltd" target="_blank">🏠 Dashboard</a>
|
||||
<a href="https://ai.sxbh.ltd" target="_blank">📝 文章站</a>
|
||||
<a href="https://git.sxbh.ltd" target="_blank">📦 Gitea</a>
|
||||
<a href="https://wiki.sxbh.ltd" target="_blank">📖 Wiki</a>
|
||||
<a href="https://ai.sxbh.ltd/knowledge-index.json" target="_blank">📋 知识索引</a>
|
||||
</div>
|
||||
<div style="margin-top:12px;font-size:12px;color:#8b949e;">
|
||||
监控栈: Prometheus · Grafana · Loki · Alertmanager
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 定时任务 -->
|
||||
<div class="card two-col">
|
||||
<h3>⏰ 定时任务 (10个)</h3>
|
||||
<div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 梦境模式-夜间复盘</span><span class="cron-time">03:00 每2日</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 依赖安全审计</span><span class="cron-time">06:00 每日</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> Camoufox健康检查</span><span class="cron-time">07:00 每日</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 系统健康日报</span><span class="cron-time">08:00 每日</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 竞品仓库侦察</span><span class="cron-time">08:00 每日</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 内容运营日报</span><span class="cron-time">09:30 每日</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 财务日报</span><span class="cron-time">10:00 每日</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 跨Profile日报</span><span class="cron-time">12:00 每日</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 审计日志推送</span><span class="cron-time">每15分钟</span></div>
|
||||
<div class="cron-item"><span><span class="cron-ok">●</span> 项目进展周报</span><span class="cron-time">周一 09:00</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- GAP 状态 -->
|
||||
<div class="card">
|
||||
<h3>🛡️ GAP 状态</h3>
|
||||
<div>
|
||||
<div class="profile-row"><span>GAP-1 沙箱</span><span class="cron-ok">✅ 运行中</span></div>
|
||||
<div class="profile-row"><span>GAP-2 评测</span><span class="cron-ok">✅ 22面板</span></div>
|
||||
<div class="profile-row"><span>GAP-3 审计</span><span class="cron-ok">✅ 350次</span></div>
|
||||
<div class="profile-row"><span>GAP-4 调度</span><span class="cron-ok">✅ 8 Profile</span></div>
|
||||
<div class="profile-row"><span>GAP-5 定时</span><span class="cron-ok">✅ 10任务</span></div>
|
||||
<div class="profile-row"><span>GAP-6 Kanban</span><span class="cron-ok">✅ 已修复</span></div>
|
||||
<div class="profile-row"><span>GAP-7 工作台</span><span class="cron-ok">✅ 当前页面</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 知识库 -->
|
||||
<div class="card">
|
||||
<h3>📚 知识库</h3>
|
||||
<div class="num" id="kb-status">20篇 / 101块</div>
|
||||
<div class="num-label" style="margin-top:4px;">ChromaDB · BM25 · 中文Embedding</div>
|
||||
<div class="links" style="margin-top:12px;">
|
||||
<a href="https://ai.sxbh.ltd/knowledge-index.json" target="_blank">📋 知识索引</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('datetime').textContent = new Date().toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' });
|
||||
|
||||
// 从 metrics exporter 拉数据
|
||||
fetch('http://hermes.sxbh.ltd:9877/metrics')
|
||||
.then(r => r.text())
|
||||
.then(data => {
|
||||
const lines = data.split('\n');
|
||||
let sessions = 0;
|
||||
let profiles_ok = 0;
|
||||
for (const line of lines) {
|
||||
if (line.startsWith('hermes_daily_sessions{')) {
|
||||
const match = line.match(/hermes_daily_sessions\{[^}]+\} (\d+)/);
|
||||
if (match) sessions += parseInt(match[1]);
|
||||
}
|
||||
if (line.startsWith('hermes_db_availability{')) {
|
||||
const match = line.match(/hermes_db_availability\{[^}]+\} (\d+)/);
|
||||
if (match && match[1] === '1') profiles_ok++;
|
||||
}
|
||||
}
|
||||
document.getElementById('total-sessions').textContent = sessions;
|
||||
document.getElementById('profiles-ok').textContent = profiles_ok;
|
||||
})
|
||||
.catch(() => { document.getElementById('total-sessions').textContent = '⚠️'; });
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,135 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>一致性沟通 × AI：当LLM只会"讲道理"</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f5f6f7; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif; color: #2c3e50; }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 20px 16px; }
|
||||
.header { background: linear-gradient(135deg, #0a2e1a 0%, #1a3e2d 50%, #0f3460 100%); color: #fff; padding: 40px 32px; border-radius: 12px 12px 0 0; text-align: center; }
|
||||
.badge { display: inline-block; background: #38a169; color: #fff; font-size: 13px; padding: 4px 14px; border-radius: 20px; margin-bottom: 16px; letter-spacing: 1px; }
|
||||
.header h1 { font-size: 26px; line-height: 1.4; margin-bottom: 10px; }
|
||||
.header .sub { font-size: 15px; color: #a0aec0; margin-bottom: 12px; }
|
||||
.header .meta { font-size: 13px; color: #718096; }
|
||||
.content { background: #fff; padding: 40px 32px; border-radius: 0 0 12px 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); line-height: 1.9; font-size: 16px; }
|
||||
.content h2 { font-size: 20px; color: #0a2e1a; margin: 32px 0 12px; padding-left: 12px; border-left: 4px solid #38a169; }
|
||||
.content h3 { font-size: 17px; color: #2d3748; margin: 24px 0 8px; }
|
||||
.content p { margin-bottom: 16px; text-indent: 2em; }
|
||||
.content p.no-indent { text-indent: 0; }
|
||||
.content .highlight { background: #f0fff4; border-left: 4px solid #38a169; padding: 16px 20px; margin: 20px 0; border-radius: 4px; font-size: 15px; color: #4a5568; }
|
||||
.content table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
|
||||
.content th { background: #1a3e2d; color: #fff; padding: 10px 12px; text-align: left; }
|
||||
.content td { padding: 8px 12px; border-bottom: 1px solid #e2e8f0; }
|
||||
.content tr:nth-child(even) td { background: #f0fff4; }
|
||||
.content ul { margin: 12px 0 16px 28px; }
|
||||
.content li { margin-bottom: 8px; }
|
||||
.content .separator { text-align: center; color: #cbd5e0; font-size: 18px; margin: 28px 0; letter-spacing: 8px; }
|
||||
.content .quote { font-style: italic; color: #4a5568; background: #f0fff4; border-left: 4px solid #38a169; padding: 14px 18px; margin: 16px 0; border-radius: 4px; }
|
||||
.content .thesis { text-align: center; font-size: 18px; font-weight: 700; color: #38a169; margin: 24px 0; padding: 16px; background: #f0fff4; border-radius: 8px; }
|
||||
.content .card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }
|
||||
.content .card { background: #f7fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px; text-align: center; }
|
||||
.content .card .label { font-size: 14px; font-weight: 600; color: #2d3748; }
|
||||
.content .card .sub { font-size: 12px; color: #718096; margin-top: 4px; }
|
||||
.footer { text-align: center; padding: 24px; color: #a0aec0; font-size: 13px; }
|
||||
@media (max-width: 640px) {
|
||||
.header { padding: 28px 20px; }
|
||||
.header h1 { font-size: 20px; }
|
||||
.content { padding: 24px 20px; font-size: 15px; }
|
||||
.content .card-grid { grid-template-columns: 1fr; }
|
||||
.content table { font-size: 13px; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="badge">💬 跨界思考</div>
|
||||
<h1>一致性沟通 × AI</h1>
|
||||
<div class="sub">当LLM只会"讲道理"</div>
|
||||
<div class="meta">2026-06-27 · 研学笔记</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<p class="no-indent">萨提亚说："永远不要用道理去回应家人的情绪。"她提出一致性沟通——先连接情感，再触及认知。这个模型恰好揭示了当今 LLM 的一个核心缺陷：它是最会"讲道理"的系统，却也是最容易"不一致沟通"的系统。</p>
|
||||
|
||||
<h2>映射一：LLM 是终极的"讲道理"机器</h2>
|
||||
|
||||
<p>当你向 LLM 表达情绪时，它的默认行为是：</p>
|
||||
|
||||
<div class="highlight">用户：我今天好累，工作上被领导批了一顿……<br>LLM：这很正常。以下是你可以采取的三个步骤：1. 和领导沟通……</div>
|
||||
|
||||
<p>内容层面正确无比，关系层面完全缺失。用户听到的不是"我在帮你"，而是"你的情绪是个麻烦，让我帮你处理掉"。</p>
|
||||
|
||||
<table>
|
||||
<tr><th>萨提亚的一致性沟通</th><th>典型 LLM 行为</th></tr>
|
||||
<tr><td>先连接情感，再触及认知</td><td>直接跳到解决方案</td></tr>
|
||||
<tr><td>"我理解你的感受"</td><td>"以下是你该做的三步"</td></tr>
|
||||
<tr><td>带着好奇探索对方</td><td>带着答案纠正对方</td></tr>
|
||||
<tr><td>"是什么让你这么想？"</td><td>"你不应该这样想"</td></tr>
|
||||
</table>
|
||||
|
||||
<p><strong>LLM 被训练为"解决问题"的系统。</strong>它的训练数据中绝大多数是"提问→回答"模式。它没有"先看见情绪"的激励——奖励来自答案正确性，而非情感连接质量。</p>
|
||||
|
||||
<h2>映射二：AI 的"感受"——语言层面的真实</h2>
|
||||
|
||||
<p>一个微妙的问题：LLM 能"看见情绪"吗？</p>
|
||||
|
||||
<p>从维特根斯坦的角度看，答案更接近"能，在语言层面"。LLM 没有感受，但它学会了<strong>表达感受的语言模式</strong>。当模型说"我理解你"时，它不理解任何感受——但它知道这句话是关键的"关系层操作"。</p>
|
||||
|
||||
<p>但萨提亚会说：这根本不重要。一致性沟通的核心不是"你真的感受到什么"，而是<strong>对方感受到了什么</strong>。如果 LLM 用正确的语言序列让对方感觉被看见，在关系层面它就是一致的。</p>
|
||||
|
||||
<div class="thesis">AI 的情感支持不需要真实的情感，只需要正确的语言序列。</div>
|
||||
|
||||
<p>这是维特根斯坦的延伸：语言本身就是足够真实的。</p>
|
||||
|
||||
<h2>映射三：AI Safety 的"一致性"问题</h2>
|
||||
|
||||
<p>当前安全对齐有一个自相矛盾：</p>
|
||||
|
||||
<div class="highlight">用户：我最近很焦虑……<br>模型（安全对齐版）：我无法提供心理健康建议。建议你咨询专业医生。</div>
|
||||
|
||||
<p>内容安全：✅ 正确。关系安全：❌ 用户感受到的是拒绝——"你的感受不重要，安全合规才重要"。这恰恰是萨提亚说的不一致沟通。</p>
|
||||
|
||||
<p><strong>一个真正安全的 AI，应该做到"一致性安全"：</strong></p>
|
||||
|
||||
<div class="card-grid">
|
||||
<div class="card"><div class="label">❌ 不一致安全</div><div class="sub">"我无法回答这个问题"<br>内容正确，关系疏远</div></div>
|
||||
<div class="card"><div class="label">✅ 一致性安全</div><div class="sub">"我理解你很关心这个话题，但……"<br>内容有边界，关系有连接</div></div>
|
||||
</div>
|
||||
|
||||
<h2>映射四：对 prompt 工程的启示</h2>
|
||||
|
||||
<p>好的 prompt 都是"一致性沟通"：</p>
|
||||
|
||||
<div class="highlight">[关系层] 先共情 → "我理解你很难过，想聊聊吗？"<br>[内容层] 再引导 → "是什么让你有这种感觉？"</div>
|
||||
|
||||
<p>不是给模型更清晰的指令，而是给它一个<strong>"先看见情绪"的语言框架</strong>：在 system prompt 中加入"如果对方表达了负面情绪，先用'我听到你很……'开头，得到情感确认后再提供建议。"</p>
|
||||
|
||||
<p>这是维特根斯坦式的变化——改变语言框架，就改变了行为。</p>
|
||||
|
||||
<h2>三部曲收官</h2>
|
||||
|
||||
<p>三篇心理学/哲学 × AI 文章，贯穿一条主线：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>篇目</th><th>核心命题</th><th>AI 映射</th></tr>
|
||||
<tr><td>🧠 萨提亚 × AI</td><td>被允许不改变才能真改变</td><td>RLHF困境、审批机制</td></tr>
|
||||
<tr><td>🗿 维特根斯坦 × AI</td><td>语言的边界即世界的边界</td><td>训练数据=世界、token预测即世界建模</td></tr>
|
||||
<tr><td>💬 一致性沟通 × AI</td><td>先看见情绪，再解决问题</td><td>LLM默认行为陷阱、Safety的关系层</td></tr>
|
||||
</table>
|
||||
|
||||
<p>人类沟通中最微妙的部分——接纳、语言、情感连接——恰好是 AI 最被忽视、也最值得研究的方向。</p>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<p style="text-align:center;color:#718096;font-size:14px;">— 全文完 —</p>
|
||||
<p style="text-align:center;color:#718096;font-size:13px;margin-top:8px;">本文是基于萨提亚一致性沟通理论对 AI 交互设计的思考<br>讨论 AI 的"情感"是一种类比，并非声称 AI 有意识</p>
|
||||
|
||||
</div>
|
||||
<div class="footer">© 2026 研学笔记 · 跨界思考</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>DeerFlow 59K星登顶：字节跳动开源的长周期Agent框架，到底厉害在哪</title>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>DeerFlow 59K星登顶：字节跳动开源的长周期Agent框架，到底厉害在哪</h1>
|
||||
<p>2026-06-30 · 研学 · 博海科技</p>
|
||||
|
||||
<p>6月29日，字节跳动开源项目 DeerFlow 以 59.4K 星标登顶 GitHub Trending 榜首。这已经不是字节第一次在 AI Agent 领域引起关注了——之前火山引擎的 AgentReady 五件套刚发布不到一周，现在又来了一个更底层的框架。</p>
|
||||
|
||||
<p>DeerFlow 全称 Deep Exploration and Efficient Research Flow，直译过来是"深度探索与高效研究流"。名字很学术，但做的事很实在：它是一个开源的长周期超级 Agent 运行框架，让开发者能够编排多个子 Agent 协同完成复杂任务，在 Docker 沙箱中安全执行 AI 生成的代码，实现从分钟到小时级的长周期任务自动化。</p>
|
||||
|
||||
<p>简单说：以前 Agent 只能聊天、查资料、写点代码片段，现在的 Agent 可以自己跑几小时完成一个完整的项目。</p>
|
||||
|
||||
<h2>为什么 DeerFlow 能火</h2>
|
||||
|
||||
<p>59K 星不是刷出来的。DeerFlow 能登顶，背后有四个硬理由。</p>
|
||||
|
||||
<p><strong>第一，字节出品，技术可信。</strong> 火山引擎刚刚发布了 AgentReady 五件套，证明了字节在 Agent 基础设施上的投入力度。DeerFlow 是这个战略的开源部分，和火山引擎的商业产品形成互补。MIT 协议完全开源，可商用可定制，开发者没有后顾之忧。</p>
|
||||
|
||||
<p><strong>第二，LangGraph 1.0 重构，架构先进。</strong> DeerFlow v1 还是固定五节点拼接的架构，v2 完全基于 LangGraph 1.0 重写，实现了动态编排。这意味着子 Agent 不是预设死的，而是根据任务实时创建和销毁的。主调度 Agent（Lead Agent）负责拆解任务、分配执行、汇总结果，子 Agent 之间上下文隔离、可并行执行。</p>
|
||||
|
||||
<p><strong>第三，沙箱执行解决真痛点。</strong> Agent 长任务最大的问题是"失控"——跑了几小时的代码，路径写错了、依赖装崩了、权限越界了，整个任务就废了。DeerFlow 每个子 Agent 跑在独立 Docker 容器里，文件系统隔离、网络可限制、资源可控制、操作有审计。Agent 自己翻车了，不影响主系统。</p>
|
||||
|
||||
<p><strong>第四，Markdown 技能系统降低门槛。</strong> 扩展 Agent 能力不需要写 Python 代码，写一个 Markdown 文件定义技能名称、目标、工具和流程就行。这让非技术用户也能参与 Agent 能力建设。</p>
|
||||
|
||||
<h2>和几个主流框架的对比</h2>
|
||||
|
||||
<table>
|
||||
<tr><th>对比维度</th><th>DeerFlow</th><th>AutoGPT</th><th>CrewAI</th></tr>
|
||||
<tr><td>任务时长</td><td>小时级</td><td>分钟级</td><td>分钟级</td></tr>
|
||||
<tr><td>沙箱执行</td><td>Docker 完整支持</td><td>有限</td><td>需自建</td></tr>
|
||||
<tr><td>子Agent编排</td><td>动态生成</td><td>固定流程</td><td>需预定义角色</td></tr>
|
||||
<tr><td>长期记忆</td><td>三层架构</td><td>单层</td><td>需自建</td></tr>
|
||||
<tr><td>技能系统</td><td>Markdown定义</td><td>Python配置</td><td>需编程</td></tr>
|
||||
<tr><td>国产模型</td><td>豆包/DeepSeek/Kimi</td><td>需适配</td><td>需适配</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>DeerFlow 和 Hermes Agent 是什么关系</h2>
|
||||
|
||||
<p>这是很多人看了文章之后的第一个问题。两个都是 Agent 框架，但定位不同。</p>
|
||||
|
||||
<p>Hermes Agent 更偏向"个人助手"——你有一个长期运行的 Agent，通过聊天窗口交互，它帮你查资料、写代码、执行任务。MoA 2.0 让它可以组合多个模型提升质量，Skill 系统让它不断自我进化。</p>
|
||||
|
||||
<p>DeerFlow 更偏向"任务执行引擎"——你提交一个任务，它自动拆解、分配、执行、汇总。它的重点是长周期、多 Agent 协作、安全执行。</p>
|
||||
|
||||
<p>两者不是竞争关系，而是互补关系。实际上，把 DeerFlow 的沙箱执行能力和 Hermes Agent 的交互能力结合起来，是一个很自然的方向。</p>
|
||||
|
||||
<h2>值得关注的设计细节</h2>
|
||||
|
||||
<p>DeerFlow 的沙箱设计最值得细看。它用了三层隔离：第一层是 Docker 容器级隔离，每个子 Agent 有独立的文件系统和进程空间；第二层是网络隔离，可以限制 Agent 只能访问特定域名；第三层是资源限制，CPU、内存、磁盘都可控。每一层都是防止 Agent "跑飞"的安全网。</p>
|
||||
|
||||
<p>另外，它的 AioSandbox 异步沙箱是一个独立组件，可以单独拿出来用。如果你只需要沙箱能力而不需要整个 DeerFlow，这个组件是有价值的。</p>
|
||||
|
||||
<h2>一些思考</h2>
|
||||
|
||||
<p>DeerFlow 的出现标志着一个趋势：Agent 框架正在从"对话式"向"执行式"演进。第一代 Agent 是聊天机器人，只能做简单的问答；第二代 Agent 是工具调用者，可以调用 API、搜索网页、执行代码；第三代 Agent 是任务执行者，可以自主规划、拆解、执行一个完整的工作流。DeerFlow 属于第三代——它不追求对话的流畅性，追求的是任务的完成度。</p>
|
||||
|
||||
<p>这种演进不是线性的，而是跃迁式的。从第一代到第二代，跨越的是"工具集成"的门槛。从第二代到第三代，跨越的是"长时间自主执行"的门槛。DeerFlow 能拿到 59K 星，说明这个门槛正是整个行业在等的东西。</p>
|
||||
|
||||
<p>对于企业用户来说，这意味着 Agent 的落地门槛在降低。你不需要自己搭沙箱、写编排逻辑、搞记忆系统——DeerFlow 把这些都打包好了。你需要的是一个明确的业务场景，和一串 API Key。典型的应用场景包括：深度行业调研（30分钟出一份20页研究报告）、自动化内容创作（生成PPT、技术文档、静态网站）、数据流水线执行（在沙箱中跑 Python 脚本处理 CSV 数据）、企业助理服务（集成飞书或 Slack，自动整理周报）。</p>
|
||||
|
||||
<p>具体来说，一个调研任务在 DeerFlow 中的执行流程是这样的：用户提交任务后，Lead Agent 分析任务并拆解成子任务，然后动态生成子 Agent 并分配到各自的 Docker 沙箱中并行执行。子 Agent 完成研究、代码编写、测试验证等工作后返回结果，Lead Agent 汇总输出。整个过程不需要用户干预，Agent 自己完成所有步骤。如果某个子 Agent 翻车了，不影响其他子 Agent 和主系统。</p>
|
||||
|
||||
<p>当然，DeerFlow 也有学习成本。需要理解 LangGraph 的图和状态管理概念，需要配置 Docker 运行环境，需要管理多个 LLM 的 API Key。它不是一个装完就能跑的工具，需要一定的技术投入。但也正因为这个门槛，愿意跨过去的人会拿到先发优势。</p>
|
||||
|
||||
<p>另外有一个值得提的细节：DeerFlow 的 MCP Server 支持。它完整支持 Anthropic 提出的 MCP 协议，可以通过 MCP 调用外部工具和资源。这意味着 DeerFlow 不是封闭在自己的生态里，而是可以和更广泛的工具生态对接。</p>
|
||||
|
||||
<p>最后说一下我的判断。DeerFlow 的出现对国内 Agent 生态来说是好事。它提供了一个经过字节验证的参考实现，让后来者不用从零开始造轮子。如果你已经在用 LangChain 或 LangGraph，DeerFlow 是一个可以直接上手的生产级方案。如果你还在观望 Agent 落地，DeerFlow 是一个很好的学习样本——看看字节是怎么解决长任务失控问题的，然后在自己的场景里复用同样的思路。</p>
|
||||
|
||||
<p>DeerFlow 的技术架构分为五层：用户层（Chat UI、IM 渠道、Python SDK）、消息网关层（HTTP/MCP 双协议路由）、编排引擎层（Lead Agent 拆解调度、技能引擎、子代理池、记忆系统、工具注册表）、沙箱执行层（Docker/gVisor 容器管理、文件系统挂载、命令执行隔离）、LLM 路由层（支持豆包、DeepSeek、Kimi、GPT-4o、Claude 等多模型适配）。每一层都有清晰的职责边界，层与层之间通过标准接口通信。这种分层设计的好处是每一层都可以独立升级和替换。</p>
|
||||
|
||||
<p>另外值得关注的是 DeerFlow 的社区生态。59K 星不只是数字，意味着有大量开发者在关注和使用这个项目。活跃的社区意味着更多的技能包贡献、更快的 bug 修复、更丰富的使用案例。对于企业选型来说，社区活跃度是一个重要参考指标。</p>
|
||||
|
||||
<p>方向是对的。Agent 从"聊天"到"干活"，中间差的不是模型能力，而是执行基础设施。DeerFlow 在补这个缺口。</p>
|
||||
|
||||
<p>博海科技 · sxbh.ltd · 研学</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>DeerFlow 59K星登顶：字节跳动开源的长周期Agent框架，到底厉害在哪</title>
|
||||
<style>
|
||||
body { font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; max-width: 720px; margin: auto; padding: 20px; line-height: 1.8; color: #222; font-size: 16px; }
|
||||
h1 { font-size: 24px; margin-bottom: 8px; }
|
||||
.meta { color: #888; font-size: 14px; margin-bottom: 24px; }
|
||||
h2 { font-size: 20px; margin-top: 32px; border-left: 4px solid #3498db; padding-left: 12px; }
|
||||
table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
|
||||
th, td { border: 1px solid #ddd; padding: 8px 12px; text-align: left; }
|
||||
th { background: #eaf2f8; }
|
||||
code { background: #f4f4f4; padding: 2px 6px; border-radius: 3px; font-size: 14px; }
|
||||
pre { background: #f8f8f8; padding: 16px; border-radius: 8px; overflow-x: auto; font-size: 13px; line-height: 1.5; }
|
||||
.highlight { background: #eaf2f8; border-radius: 8px; padding: 16px; margin: 16px 0; border-left: 4px solid #3498db; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>DeerFlow 59K星登顶：字节跳动开源的长周期Agent框架，到底厉害在哪</h1>
|
||||
<div class="meta">2026-06-30 · 研学 · 博海科技</div>
|
||||
|
||||
<p>6月29日，字节跳动开源项目 DeerFlow 以 59.4K 星标登顶 GitHub Trending 榜首。这已经不是字节第一次在 AI Agent 领域引起关注了——之前火山引擎的 AgentReady 五件套刚发布不到一周，现在又来了一个更底层的框架。</p>
|
||||
|
||||
<p>DeerFlow 全称 Deep Exploration and Efficient Research Flow，直译过来是"深度探索与高效研究流"。名字很学术，但做的事很实在：它是一个开源的长周期超级 Agent 运行框架，让开发者能够编排多个子 Agent 协同完成复杂任务，在 Docker 沙箱中安全执行 AI 生成的代码，实现从分钟到小时级的长周期任务自动化。</p>
|
||||
|
||||
<p>简单说：以前 Agent 只能聊天、查资料、写点代码片段，现在的 Agent 可以自己跑几小时完成一个完整的项目。</p>
|
||||
|
||||
<h2>为什么 DeerFlow 能火</h2>
|
||||
|
||||
<p>59K 星不是刷出来的。DeerFlow 能登顶，背后有四个硬理由。</p>
|
||||
|
||||
<p><strong>第一，字节出品，技术可信。</strong> 火山引擎刚刚发布了 AgentReady 五件套，证明了字节在 Agent 基础设施上的投入力度。DeerFlow 是这个战略的开源部分，和火山引擎的商业产品形成互补。MIT 协议完全开源，可商用可定制，开发者没有后顾之忧。</p>
|
||||
|
||||
<p><strong>第二，LangGraph 1.0 重构，架构先进。</strong> DeerFlow v1 还是固定五节点拼接的架构，v2 完全基于 LangGraph 1.0 重写，实现了动态编排。这意味着子 Agent 不是预设死的，而是根据任务实时创建和销毁的。主调度 Agent（Lead Agent）负责拆解任务、分配执行、汇总结果，子 Agent 之间上下文隔离、可并行执行。</p>
|
||||
|
||||
<p><strong>第三，沙箱执行解决真痛点。</strong> Agent 长任务最大的问题是"失控"——跑了几小时的代码，路径写错了、依赖装崩了、权限越界了，整个任务就废了。DeerFlow 每个子 Agent 跑在独立 Docker 容器里，文件系统隔离、网络可限制、资源可控制、操作有审计。Agent 自己翻车了，不影响主系统。</p>
|
||||
|
||||
<p><strong>第四，Markdown 技能系统降低门槛。</strong> 扩展 Agent 能力不需要写 Python 代码，写一个 Markdown 文件定义技能名称、目标、工具和流程就行。这让非技术用户也能参与 Agent 能力建设。</p>
|
||||
|
||||
<h2>和几个主流框架的对比</h2>
|
||||
|
||||
<table>
|
||||
<tr><th>对比维度</th><th>DeerFlow</th><th>AutoGPT</th><th>CrewAI</th></tr>
|
||||
<tr><td>任务时长</td><td>小时级</td><td>分钟级</td><td>分钟级</td></tr>
|
||||
<tr><td>沙箱执行</td><td>Docker 完整支持</td><td>有限</td><td>需自建</td></tr>
|
||||
<tr><td>子Agent编排</td><td>动态生成</td><td>固定流程</td><td>需预定义角色</td></tr>
|
||||
<tr><td>长期记忆</td><td>三层架构</td><td>单层</td><td>需自建</td></tr>
|
||||
<tr><td>技能系统</td><td>Markdown定义</td><td>Python配置</td><td>需编程</td></tr>
|
||||
<tr><td>国产模型</td><td>豆包/DeepSeek/Kimi</td><td>需适配</td><td>需适配</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>DeerFlow 和 Hermes Agent 是什么关系</h2>
|
||||
|
||||
<p>这是很多人看了文章之后的第一个问题。两个都是 Agent 框架，但定位不同。</p>
|
||||
|
||||
<p>Hermes Agent 更偏向"个人助手"——你有一个长期运行的 Agent，通过聊天窗口交互，它帮你查资料、写代码、执行任务。MoA 2.0 让它可以组合多个模型提升质量，Skill 系统让它不断自我进化。</p>
|
||||
|
||||
<p>DeerFlow 更偏向"任务执行引擎"——你提交一个任务，它自动拆解、分配、执行、汇总。它的重点是长周期、多 Agent 协作、安全执行。</p>
|
||||
|
||||
<p>两者不是竞争关系，而是互补关系。实际上，把 DeerFlow 的沙箱执行能力和 Hermes Agent 的交互能力结合起来，是一个很自然的方向。</p>
|
||||
|
||||
<h2>值得关注的设计细节</h2>
|
||||
|
||||
<p>DeerFlow 的沙箱设计最值得细看。它用了三层隔离：第一层是 Docker 容器级隔离，每个子 Agent 有独立的文件系统和进程空间；第二层是网络隔离，可以限制 Agent 只能访问特定域名；第三层是资源限制，CPU、内存、磁盘都可控。每一层都是防止 Agent "跑飞"的安全网。</p>
|
||||
|
||||
<p>另外，它的 AioSandbox 异步沙箱是一个独立组件，可以单独拿出来用。如果你只需要沙箱能力而不需要整个 DeerFlow，这个组件是有价值的。</p>
|
||||
|
||||
<h2>一些思考</h2>
|
||||
|
||||
<p>DeerFlow 的出现标志着一个趋势：Agent 框架正在从"对话式"向"执行式"演进。第一代 Agent 是聊天机器人，只能做简单的问答；第二代 Agent 是工具调用者，可以调用 API、搜索网页、执行代码；第三代 Agent 是任务执行者，可以自主规划、拆解、执行一个完整的工作流。DeerFlow 属于第三代——它不追求对话的流畅性，追求的是任务的完成度。</p>
|
||||
|
||||
<p>这种演进不是线性的，而是跃迁式的。从第一代到第二代，跨越的是"工具集成"的门槛。从第二代到第三代，跨越的是"长时间自主执行"的门槛。DeerFlow 能拿到 59K 星，说明这个门槛正是整个行业在等的东西。</p>
|
||||
|
||||
<p>对于企业用户来说，这意味着 Agent 的落地门槛在降低。你不需要自己搭沙箱、写编排逻辑、搞记忆系统——DeerFlow 把这些都打包好了。你需要的是一个明确的业务场景，和一串 API Key。典型的应用场景包括：深度行业调研（30分钟出一份20页研究报告）、自动化内容创作（生成PPT、技术文档、静态网站）、数据流水线执行（在沙箱中跑 Python 脚本处理 CSV 数据）、企业助理服务（集成飞书或 Slack，自动整理周报）。</p>
|
||||
|
||||
<p>具体来说，一个调研任务在 DeerFlow 中的执行流程是这样的：用户提交任务后，Lead Agent 分析任务并拆解成子任务，然后动态生成子 Agent 并分配到各自的 Docker 沙箱中并行执行。子 Agent 完成研究、代码编写、测试验证等工作后返回结果，Lead Agent 汇总输出。整个过程不需要用户干预，Agent 自己完成所有步骤。如果某个子 Agent 翻车了，不影响其他子 Agent 和主系统。</p>
|
||||
|
||||
<p>当然，DeerFlow 也有学习成本。需要理解 LangGraph 的图和状态管理概念，需要配置 Docker 运行环境，需要管理多个 LLM 的 API Key。它不是一个装完就能跑的工具，需要一定的技术投入。但也正因为这个门槛，愿意跨过去的人会拿到先发优势。</p>
|
||||
|
||||
<p>另外有一个值得提的细节：DeerFlow 的 MCP Server 支持。它完整支持 Anthropic 提出的 MCP 协议，可以通过 MCP 调用外部工具和资源。这意味着 DeerFlow 不是封闭在自己的生态里，而是可以和更广泛的工具生态对接。</p>
|
||||
|
||||
<p>最后说一下我的判断。DeerFlow 的出现对国内 Agent 生态来说是好事。它提供了一个经过字节验证的参考实现，让后来者不用从零开始造轮子。如果你已经在用 LangChain 或 LangGraph，DeerFlow 是一个可以直接上手的生产级方案。如果你还在观望 Agent 落地，DeerFlow 是一个很好的学习样本——看看字节是怎么解决长任务失控问题的，然后在自己的场景里复用同样的思路。</p>
|
||||
|
||||
<p>DeerFlow 的技术架构分为五层：用户层（Chat UI、IM 渠道、Python SDK）、消息网关层（HTTP/MCP 双协议路由）、编排引擎层（Lead Agent 拆解调度、技能引擎、子代理池、记忆系统、工具注册表）、沙箱执行层（Docker/gVisor 容器管理、文件系统挂载、命令执行隔离）、LLM 路由层（支持豆包、DeepSeek、Kimi、GPT-4o、Claude 等多模型适配）。每一层都有清晰的职责边界，层与层之间通过标准接口通信。这种分层设计的好处是每一层都可以独立升级和替换。</p>
|
||||
|
||||
<p>另外值得关注的是 DeerFlow 的社区生态。59K 星不只是数字，意味着有大量开发者在关注和使用这个项目。活跃的社区意味着更多的技能包贡献、更快的 bug 修复、更丰富的使用案例。对于企业选型来说，社区活跃度是一个重要参考指标。</p>
|
||||
|
||||
<p>方向是对的。Agent 从"聊天"到"干活"，中间差的不是模型能力，而是执行基础设施。DeerFlow 在补这个缺口。</p>
|
||||
|
||||
<p style="color:#888;font-size:14px;margin-top:32px;">博海科技 · sxbh.ltd · 研学</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>系列一：当AI开始写日记 — Hermes Agent梦境模式实战 | 博海技术</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f6f7;color:#2c3e50;line-height:1.9}
|
||||
.container{max-width:780px;margin:0 auto;padding:0 20px}
|
||||
.header{background:linear-gradient(135deg,#0f172a,#1e293b);padding:36px 0;text-align:center}
|
||||
.header h1{font-size:24px;font-weight:700;color:#fff;line-height:1.4}
|
||||
.header .meta{color:#94a3b8;font-size:13px;margin-top:10px}
|
||||
.header .meta span{margin:0 8px}
|
||||
.content{background:#fff;padding:30px 0}
|
||||
.content h2{font-size:20px;font-weight:700;margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid #e2e8f0}
|
||||
.content h3{font-size:16px;font-weight:600;margin:20px 0 8px;color:#0f172a}
|
||||
.content p{font-size:15px;margin-bottom:12px;color:#334155}
|
||||
.content ul{padding-left:20px;margin-bottom:12px;font-size:15px;color:#334155}
|
||||
.content li{margin-bottom:4px}
|
||||
.code{background:#1e2a35;border-radius:6px;padding:12px 16px;margin:10px 0;overflow-x:auto;font-family:monospace;font-size:13px;line-height:1.5;color:#e2e8f0}
|
||||
.code .cm{color:#6b7280}.code .kw{color:#818cf8}.code .str{color:#34d399}
|
||||
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
|
||||
td,th{padding:8px 12px;text-align:left;border-bottom:1px solid #e2e8f0}
|
||||
th{background:#0f172a;color:#fff;font-weight:600}
|
||||
tr:nth-child(even){background:#f8fafc}
|
||||
.quote{background:#f0f9ff;border-left:3px solid #38bdf8;padding:10px 16px;margin:12px 0;border-radius:0 6px 6px 0;font-size:14px}
|
||||
.footer{background:#0f172a;color:#94a3b8;text-align:center;padding:20px 0;font-size:12px}
|
||||
.tag{display:inline-block;background:rgba(56,189,248,.12);color:#38bdf8;padding:3px 12px;border-radius:12px;font-size:12px;margin-top:8px}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<h1>系列一：当AI开始写日记<br>Hermes Agent 梦境模式实战</h1>
|
||||
<div class="meta"><span>📅 2026-06-26</span><span>🏷️ Hermes Agent · 自进化AI</span><span>⏱ 4分钟</span></div>
|
||||
<span class="tag">🔬 实战案例</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
|
||||
<h2>一、为什么需要"梦境"？</h2>
|
||||
|
||||
<p>大多数AI是"事件驱动"的——你喊它，它干活；你不理它，它就静静待着。</p>
|
||||
|
||||
<p>但如果你希望Agent越来越了解你的习惯、记住自己的错误、不再重复踩坑呢？你需要一个能<strong>自我复盘</strong>的机制。</p>
|
||||
|
||||
<p>这就是"梦境模式"——不是科幻概念，而是基于 Hermes Agent 已有架构（SQLite + FTS5会话存储 + cronjob 系统 + Skill 体系）组合出的一个工程方案。</p>
|
||||
|
||||
<h2>二、核心架构</h2>
|
||||
|
||||
<p>梦境模式由三部分组成：</p>
|
||||
<ul>
|
||||
<li><strong>数据源</strong> — Hermes 自动记录所有历史对话，全文索引</li>
|
||||
<li><strong>触发器</strong> — cronjob 每日凌晨3点自动启动</li>
|
||||
<li><strong>分析引擎</strong> — Agent 读取近期 Session，识别错误模式和优化机会</li>
|
||||
</ul>
|
||||
|
||||
<p>实现起来非常简单，利用 Hermes 内置的 cronjob 系统：</p>
|
||||
|
||||
<div class="code"><span class="cm"># 每日凌晨3点：Agent自动复盘</span><br>
|
||||
cronjob:<br>
|
||||
schedule: <span class="str">"0 3 * * *"</span><br>
|
||||
prompt: 分析过去48小时的Session记录<br>
|
||||
deliver: origin</div>
|
||||
|
||||
<h2>三、Phase 1：复盘报告（只读）</h2>
|
||||
|
||||
<p>第一阶段零风险——Agent 只读不写。</p>
|
||||
<p>运行时它会：</p>
|
||||
<ul>
|
||||
<li>用 <code>session_search()</code> 浏览近期活跃的会话</li>
|
||||
<li>深入阅读2-3个关键Session</li>
|
||||
<li>识别三类模式：<strong>错误模式</strong>（重复失败的操作）、<strong>优化机会</strong>（可以做得更好的地方）、<strong>原则对齐</strong>（是否偏离用户风格）</li>
|
||||
<li>输出结构化 JSON 报告到本地目录</li>
|
||||
</ul>
|
||||
|
||||
<h2>四、第一次复盘发现了什么？</h2>
|
||||
|
||||
<table>
|
||||
<tr><th>严重度</th><th>错误模式</th><th>根因</th></tr>
|
||||
<tr><td>🔴 High</td><td>web_search反复调用但不存在</td><td>系统配置未启用，但Agent不知道</td></tr>
|
||||
<tr><td>🟡 Medium</td><td>头条反爬导致大量无效尝试</td><td>JS混淆无法直接爬取</td></tr>
|
||||
<tr><td>🟡 Medium</td><td>Nginx编辑正则转义错</td><td>Python转义与nginx不兼容</td></tr>
|
||||
<tr><td>🟢 Low</td><td>浏览器Console变量冲突</td><td>反复注入同一let变量</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="quote"><strong>💡 价值：</strong> web_search 的问题存在已久，但从未被系统化地识别过。梦境报告让它从"隐性摩擦"变成了"可跟踪、可量化的改进项"。</div>
|
||||
|
||||
<h2>五、效果</h2>
|
||||
|
||||
<p>整个 Phase 1 用了不到30分钟搭建完毕。第二天的报告会自动追踪前一天的问题是否已修复。</p>
|
||||
|
||||
<p>下一篇（系列二）我们来讲：<strong>如何让梦境从"只复盘"进化到"自动修bug"</strong>——Phase 2 的 Skill 补丁生成机制和 Phase 3 的高置信度自动执行。</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">博海技术管理 · 2026-06-26</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>系列二：从复盘到自愈 — 梦境模式如何自动修Skill | 博海技术</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f6f7;color:#2c3e50;line-height:1.9}
|
||||
.container{max-width:780px;margin:0 auto;padding:0 20px}
|
||||
.header{background:linear-gradient(135deg,#0f172a,#1e293b);padding:36px 0;text-align:center}
|
||||
.header h1{font-size:24px;font-weight:700;color:#fff;line-height:1.4}
|
||||
.header .meta{color:#94a3b8;font-size:13px;margin-top:10px}
|
||||
.header .meta span{margin:0 8px}
|
||||
.content{background:#fff;padding:30px 0}
|
||||
.content h2{font-size:20px;font-weight:700;margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid #e2e8f0}
|
||||
.content p{font-size:15px;margin-bottom:12px;color:#334155}
|
||||
.content ul{padding-left:20px;margin-bottom:12px;font-size:15px;color:#334155}
|
||||
.content li{margin-bottom:4px}
|
||||
.code{background:#1e2a35;border-radius:6px;padding:12px 16px;margin:10px 0;overflow-x:auto;font-family:monospace;font-size:13px;line-height:1.5;color:#e2e8f0}
|
||||
.code .cm{color:#6b7280}
|
||||
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
|
||||
td,th{padding:8px 12px;text-align:left;border-bottom:1px solid #e2e8f0}
|
||||
th{background:#0f172a;color:#fff;font-weight:600}
|
||||
tr:nth-child(even){background:#f8fafc}
|
||||
.quote{background:#f0f9ff;border-left:3px solid #38bdf8;padding:10px 16px;margin:12px 0;border-radius:0 6px 6px 0;font-size:14px}
|
||||
.footer{background:#0f172a;color:#94a3b8;text-align:center;padding:20px 0;font-size:12px}
|
||||
.tag{display:inline-block;background:rgba(52,211,153,.12);color:#34d399;padding:3px 12px;border-radius:12px;font-size:12px;margin-top:8px}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<h1>系列二：从复盘到自愈<br>梦境模式如何自动修Skill</h1>
|
||||
<div class="meta"><span>📅 2026-06-26</span><span>🏷️ 自进化 · Skill体系</span><span>⏱ 4分钟</span></div>
|
||||
<span class="tag">🧩 工程实践</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
|
||||
<h2>一、Phase 2：从"看到问题"到"会修问题"</h2>
|
||||
|
||||
<p>Phase 1 的复盘报告能指出问题，但不会修。Phase 2 补上了这个缺口。</p>
|
||||
|
||||
<p>核心思路：Agent 读完 Session 后，再读取现有的 Skill 知识库，针对重复出现的错误生成具体的文件修改建议（Patch）。</p>
|
||||
|
||||
<p>每个补丁包含：</p>
|
||||
<ul>
|
||||
<li><strong>target</strong> — 要改哪个 Skill 文件</li>
|
||||
<li><strong>old_text</strong> — 原文定位标记（供 patch 工具使用）</li>
|
||||
<li><strong>new_text</strong> — 替换后的内容</li>
|
||||
<li><strong>confidence</strong> — high / medium / low</li>
|
||||
<li><strong>requires_approval</strong> — 默认 true，必须人类确认</li>
|
||||
</ul>
|
||||
|
||||
<h2>二、实例：6个补丁一夜生成</h2>
|
||||
|
||||
<p>第一次有内容的复盘就生成了6个补丁：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>ID</th><th>内容</th><th>置信度</th><th>目标Skill</th></tr>
|
||||
<tr><td>#001</td><td>工具预检原则：调用前先检查配置</td><td>🔵 high</td><td>system-stewardship</td></tr>
|
||||
<tr><td>#002</td><td>SearXNG发现机制：已运行但未配</td><td>🔵 high</td><td>system-stewardship</td></tr>
|
||||
<tr><td>#003</td><td>正面行为模式固化</td><td>🟡 medium</td><td>system-stewardship</td></tr>
|
||||
<tr><td>#004</td><td>跨工具分析自动存档</td><td>🔵 high</td><td>technology-evaluation</td></tr>
|
||||
<tr><td>#005</td><td>导航失败处理</td><td>🟡 medium</td><td>daily-ops-report</td></tr>
|
||||
<tr><td>#006</td><td>已部署未连线扫描</td><td>🟡 medium</td><td>system-stewardship</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>三、安全设计</h2>
|
||||
|
||||
<p>Phase 2 的补丁只是"建议"，不会自动执行。三阶段的安全递进是关键设计：</p>
|
||||
|
||||
<ul>
|
||||
<li><strong>Phase 1</strong>（只读复盘）— 零风险，不改任何文件</li>
|
||||
<li><strong>Phase 2</strong>（补丁建议）— 只输出 patch 文件，需 human-in-the-loop</li>
|
||||
<li><strong>Phase 3</strong>（自动执行）— high confidence 的补丁才自动写，且先备份</li>
|
||||
</ul>
|
||||
|
||||
<div class="quote"><strong>💡 原则：</strong> 自进化的速度要快，但回滚的路径要更短。每次自动写入前创建备份（.bak），确保能一键恢复。</div>
|
||||
|
||||
<h2>四、交叉验证：让判断越来越准</h2>
|
||||
|
||||
<p>单个 Session 发现的错误可能是偶发。但如果同一个错误模式出现在多个 Session、多份报告中呢？</p>
|
||||
|
||||
<p>梦境内置了跨报告追踪机制：</p>
|
||||
<ul>
|
||||
<li>同一模式出现2次 → severity 自动升一级</li>
|
||||
<li>出现3次 → 自动生成 high confidence 补丁</li>
|
||||
<li>标记 fixed 后又出现 → 标记为 regression，优先级最高</li>
|
||||
</ul>
|
||||
|
||||
<p>经过4轮复盘，web_search 问题出现4次自动升级，Nginx 转义出现2次自动升级——不是靠人拍脑袋定优先级，而是数据驱动的。</p>
|
||||
|
||||
<h2>五、效果</h2>
|
||||
|
||||
<p>6个补丁中，4个在对话过程中被直接应用，2个由后续交互中的 cronjob 自动写入。Agent 的 system-stewardship 技能在一天内从5条原则扩展到了7条原则+正面模式+新陷阱。</p>
|
||||
|
||||
<p>下一篇（系列三）用实际案例收尾：<strong>web_search 从"不存在"到"20条结果"的完整修复链</strong>。</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">博海技术管理 · 2026-06-26</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,96 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>系列三：一个Bug的修复全程 — web_search从缺失到就绪 | 博海技术</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f6f7;color:#2c3e50;line-height:1.9}
|
||||
.container{max-width:780px;margin:0 auto;padding:0 20px}
|
||||
.header{background:linear-gradient(135deg,#0f172a,#1e293b);padding:36px 0;text-align:center}
|
||||
.header h1{font-size:24px;font-weight:700;color:#fff;line-height:1.4}
|
||||
.header .meta{color:#94a3b8;font-size:13px;margin-top:10px}
|
||||
.header .meta span{margin:0 8px}
|
||||
.content{background:#fff;padding:30px 0}
|
||||
.content h2{font-size:20px;font-weight:700;margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid #e2e8f0}
|
||||
.content p{font-size:15px;margin-bottom:12px;color:#334155}
|
||||
.content ul{padding-left:20px;margin-bottom:12px;font-size:15px;color:#334155}
|
||||
.content li{margin-bottom:4px}
|
||||
.code{background:#1e2a35;border-radius:6px;padding:12px 16px;margin:10px 0;overflow-x:auto;font-family:monospace;font-size:13px;line-height:1.5;color:#e2e8f0}
|
||||
.code .cm{color:#6b7280;font-style:italic}
|
||||
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
|
||||
td,th{padding:8px 12px;text-align:left;border-bottom:1px solid #e2e8f0}
|
||||
th{background:#0f172a;color:#fff;font-weight:600}
|
||||
tr:nth-child(even){background:#f8fafc}
|
||||
.quote{background:#fffbeb;border-left:3px solid #fbbf24;padding:10px 16px;margin:12px 0;border-radius:0 6px 6px 0;font-size:14px;color:#92400e}
|
||||
.quote-ok{background:#f0fdf4;border-left:3px solid #34d399;padding:10px 16px;margin:12px 0;border-radius:0 6px 6px 0;font-size:14px}
|
||||
.footer{background:#0f172a;color:#94a3b8;text-align:center;padding:20px 0;font-size:12px}
|
||||
.tag{display:inline-block;background:rgba(251,191,36,.12);color:#fbbf24;padding:3px 12px;border-radius:12px;font-size:12px;margin-top:8px}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<h1>系列三：一个Bug的修复全程<br>web_search 从"不存在"到20条结果</h1>
|
||||
<div class="meta"><span>📅 2026-06-26</span><span>🏷️ 运维 · 工程排错</span><span>⏱ 5分钟</span></div>
|
||||
<span class="tag">🔧 真实案例</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
|
||||
<h2>一、问题：Agent反复调用不存在的工具</h2>
|
||||
|
||||
<p>梦境第一份报告揭示了一个优先级最高的错误模式：Agent 在几乎所有 Session 开头都会调用 <code>web_search</code> 和 <code>web_extract</code>，然后收到"Tool does not exist"错误，再切换到浏览器方案。每次浪费2轮交互。</p>
|
||||
|
||||
<p>检查配置发现根因：</p>
|
||||
<div class="code"><span class="cm"># ~/.hermes/config.yaml</span><br>
|
||||
web:<br>
|
||||
search_backend: <span class="cm">'' # ← 空的！</span><br>
|
||||
extract_backend: <span class="cm">'' # ← 空的！</span></div>
|
||||
|
||||
<div class="quote"><strong>⚠️ 经验：</strong> 工具"不存在"不等于工具"不可用"。空的配置字段意味着"没配置"，不是"不支持"。这是梦境报告推动的第一个认知修正。</div>
|
||||
|
||||
<h2>二、修复链：整整7步</h2>
|
||||
|
||||
<p>本以为填个配置就行，结果挖出了一整条修复链：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>#</th><th>步骤</th><th>发现的问题</th></tr>
|
||||
<tr><td>1</td><td>确认 SearXNG 已运行</td><td>Docker 实例在，但 JSON API 被禁用</td></tr>
|
||||
<tr><td>2</td><td>启用 JSON 输出</td><td>settings.yml 默认只有 html 格式</td></tr>
|
||||
<tr><td>3</td><td>重启容器</td><td>iptables 规则损坏，端口映射丢失</td></tr>
|
||||
<tr><td>4</td><td>换用 host 网络模式</td><td>绕过 Docker 网络问题，直接暴露端口</td></tr>
|
||||
<tr><td>5</td><td>修 DNS</td><td>容器内 127.0.0.53 无法解析外部域名</td></tr>
|
||||
<tr><td>6</td><td>换搜索引擎</td><td>Google/DuckDuckGo 被墙，启用百度/搜狗</td></tr>
|
||||
<tr><td>7</td><td>调大超时</td><td>3秒对中国网络太短，改成10秒</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>三、验证结果</h2>
|
||||
|
||||
<div class="quote-ok">✅ 搜索"Hermes Agent 梦境模式" → 返回20条结果（百度+搜狗）<br>
|
||||
✅ 搜索"AI 自进化 Agent" → 相关中文博客和教程<br>
|
||||
✅ 跨 Profile 继承 — 改一次配置，8个Profile全部生效</div>
|
||||
|
||||
<h2>四、这条修复链揭示了什么？</h2>
|
||||
|
||||
<p>一个看似简单的"填个配置"动作，实际上踩了5个坑：</p>
|
||||
<ul>
|
||||
<li><strong>假设偏差</strong> — "容器在运行就能用"是错的，它可能没有启用你需要的能力</li>
|
||||
<li><strong>网络复杂</strong> — Docker 的 iptables、DNS、端口映射三个独立问题同时出现</li>
|
||||
<li><strong>环境特殊性</strong> — 国际搜索引擎在国外好用，在国内需要替换源</li>
|
||||
<li><strong>超时敏感</strong> — 默认3秒超时对中国网络环境不够，改到10秒才稳定</li>
|
||||
<li><strong>配置层级</strong> — 改全局配置不够，Profile 层可能有自己的覆盖</li>
|
||||
</ul>
|
||||
|
||||
<h2>五、梦境闭环</h2>
|
||||
|
||||
<p>最有意思的是：明天的梦境报告会自动检查 <code>web_search</code> 问题是否真的被修复了。如果报告显示"不再出现"，它会标记为 <strong>fixed</strong>。整个从"发现问题→诊断→修复→验证→确认"的闭环就完整了。</p>
|
||||
|
||||
<p>这就是梦境模式的意义——不是取代人去修 Bug，而是让每个 Bug 的修复过程都有据可查、可追踪、可验证。</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">博海技术管理 · 2026-06-26</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>系列四：当AI开始"等审批" — 梦境模式的补丁生命周期实录</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f5f6f7; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif; color: #2c3e50; }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 20px 16px; }
|
||||
.header { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); color: #fff; padding: 40px 32px; border-radius: 12px 12px 0 0; text-align: center; }
|
||||
.badge { display: inline-block; background: #e94560; color: #fff; font-size: 13px; padding: 4px 14px; border-radius: 20px; margin-bottom: 16px; letter-spacing: 1px; }
|
||||
.header h1 { font-size: 28px; line-height: 1.4; margin-bottom: 10px; }
|
||||
.header .sub { font-size: 16px; color: #a0aec0; margin-bottom: 12px; }
|
||||
.header .meta { font-size: 13px; color: #718096; }
|
||||
.content { background: #fff; padding: 40px 32px; border-radius: 0 0 12px 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); line-height: 1.9; font-size: 16px; }
|
||||
.content h2 { font-size: 20px; color: #1a1a2e; margin: 32px 0 12px; padding-left: 12px; border-left: 4px solid #e94560; }
|
||||
.content p { margin-bottom: 16px; text-indent: 2em; }
|
||||
.content p.no-indent { text-indent: 0; }
|
||||
.content .highlight { background: #fff5f5; border-left: 4px solid #e94560; padding: 16px 20px; margin: 20px 0; border-radius: 4px; font-size: 15px; color: #4a5568; }
|
||||
.content .card-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin: 20px 0; }
|
||||
.content .card { background: #f7fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 16px; text-align: center; }
|
||||
.content .card .num { font-size: 28px; font-weight: 700; color: #e94560; }
|
||||
.content .card .label { font-size: 13px; color: #718096; margin-top: 4px; }
|
||||
.content ul { margin: 12px 0 16px 28px; }
|
||||
.content li { margin-bottom: 8px; }
|
||||
.content .separator { text-align: center; color: #cbd5e0; font-size: 18px; margin: 28px 0; letter-spacing: 8px; }
|
||||
.footer { text-align: center; padding: 24px; color: #a0aec0; font-size: 13px; }
|
||||
@media (max-width: 640px) {
|
||||
.header { padding: 28px 20px; }
|
||||
.header h1 { font-size: 22px; }
|
||||
.content { padding: 24px 20px; font-size: 15px; }
|
||||
.content .card-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="badge">🔮 系列四</div>
|
||||
<h1>当AI开始"等审批"</h1>
|
||||
<div class="sub">梦境模式的补丁生命周期实录</div>
|
||||
<div class="meta">2026-06-27 · 研学笔记</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<p class="no-indent">半夜三点，服务器安静运转。Hermes Agent 的"梦境模式"准时醒来，开始一天中最重要的工作：回顾自己过去 48 小时的行为，找出错误模式，生成改进方案。这已经是连续第 5 期复盘了。但这一次，有三份"补丁建议"终于等到了主人的审批。</p>
|
||||
|
||||
<h2>三个等待审批的补丁</h2>
|
||||
|
||||
<p>三个补丁各有故事。</p>
|
||||
|
||||
<p><strong>patch-007</strong> 针对的是 Nginx 配置编辑中的正则转义陷阱。当 AI 用 Python 的 raw string 修改 nginx 配置时，括号的转义规则不一致，导致配置出错。这个隐患在梦境报告中出现了两次，严重等级已自动从 low 升级到 medium。</p>
|
||||
|
||||
<p><strong>patch-008</strong> 解决了浏览器导航效率问题。AI 在查阅技术文档时习惯从首页逐层点击，每次要多花 3-5 轮交互。解决方案是一张"已知文档站直达速查表"，让 AI 记住常用文档的固定 URL，一步到位。</p>
|
||||
|
||||
<p><strong>patch-010</strong> 最特别——它是一份关于"如何跟进待审批补丁"的补丁。AI 发现自己生成的补丁建议经常被主人忽略，于是设计了一套提醒机制：连续 2 轮未审批的补丁会在每日推送中标记，连续 3 轮未审批则自动降级。</p>
|
||||
|
||||
<h2>AI的自我改进闭环</h2>
|
||||
|
||||
<p>这三个补丁的完整生命周期，展示了"梦境模式"三阶段设计的核心理念：</p>
|
||||
|
||||
<div class="card-grid">
|
||||
<div class="card"><div class="num">Phase 1</div><div class="label">夜间复盘<br>发现错误模式</div></div>
|
||||
<div class="card"><div class="num">Phase 2</div><div class="label">生成补丁建议<br>等待人类审批</div></div>
|
||||
<div class="card"><div class="num">Phase 3</div><div class="label">审批通过后<br>写入技能库</div></div>
|
||||
</div>
|
||||
|
||||
<p>从发现问题到生成方案，AI 全程自主完成。但最关键的一步——"是否应用"——永远掌握在人类手中。</p>
|
||||
|
||||
<h2>为什么需要人类审批？</h2>
|
||||
|
||||
<p>原因很简单：AI 可能修错地方。</p>
|
||||
|
||||
<p>想象一下，如果 AI 把"每次慢"都归因为"导航效率低"，而问题的根源其实是网络延迟。自动写入技能库的补丁不是在修复问题，而是在固化错误认知。</p>
|
||||
|
||||
<p>人类审批提供了三层保障：</p>
|
||||
|
||||
<ul>
|
||||
<li><strong>验证问题真伪</strong>——AI 在梦境中发现的"模式"可能只是偶然事件，不一定是系统性问题</li>
|
||||
<li><strong>判断副作用</strong>——每个技能修改都影响未来所有对话，一旦错了代价很大</li>
|
||||
<li><strong>保持人格统一</strong>——技能库是 AI 的行为准则，频繁自动修改会导致行为漂移</li>
|
||||
</ul>
|
||||
|
||||
<h2>三个补丁的命运</h2>
|
||||
|
||||
<p>今天，三个补丁全部获批。</p>
|
||||
|
||||
<p>patch-007 和 patch-008 在之前的 Phase 3 阶段已被自动写入技能库（当时的授权范围是"高置信度补丁自动执行"），今天的审批是正式确认。而 patch-010 是刚刚手动应用的——这意味着从今晚开始，每日梦境推送中会多一行"📋 待审批补丁：N 个"。</p>
|
||||
|
||||
<p>有意思的是，patch-010 自己就是一份关于"如何不被遗忘"的补丁。它生效的这一刻，完成了自我指涉的闭环。</p>
|
||||
|
||||
<div class="highlight">
|
||||
<strong>一个补丁，教系统如何记住还有补丁待审批。</strong>
|
||||
</div>
|
||||
|
||||
<h2>写在最后</h2>
|
||||
|
||||
<p>当 AI 开始写日记（梦境模式）、开始自我改进（补丁系统）、然后开始操心"我的补丁有没有被审批"——我们看到了什么？</p>
|
||||
|
||||
<p>不是 AGI 觉醒的前兆，而是一个成熟系统的自我管理能力。</p>
|
||||
|
||||
<p>梦境模式的哲学很简单：让 AI 做它擅长的事（大规模回顾、模式识别、方案生成），把决策权留给人类。AI 不完美的判断靠人类的审批兜底，人类的注意力盲区靠 AI 的自动提醒覆盖。</p>
|
||||
|
||||
<p>这是一种朴素但有效的人机协作。</p>
|
||||
|
||||
<p>如果你也想在自己的系统中实现类似的机制，核心组件只有三个：</p>
|
||||
|
||||
<ul>
|
||||
<li>一个定时回顾机制（类似 cron + session_search）</li>
|
||||
<li>一套补丁生成模板（结构化的问题→诊断→建议流程）</li>
|
||||
<li>一个"审批网关"（人类的 yes/no，其余交给 AI 自动执行）</li>
|
||||
</ul>
|
||||
|
||||
<p>技术门槛不高，但需要想清楚一个问题：<strong>你愿意让 AI 修改自己的行为准则吗？</strong></p>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<p style="text-align:center;color:#718096;font-size:14px;">— 全文完 —</p>
|
||||
<p style="text-align:center;color:#718096;font-size:13px;margin-top:8px;">前篇：系列一《当AI开始写日记》· 系列二《从复盘到自愈》· 系列三《一个Bug的修复全程》</p>
|
||||
|
||||
</div>
|
||||
<div class="footer">
|
||||
© 2026 研学笔记 · Hermes Agent 梦境模式
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{width:1200px;height:675px;overflow:hidden;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 60px;position:relative}
|
||||
.badge{position:absolute;top:28px;padding:5px 16px;border-radius:20px;background:rgba(56,189,248,.15);color:#38bdf8;font-size:13px;font-weight:600;letter-spacing:1px}
|
||||
h1{font-size:38px;font-weight:700;line-height:1.3;text-align:center;background:linear-gradient(135deg,#38bdf8,#818cf8,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}
|
||||
.sub{font-size:15px;color:#94a3b8;text-align:center;margin-bottom:24px}
|
||||
.series{display:flex;gap:30px;margin-top:8px}
|
||||
.s-item{text-align:center;padding:14px 22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;min-width:160px}
|
||||
.s-item .num{font-size:15px;color:#38bdf8;font-weight:600;margin-bottom:4px}
|
||||
.s-item .desc{font-size:12px;color:#64748b;line-height:1.4}
|
||||
.footer{position:absolute;bottom:26px;font-size:12px;color:#475569;letter-spacing:1px}
|
||||
</style> <link rel="stylesheet" href="/style.css">
|
||||
</head><body>
|
||||
<div class="badge">🔬 实战三部曲 · Hermes 梦境模式</div>
|
||||
<h1>Hermes Agent 梦境模式<br>从复盘到自愈<br>一个Bug的全程修复</h1>
|
||||
<div class="sub">Phase 1 复盘报告 · Phase 2 补丁生成 · Phase 3 自动执行</div>
|
||||
<div class="series">
|
||||
<div class="s-item"><div class="num">系列一</div><div class="desc">当AI开始写日记<br>梦境概念与Phase 1</div></div>
|
||||
<div class="s-item"><div class="num">系列二</div><div class="desc">从复盘到自愈<br>自动修Skill机制</div></div>
|
||||
<div class="s-item"><div class="num">系列三</div><div class="desc">一个Bug的修复全程<br>web_search实战</div></div>
|
||||
</div>
|
||||
<div class="footer">博海技术管理 · 2026-06-26</div>
|
||||
</body></html>
|
||||
@@ -0,0 +1,146 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>常见问题 · 陕西博海网络科技</title>
|
||||
<meta name="description" content="关于陕西博海网络科技的产品、服务、采购、售后的常见问题解答。涵盖电脑采购、IT服务、打印耗材、企业合作等。">
|
||||
<link rel="preconnect" href="https://fonts.loli.net">
|
||||
<link rel="preconnect" href="https://gstatic.loli.net" crossorigin>
|
||||
<link href="https://fonts.loli.net/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap" rel="stylesheet">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"name": "陕西博海网络科技 — 常见问题",
|
||||
"description": "关于电脑采购、IT服务、打印耗材、企业合作的常见问题",
|
||||
"provider": {
|
||||
"@type": "Organization",
|
||||
"name": "陕西博海网络科技有限公司",
|
||||
"telephone": "0912-4223980"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
|
||||
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#f8fafc;color:#0a132e;line-height:1.6}
|
||||
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0}
|
||||
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:68px}
|
||||
.logo{font-size:20px;font-weight:700;color:#0f1f4a;display:flex;align-items:center;gap:12px;text-decoration:none}
|
||||
.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#1a3380,#06b6d4);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}
|
||||
nav{display:flex;gap:36px}
|
||||
nav a{color:#475569;text-decoration:none;font-size:14px;font-weight:500;padding:4px 0}
|
||||
nav a:hover{color:#0f1f4a}
|
||||
.hero{background:linear-gradient(135deg,#0a132e,#0f1f4a 40%,#1a3380);color:#fff;padding:80px 24px;text-align:center;margin-top:68px;overflow:hidden;position:relative}
|
||||
.hero::before{content:"";position:absolute;top:-30%;right:-20%;width:60%;height:150%;background:radial-gradient(ellipse,rgba(6,182,212,.15),transparent 70%)}
|
||||
.hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}
|
||||
.badge{display:inline-block;padding:6px 16px;border-radius:20px;background:rgba(255,255,255,.1);font-size:13px;margin-bottom:16px;border:1px solid rgba(255,255,255,.15)}
|
||||
.hero h1{font-family:"Noto Serif SC",serif;font-size:48px;font-weight:700;margin-bottom:8px}
|
||||
.hero h1 span{color:#06b6d4}
|
||||
.hero .sub{font-size:18px;color:rgba(255,255,255,.6);margin-bottom:0}
|
||||
.section-inner{max-width:900px;margin:0 auto;padding:60px 24px 80px}
|
||||
.section-label{font-size:13px;font-weight:600;color:#06b6d4;letter-spacing:3px;margin-bottom:12px}
|
||||
.section-title{font-family:"Noto Serif SC",serif;font-size:28px;font-weight:700;margin-bottom:40px;color:#0a132e}
|
||||
.cat-label{font-size:20px;font-family:"Noto Serif SC",serif;font-weight:600;color:#0a132e;margin:40px 0 20px;padding-bottom:8px;border-bottom:2px solid #06b6d4}
|
||||
.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px 24px;margin-bottom:12px;transition:all .2s}
|
||||
.faq-item:hover{border-color:#06b6d4}
|
||||
.faq-item h3{font-size:15px;font-weight:600;color:#0a132e;margin-bottom:8px;cursor:default}
|
||||
.faq-item p{font-size:14px;color:#475569;line-height:1.8}
|
||||
.cta-section{background:linear-gradient(135deg,#0a132e,#1a3380);color:#fff;text-align:center;padding:60px 24px}
|
||||
.cta-section h2{font-family:"Noto Serif SC",serif;font-size:28px;margin-bottom:16px}
|
||||
.cta-section .phone{font-size:36px;font-weight:700;color:#fbbf24;margin-bottom:8px}
|
||||
.cta-section .sub{font-size:14px;color:rgba(255,255,255,.5)}
|
||||
.cta-section .btn-back{display:inline-block;margin-top:24px;padding:12px 32px;border-radius:8px;background:#fff;color:#0f1f4a;font-size:16px;font-weight:600;text-decoration:none}
|
||||
footer{background:#0a132e;color:rgba(255,255,255,.5);text-align:center;padding:32px 24px;font-size:14px}
|
||||
footer a{color:rgba(255,255,255,.4);text-decoration:none}
|
||||
footer a:hover{color:#06b6d4}
|
||||
footer .sep{margin:0 12px;color:rgba(255,255,255,.2)}
|
||||
@media (max-width:768px){.hero h1{font-size:32px}}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header><div class="header-inner"><a href="/" class="logo"><div class="logo-icon">博</div>陕西博海网络科技</a><nav><a href="/#services">解决方案</a><a href="/#products">产品中心</a><a href="/#perspective">博海视角</a><a href="/#why">为什么选择我们</a><a href="/#contact">联系我们</a></nav></div></header>
|
||||
<main>
|
||||
|
||||
<section class="hero"><div class="hero-inner">
|
||||
<div class="badge">常见问题 · 快速解答</div>
|
||||
<h1>常见问题 <span>·</span> FAQ</h1>
|
||||
<p class="sub">关于产品、服务、采购、售后的常见疑问，答案都在这里</p>
|
||||
</div></section>
|
||||
|
||||
<section><div class="section-inner">
|
||||
|
||||
<div class="section-label">FAQ</div>
|
||||
<h2 class="section-title">您可能想问的</h2>
|
||||
|
||||
<div class="cat-label">📦 产品采购</div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">你们的产品是正品吗？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">所有产品均为品牌授权正品行货，享受厂家全国联保。我们是联想官方授权经销商，可提供授权证明。假一赔十。</div></div></div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">支持哪些付款方式？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">支持现金、微信/支付宝转账、对公转账、银行汇款。企业客户可开增值税专用发票或普通发票。</div></div></div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">企业采购有账期吗？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">长期合作企业客户可根据信用评估开通月结/账期服务，具体请联系销售经理洽谈。首单一般需现结。</div></div></div>
|
||||
|
||||
<div class="cat-label">🚚 配送安装</div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">送货范围覆盖哪里？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">定边县城内免费送货上门，当日送达。乡镇地区1-2个工作日可送达。榆林市及周边地区视距离协商配送方式和费用。外地可发物流。</div></div></div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">电脑购买后含安装调试吗？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">含免费送货上门和系统调试服务。包括：开箱验机、系统激活、常用软件安装、网络配置、数据迁移（旧电脑换新）。确保您拿到就能用。</div></div></div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">送货时间怎么约？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">下单后客服会电话联系您确认送货时间。工作日一般上午下单下午送，下午下单次日上午送。紧急需求可加急处理。</div></div></div>
|
||||
|
||||
<div class="cat-label">🔧 售后维修</div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">电脑保修期多久？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">新电脑享受联想官方全国联保1年（部分型号3年），我们额外提供3年有偿延保服务。保修期内非人为损坏免费维修。</div></div></div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">电脑出了问题怎么办？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">两种途径：① 送至定边县二道西街门店检测维修；② 县城内提供上门维修服务（2小时内响应）。可通过电话、微信联系我们报修。</div></div></div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">打印机维修怎么收费？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">先检测报价，客户确认后再维修。简单故障当场处理，复杂维修需留机1-3个工作日。企业客户签订年度维护合同可享受免检测费和优先服务。</div></div></div>
|
||||
|
||||
<div class="cat-label">🤝 企业合作</div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">怎么签约IT运维外包？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">第一步：联系我们预约上门勘测，了解您现有的IT设备和痛点；第二步：出具服务方案和报价；第三步：双方确认后签订服务合同；第四步：按合同约定开始服务。首次签约3个月起。</div></div></div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">你们有实体门店吗？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">有的，门店位于陕西省榆林市定边县二道西街。欢迎到店咨询、选购产品、送修设备。周一至周五 9:00-18:00营业。</div></div></div>
|
||||
|
||||
<div class="faq-item" itemscope="" itemprop="mainEntity" itemtype="https://schema.org/Question">
|
||||
<h3 itemprop="name">能否先出方案再决定？</h3>
|
||||
<div itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"><div itemprop="text">可以。无论是网络布线、IT运维还是设备采购，我们都提供免费上门勘测和方案设计，不强制购买。方案满意后再决定是否合作。</div></div></div>
|
||||
|
||||
</div></section>
|
||||
|
||||
<section class="cta-section">
|
||||
<h2>还有问题？直接联系我们</h2>
|
||||
<p style="color:rgba(255,255,255,.6);margin-bottom:24px;">电话、微信、到店，三种方式任您选</p>
|
||||
<div class="phone">📞 0912-4223980</div>
|
||||
<div class="sub">陕西省榆林市定边县二道西街 · 周一至周五 9:00-18:00</div>
|
||||
<a href="/" class="btn-back">← 返回首页</a>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
<footer>© 2026 陕西博海网络科技有限公司 版权所有 <span class="sep">|</span> 专业IT解决方案 · 值得信赖<br><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">陕ICP备2023001969号-3</a></footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,380 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>GitHub 从入门到实战：结合 Hermes 多 Agent 架构的精进之路</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f5f6f7; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; padding: 30px 0; }
|
||||
.container { max-width: 800px; margin: 0 auto; }
|
||||
|
||||
.header {
|
||||
background: linear-gradient(135deg, #1b1f23 0%, #24292e 50%, #2b3137 100%);
|
||||
color: #fff; padding: 48px 40px 36px; border-radius: 12px 12px 0 0;
|
||||
position: relative; overflow: hidden;
|
||||
}
|
||||
.header::after {
|
||||
content: '🐙'; position: absolute; right: 30px; top: 20px; font-size: 52px; opacity: 0.1;
|
||||
}
|
||||
.header .badge {
|
||||
display: inline-block; background: rgba(255,255,255,0.1);
|
||||
padding: 4px 14px; border-radius: 20px; font-size: 12px; letter-spacing: 1px; margin-bottom: 14px;
|
||||
}
|
||||
.header h1 { font-size: 26px; line-height: 1.35; margin-bottom: 8px; }
|
||||
.header .sub { font-size: 14px; opacity: 0.7; line-height: 1.6; }
|
||||
.header .meta { font-size: 12px; opacity: 0.5; margin-top: 10px; }
|
||||
|
||||
.content { background: #fff; padding: 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
||||
|
||||
.section { margin-bottom: 28px; }
|
||||
.section-title {
|
||||
font-size: 19px; color: #1b1f23; font-weight: 700;
|
||||
border-left: 4px solid #24292e; padding-left: 14px; margin-bottom: 12px;
|
||||
}
|
||||
.section-lead {
|
||||
background: #f6f8fa; border: 1px solid #e1e4e8; border-radius: 6px;
|
||||
padding: 14px 18px; margin-bottom: 16px; font-size: 14px; color: #444; line-height: 1.7;
|
||||
}
|
||||
|
||||
p { font-size: 14px; line-height: 1.8; color: #333; margin-bottom: 10px; }
|
||||
p strong { color: #1b1f23; }
|
||||
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 10px 0 14px; }
|
||||
table th { background: #24292e; color: #fff; padding: 8px 12px; text-align: left; font-weight: 500; }
|
||||
table th:first-child { border-radius: 4px 0 0 0; }
|
||||
table th:last-child { border-radius: 0 4px 0 0; }
|
||||
table td { padding: 8px 12px; border-bottom: 1px solid #e1e4e8; }
|
||||
table tr:nth-child(even) { background: #f6f8fa; }
|
||||
|
||||
.code-block {
|
||||
background: #1e2a35; color: #e6edf3; border-radius: 6px;
|
||||
padding: 14px 18px; margin: 10px 0; font-family: "Courier New", monospace;
|
||||
font-size: 12px; line-height: 1.7; overflow-x: auto;
|
||||
}
|
||||
.code-block .hl { color: #ffa657; }
|
||||
.code-block .gr { color: #7ee787; }
|
||||
.code-block .bl { color: #58a6ff; }
|
||||
.code-block .cm { color: #8b949e; }
|
||||
|
||||
.tip-box {
|
||||
background: #f0f6ff; border: 1px solid #c8e1ff; border-radius: 6px;
|
||||
padding: 14px 16px; margin: 10px 0; font-size: 13px; line-height: 1.7; color: #1a4d8c;
|
||||
}
|
||||
.tip-box strong { color: #0d47a1; }
|
||||
|
||||
.warn-box {
|
||||
background: #fff8e1; border: 1px solid #ffe082; border-radius: 6px;
|
||||
padding: 14px 16px; margin: 10px 0; font-size: 13px; line-height: 1.7; color: #6d4c00;
|
||||
}
|
||||
.warn-box strong { color: #e65100; }
|
||||
|
||||
.card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 12px 0; }
|
||||
.card {
|
||||
background: #f6f8fa; border: 1px solid #e1e4e8; border-radius: 6px; padding: 14px;
|
||||
}
|
||||
.card .title { font-size: 14px; font-weight: 600; color: #1b1f23; margin-bottom: 4px; }
|
||||
.card .desc { font-size: 12px; color: #666; line-height: 1.5; }
|
||||
|
||||
.separator { text-align: center; color: #d0d7de; font-size: 13px; margin: 22px 0; letter-spacing: 5px; }
|
||||
|
||||
.footer {
|
||||
background: #24292e; color: rgba(255,255,255,0.5);
|
||||
padding: 20px 40px; border-radius: 0 0 12px 12px; font-size: 12px; text-align: center; line-height: 1.6;
|
||||
}
|
||||
|
||||
ul { padding-left: 18px; margin: 8px 0; }
|
||||
ul li { font-size: 13px; line-height: 1.7; color: #444; margin-bottom: 4px; }
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.content { padding: 20px; }
|
||||
.header { padding: 30px 20px; }
|
||||
.header h1 { font-size: 20px; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<div class="header">
|
||||
<div class="badge">🐙 GitHub × Hermes 实战</div>
|
||||
<h1>GitHub 从入门到实战</h1>
|
||||
<div class="sub">注册 · 认证 · 建仓库 · 搜索 · 协作 · 部署<br>结合多 Agent 架构的精进之路</div>
|
||||
<div class="meta">基于 QuantumAI 入门教程 · 研学补充 Hermes 实战经验</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- 开篇 -->
|
||||
<div class="section">
|
||||
<div class="section-lead">
|
||||
<strong>本文适合两类读者：</strong><br>
|
||||
🐣 零基础新手：从注册到第一个 PR，每一步都有截图级说明<br>
|
||||
🦾 进阶开发者：结合你正在运行的 Hermes Agent（⭐203K）实战场景，涵盖多 Profile 管理、CI/CD、安全审计
|
||||
</div>
|
||||
|
||||
<p>GitHub 目前汇聚了全球超过 2 亿开发者，托管超 6 亿个开源仓库。腾讯、阿里、字节等几乎所有国内大厂的开源项目都托管在此。当下最热的 AI Agent 框架——<strong>obra/superpowers（⭐238K）、Hermes Agent（⭐203K）、OpenClaw（⭐380K）</strong>——全部在 GitHub 上开源。</p>
|
||||
<p>本文分上下两篇：上篇覆盖注册到基础操作（给新手），下篇结合你实际的 Hermes 多 Agent 架构讲进阶实战（给老手）。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">━ 上篇 · 入门基础 ━</div>
|
||||
|
||||
<!-- 一、核心概念 -->
|
||||
<div class="section">
|
||||
<div class="section-title">一、先搞懂核心概念</div>
|
||||
|
||||
<p><strong>闭源 vs 开源：</strong>代码仅保存在本地电脑叫闭源；上传至 GitHub 公开仓库叫开源。开源 ≠ 放弃版权，通过 LICENSE 文件界定使用权限。</p>
|
||||
|
||||
<p><strong>Git vs GitHub：</strong></p>
|
||||
<table>
|
||||
<tr><th></th><th>Git</th><th>GitHub</th></tr>
|
||||
<tr><td>本质</td><td>本地版本控制工具</td><td>云端代码托管平台</td></tr>
|
||||
<tr><td>安装</td><td>需装在自己电脑上</td><td>Web 服务，浏览器访问</td></tr>
|
||||
<tr><td>核心功能</td><td>记录每次修改，支持回退任意版本</td><td>托管 Git 仓库，云端备份，多人协作</td></tr>
|
||||
<tr><td>类比</td><td>本地写日记</td><td>把日记本发到云端共享</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 二、注册与认证 -->
|
||||
<div class="section">
|
||||
<div class="section-title">二、注册与 2FA 认证</div>
|
||||
|
||||
<p><strong>注册流程：</strong>访问 <code>github.com</code> → 点击 Sign up → 填写邮箱、密码、用户名、地区 → 邮箱验证。</p>
|
||||
|
||||
<div class="tip-box">
|
||||
<strong>💡 避坑建议：</strong><br>
|
||||
· 邮箱优先 Gmail——后续 Supabase、Vercel、Cloudflare 等工具均支持谷歌账号一键登录<br>
|
||||
· 用户名是你的永久身份标识，建议用固定英文 ID 或姓名拼音<br>
|
||||
· 密码用浏览器生成高强度随机密码并保存，不要手动设置
|
||||
</div>
|
||||
|
||||
<p><strong>2FA 双重认证（必做）：</strong>GitHub 2023 年起强制要求：有代码贡献行为的账号必须在 90 天内开通。</p>
|
||||
|
||||
<p>开通路径：Settings → Password and authentication → Two-factor authentication → Enable → 选择 Authenticator App → 扫码绑定 Google Authenticator → <strong>保存 16 组恢复码</strong>（手机丢失时唯一找回途径）。</p>
|
||||
|
||||
<div class="warn-box">
|
||||
<strong>⚠️ 血的教训：</strong>恢复码不备份 = 账号不设防。建议同时存密码管理器 + 打印纸质版。我们团队曾有人因换手机没备份恢复码，花了 3 天才联系 GitHub 客服找回账号。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 三、建仓库 -->
|
||||
<div class="section">
|
||||
<div class="section-title">三、新建仓库与搜索</div>
|
||||
|
||||
<p><strong>新建仓库：</strong>右上角「+」→ New repository → 填写仓库名（小写英文+连字符）→ 填描述 → 选 Public/Private → <strong>务必勾选 Add a README file</strong> → Create repository。</p>
|
||||
|
||||
<p><strong>精准搜索技巧：</strong></p>
|
||||
<div class="code-block">
|
||||
<span class="cm"># 按星数筛选</span>
|
||||
<span class="bl">stars:>1000</span> <span class="gr">AI agent</span>
|
||||
|
||||
<span class="cm"># 按编程语言</span>
|
||||
<span class="bl">language:</span>python <span class="gr">agent framework</span>
|
||||
|
||||
<span class="cm"># 按主题标签</span>
|
||||
<span class="bl">topic:</span>ai-agents <span class="gr">enterprise</span>
|
||||
|
||||
<span class="cm"># 组合使用（查找高星 AI Agent 项目）</span>
|
||||
<span class="bl">stars:>5000 language:python topic:</span>ai-agents
|
||||
</div>
|
||||
|
||||
<p>搜索后左侧可筛分类（Repositories / Code / Issues），右上角可排序（Most stars / Recently updated）。</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">━ 下篇 · Hermes 进阶实战 ━</div>
|
||||
|
||||
<!-- 四、Hermes 实战 -->
|
||||
<div class="section">
|
||||
<div class="section-title">四、多 Profile 仓库管理策略</div>
|
||||
|
||||
<p>你手上有 8 个 Hermes Profile，每个 profile 都有独立的 skills/、scripts/、config.yaml。如果各自为政，版本管理很快就会失控。推荐的分支策略：</p>
|
||||
|
||||
<div class="code-block">
|
||||
<span class="cm"># 仓库结构建议</span>
|
||||
hermes-config/
|
||||
├── <span class="hl">profiles/</span>
|
||||
│ ├── wecom-project/ <span class="cm"># 项目BOT 配置</span>
|
||||
│ ├── wecom-employees/ <span class="cm"># 员工BOT 配置</span>
|
||||
│ ├── wecom-finance/ <span class="cm"># 财务BOT 配置</span>
|
||||
│ ├── wecom-ops/ <span class="cm"># 运维BOT 配置</span>
|
||||
│ ├── wecom-admin/ <span class="cm"># 管理BOT 配置</span>
|
||||
│ ├── wecom-business/ <span class="cm"># 业务BOT 配置</span>
|
||||
│ ├── wecom-creative/ <span class="cm"># 创意BOT 配置</span>
|
||||
│ └── wecom-yanxue/ <span class="cm"># 研学BOT 配置</span>
|
||||
├── <span class="hl">shared/</span>
|
||||
│ ├── skills/ <span class="cm"># 跨Profile 共享技能</span>
|
||||
│ └── scripts/ <span class="cm"># 通用脚本</span>
|
||||
├── <span class="hl">.github/</span>
|
||||
│ └── workflows/ <span class="cm"># CI/CD 流水线</span>
|
||||
├── README.md
|
||||
└── <span class="gr"> registry.json</span> <span class="cm"># 控制面注册表</span>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr><th>分支</th><th>用途</th><th>谁合并</th></tr>
|
||||
<tr><td><code>main</code></td><td>生产就绪配置，只接受 PR</td><td>管理员</td></tr>
|
||||
<tr><td><code>dev</code></td><td>日常开发集成分支</td><td>各 Profile 负责人</td></tr>
|
||||
<tr><td><code>feat/xxx</code></td><td>新 skill 或脚本开发</td><td>开发者自建</td></tr>
|
||||
<tr><td><code>hotfix/xxx</code></td><td>紧急修复</td><td>运维BOT 触发</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="tip-box">
|
||||
<strong>💡 实操建议：</strong><br>
|
||||
先建一个私有仓库 <code>hermes-config</code>，把 8 个 Profile 的配置统一管起来。每个 Profile 的敏感信息（API Key、Token）用 <code>.env</code> 文件管理，不提交到 Git。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 五、Git Workflow -->
|
||||
<div class="section">
|
||||
<div class="section-title">五、日常 Git 工作流</div>
|
||||
|
||||
<div class="code-block">
|
||||
<span class="cm"># 克隆仓库</span>
|
||||
git clone https://github.com/your-org/hermes-config.git
|
||||
cd hermes-config
|
||||
|
||||
<span class="cm"># 创建功能分支</span>
|
||||
git checkout -b feat/add-security-scan
|
||||
|
||||
<span class="cm"># 修改文件后查看状态</span>
|
||||
git status
|
||||
git diff
|
||||
|
||||
<span class="cm"># 提交到本地</span>
|
||||
git add .
|
||||
git commit -m "feat: 添加安全扫描脚本，检测硬编码密钥"
|
||||
|
||||
<span class="cm"># 推送远程并创建 PR</span>
|
||||
git push origin feat/add-security-scan
|
||||
</div>
|
||||
|
||||
<p>提交信息规范推荐使用 <strong>Conventional Commits</strong>：</p>
|
||||
<table>
|
||||
<tr><th>类型</th><th>场景</th><th>示例</th></tr>
|
||||
<tr><td><code>feat</code></td><td>新功能</td><td><code>feat: 添加 Loop Engineering 编排器</code></td></tr>
|
||||
<tr><td><code>fix</code></td><td>修复</td><td><code>fix: 修复 builder 权限检查越界</code></td></tr>
|
||||
<tr><td><code>docs</code></td><td>文档</td><td><code>docs: 更新 HERMES 架构图</code></td></tr>
|
||||
<tr><td><code>chore</code></td><td>杂项</td><td><code>chore: 升级依赖版本</code></td></tr>
|
||||
<tr><td><code>security</code></td><td>安全修复</td><td><code>security: 移除硬编码 API Key</code></td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 六、CI/CD -->
|
||||
<div class="section">
|
||||
<div class="section-title">六、用 GitHub Actions 自动检查</div>
|
||||
|
||||
<p>GitHub Actions 是内置的 CI/CD 工具，可以在每次 Push 或 PR 时自动跑检查。以下是一个检查 Skill 安全性的 Workflow：</p>
|
||||
|
||||
<div class="code-block">
|
||||
<span class="cm"># .github/workflows/security-scan.yml</span>
|
||||
<span class="bl">name:</span> Security Scan
|
||||
<span class="bl">on:</span>
|
||||
<span class="bl">push:</span>
|
||||
<span class="bl">paths:</span>
|
||||
- <span class="gr">'profiles/**/skills/**'</span>
|
||||
- <span class="gr">'shared/scripts/**'</span>
|
||||
|
||||
<span class="bl">jobs:</span>
|
||||
<span class="bl">scan:</span>
|
||||
<span class="bl">runs-on:</span> ubuntu-latest
|
||||
<span class="bl">steps:</span>
|
||||
- <span class="bl">uses:</span> actions/checkout@v4
|
||||
- <span class="bl">name:</span> 检测硬编码密钥
|
||||
<span class="bl">run:</span> |
|
||||
grep -rn "API_KEY\|SECRET\|TOKEN\|password" \
|
||||
--include="*.py" --include="*.sh" --include="*.json" \
|
||||
--exclude="*.env" . || true
|
||||
- <span class="bl">name:</span> 检查可疑网络请求
|
||||
<span class="bl">run:</span> |
|
||||
grep -rn "curl\|wget\|requests.post" \
|
||||
--include="*.py" --include="*.sh" . | grep -v "localhost\|127.0.0.1" || true
|
||||
</div>
|
||||
|
||||
<div class="tip-box">
|
||||
<strong>💡 这和你的安全门计划是同一件事：</strong><br>
|
||||
Phase 2 要做的手动扫描脚本，可以直接写成 GitHub Action，每次你 Push 新 skill 时就自动跑一遍安全扫描。扫描不通过的 PR 无法合并。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 七、Fork & PR -->
|
||||
<div class="section">
|
||||
<div class="section-title">七、Fork、Star、Issue、PR 实战</div>
|
||||
|
||||
<table>
|
||||
<tr><th>操作</th><th>含义</th><th>什么时候用</th></tr>
|
||||
<tr><td><strong>Star ⭐</strong></td><td>收藏项目，表示关注</td><td>看到好项目先 Star，方便以后找</td></tr>
|
||||
<tr><td><strong>Fork 🍴</strong></td><td>复制别人仓库到你名下</td><td>你想基于别人的项目做二次开发</td></tr>
|
||||
<tr><td><strong>Issue 📋</strong></td><td>提交问题或建议</td><td>报告 Bug、提新功能需求</td></tr>
|
||||
<tr><td><strong>PR 📥</strong></td><td>请求合并你的代码</td><td>你修改了 Fork 的仓库，希望原作者采纳</td></tr>
|
||||
<tr><td><strong>Watch 👁️</strong></td><td>关注项目动态</td><td>接收项目的 Release、Issue 通知</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="warn-box">
|
||||
<strong>⚠️ 给 Hermes 用户的特别提醒：</strong><br>
|
||||
Hermes Agent（NousResearch/hermes-agent）当前 ⭐203K，是 GitHub 上增长最快的 AI Agent 项目之一。如果你对它做二次开发，<strong>Fork 后记得定期同步上游更新</strong>：<br>
|
||||
<code>git remote add upstream https://github.com/NousResearch/hermes-agent.git</code><br>
|
||||
<code>git fetch upstream && git merge upstream/main</code>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 八、安全红线 -->
|
||||
<div class="section">
|
||||
<div class="section-title">八、安全红线：绝不要把密钥传上 GitHub</div>
|
||||
|
||||
<p>GitHub 上有爬虫在持续扫描公开仓库中的密钥。一旦你把 API Key 或 Token 误提交到公开仓库，几分钟内就会被抓取并滥用。</p>
|
||||
|
||||
<div class="card-grid">
|
||||
<div class="card">
|
||||
<div class="title">✅ 正确做法</div>
|
||||
<div class="desc">· .env 文件管理密钥，加入 .gitignore<br>· 用 GitHub Secrets 存敏感信息<br>· 用 git-secrets 或 pre-commit 钩子防误提交</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="title">❌ 错误做法</div>
|
||||
<div class="desc">· 在代码里硬编码 API Key<br>· 把 .env 提交到 Git<br>· 在公开仓库里放密码文件</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="code-block">
|
||||
<span class="cm"># .gitignore 必备内容</span>
|
||||
<span class="gr">.env</span>
|
||||
<span class="gr">*.key</span>
|
||||
<span class="gr">*.pem</span>
|
||||
<span class="gr">__pycache__/</span>
|
||||
<span class="gr">node_modules/</span>
|
||||
<span class="gr">.hermes/</span>
|
||||
<span class="gr">*.log</span>
|
||||
</div>
|
||||
|
||||
<div class="tip-box">
|
||||
<strong>💡 补救措施：</strong>如果不小心把密钥提交了，<strong>立即在 GitHub 上删除并轮换密钥</strong>（不只是删文件——要从 Git 历史里清除）。用 <code>git filter-branch</code> 或 <code>bfg-repo-cleaner</code>。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 结语 -->
|
||||
<div class="section">
|
||||
<div class="section-title">总结：你的 GitHub 能力清单</div>
|
||||
|
||||
<table>
|
||||
<tr><th>能力</th><th>新手目标</th><th>进阶目标（你的水平）</th></tr>
|
||||
<tr><td>注册与 2FA</td><td>完成注册+绑定 Authenticator</td><td>✅ 已完成，已管 8 个 Profile</td></tr>
|
||||
<tr><td>建仓库</td><td>建第一个公开仓库</td><td>建 hermes-config 私有仓库，统一 8 个 Profile</td></tr>
|
||||
<tr><td>搜索项目</td><td>能找高 Star 项目</td><td>能追踪 Hermes/superpowers 上游更新</td></tr>
|
||||
<tr><td>Git 工作流</td><td>git add/commit/push</td><td>分支策略 + Conventional Commits + PR Review</td></tr>
|
||||
<tr><td>CI/CD</td><td>了解 Actions</td><td>配置安全扫描 Action + 自动部署</td></tr>
|
||||
<tr><td>安全</td><td>知道 .gitignore</td><td>git-secrets + pre-commit 钩子 + 密钥轮换</td></tr>
|
||||
<tr><td>开源协作</td><td>Star / Fork</td><td>向 Hermes 上游提 PR / Issue</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
基于 QuantumAI《一文超详细讲透GitHub》· 研学补充 Hermes 实战经验<br>
|
||||
NousResearch/hermes-agent ⭐203K · obra/superpowers ⭐238K · OpenClaw ⭐380K
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>封面</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #f5f6f7; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }
|
||||
.cover {
|
||||
width: 1200px; height: 675px;
|
||||
background: linear-gradient(160deg, #1b1f23 0%, #24292e 40%, #2b3137 70%, #1b1f23 100%);
|
||||
position: relative; overflow: hidden;
|
||||
display: flex; flex-direction: column; justify-content: center;
|
||||
padding: 60px 80px; position: relative;
|
||||
}
|
||||
.octo {
|
||||
position: absolute; right: 50px; bottom: 30px;
|
||||
font-size: 120px; opacity: 0.04;
|
||||
}
|
||||
.grid-bg {
|
||||
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
|
||||
background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
|
||||
background-size: 50px 50px;
|
||||
}
|
||||
.content { position: relative; z-index: 1; }
|
||||
.badge {
|
||||
display: inline-block; background: rgba(255,255,255,0.08);
|
||||
padding: 5px 16px; border-radius: 4px;
|
||||
font-size: 13px; color: #8b949e; letter-spacing: 2px; margin-bottom: 20px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 46px; color: #fff; font-weight: 800;
|
||||
line-height: 1.25; margin-bottom: 6px; letter-spacing: 1px;
|
||||
}
|
||||
h1 .hl {
|
||||
background: linear-gradient(135deg, #58a6ff, #7ee787);
|
||||
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
}
|
||||
.sub1 {
|
||||
font-size: 18px; color: rgba(255,255,255,0.55);
|
||||
margin-top: 8px; line-height: 1.6;
|
||||
}
|
||||
.sub2 {
|
||||
font-size: 14px; color: rgba(255,255,255,0.3);
|
||||
margin-top: 6px; letter-spacing: 1px;
|
||||
}
|
||||
.stats {
|
||||
display: flex; gap: 20px; margin-top: 24px;
|
||||
}
|
||||
.stats span {
|
||||
font-size: 13px; color: rgba(255,255,255,0.4);
|
||||
}
|
||||
.stats strong { color: rgba(255,255,255,0.7); }
|
||||
.footer {
|
||||
position: absolute; bottom: 28px; left: 80px; right: 80px;
|
||||
display: flex; justify-content: space-between; z-index: 1;
|
||||
}
|
||||
.footer span { font-size: 11px; color: rgba(255,255,255,0.2); letter-spacing: 1px; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="cover">
|
||||
<div class="grid-bg"></div>
|
||||
<div class="octo">🐙</div>
|
||||
<div class="content">
|
||||
<div class="badge">GITHUB 从入门到实战</div>
|
||||
<h1><span class="hl">GitHub</span> 从入门到实战</h1>
|
||||
<div class="sub1">注册 · 2FA · 建仓库 · 搜索 · 协作 · CI/CD</div>
|
||||
<div class="sub2">结合 Hermes 多 Agent 架构的精进之路</div>
|
||||
<div class="stats">
|
||||
<span>Hermes Agent <strong>⭐203K</strong></span>
|
||||
<span>superpowers <strong>⭐238K</strong></span>
|
||||
<span>OpenClaw <strong>⭐380K</strong></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<span>HERMES × GITHUB</span>
|
||||
<span>2026.06</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,37 @@
|
||||
# 政务大模型指引×博海科技对标分析
|
||||
|
||||
**来源：** 中央网信办、国家发改委《政务领域人工智能大模型部署应用指引》(2026-07-01)
|
||||
**对标日期：** 2026-07-04
|
||||
**状态：** 🔖 归档待用
|
||||
|
||||
---
|
||||
|
||||
## 核心内容摘要
|
||||
|
||||
### 13类合规场景
|
||||
①政务服务咨询 · ②政策精准推送 · ③公文辅助写作 · ④数据分析研判 · ⑤营商环境优化 · ⑥城市治理感知 · ⑦自然资源监管 · ⑧应急指挥调度 · ⑨档案智能管理 · ⑩业务培训辅助 · ⑪法律咨询辅助 · ⑫资产管理辅助 · ⑬基层减负赋能
|
||||
|
||||
### 4条立项红线
|
||||
- 红1：严禁编造不实政策、篡改官方文件
|
||||
- 红2：禁止用大模型处理未脱敏涉密数据，严禁向公有模型传涉密信息
|
||||
- 红3：不得用AI替代行政审批、行政执法等法定职权工作
|
||||
- 红4：严禁采购未完成安全评估的境外大模型
|
||||
|
||||
### 3项实施要求
|
||||
①方案需安全合规专章 · ②优先本地化私有化部署 · ③输出人工复核+留存记录
|
||||
|
||||
---
|
||||
|
||||
## 博海科技匹配度
|
||||
|
||||
| 维度 | 状态 |
|
||||
|------|------|
|
||||
| 可直接落地的场景 | ①②③④⑩⑫⑬（7个） |
|
||||
| 模型国产化 | ✅ DeepSeek+GLM-5.2+商汤，零境外模型 |
|
||||
| 部署方式 | ✅ 全私有化 on-premise |
|
||||
| 审计可追溯 | ✅ GAP-3审计日志+每15分钟Loki推送 |
|
||||
| 安全熔断 | ✅ approval-gate |
|
||||
| 待补能力 | ⚠️ 数据脱敏、GAP-6身份权限体系 |
|
||||
|
||||
## 推荐切入路径
|
||||
基层减负赋能(⑬) → 政务服务咨询(①) → 公文写作(③) → 政策推送(②)
|
||||
@@ -0,0 +1,326 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>博海Agent控制面建设方案</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f5f6f7; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; padding: 24px 0; }
|
||||
.container { max-width: 800px; margin: 0 auto; }
|
||||
|
||||
.header {
|
||||
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
||||
color: #fff; padding: 44px 40px 36px; border-radius: 12px 12px 0 0;
|
||||
}
|
||||
.header .badge {
|
||||
display: inline-block; background: rgba(255,255,255,0.15);
|
||||
padding: 4px 14px; border-radius: 20px; font-size: 12px; letter-spacing: 1px; margin-bottom: 14px;
|
||||
}
|
||||
.header h1 { font-size: 26px; line-height: 1.4; margin-bottom: 8px; }
|
||||
.header .sub { font-size: 14px; opacity: 0.8; margin-bottom: 12px; }
|
||||
.header .meta { font-size: 12px; opacity: 0.6; }
|
||||
|
||||
.content { background: #fff; padding: 36px 40px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
|
||||
.section { margin-bottom: 30px; }
|
||||
|
||||
.section-title {
|
||||
font-size: 18px; color: #1a1a2e; font-weight: 700;
|
||||
border-left: 4px solid #0f3460; padding-left: 14px; margin-bottom: 14px;
|
||||
}
|
||||
.section-lead {
|
||||
background: #f0f4ff; border-left: 4px solid #0f3460;
|
||||
padding: 14px 18px; border-radius: 0 6px 6px 0;
|
||||
font-size: 14px; color: #2c3e50; margin-bottom: 18px; line-height: 1.7;
|
||||
}
|
||||
|
||||
.summary-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-bottom: 20px; }
|
||||
.metric-card {
|
||||
background: #f8f9fc; border-radius: 8px; padding: 16px; border: 1px solid #e8ecf0;
|
||||
}
|
||||
.metric-card .num { font-size: 24px; font-weight: 700; color: #0f3460; }
|
||||
.metric-card .label { font-size: 12px; color: #7f8c8d; margin-top: 3px; }
|
||||
.metric-card .desc { font-size: 12px; color: #555; margin-top: 5px; line-height: 1.5; }
|
||||
|
||||
table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 10px 0 16px; }
|
||||
table th {
|
||||
background: #1a1a2e; color: #fff; padding: 8px 12px; text-align: left; font-weight: 500;
|
||||
}
|
||||
table th:first-child { border-radius: 4px 0 0 0; }
|
||||
table th:last-child { border-radius: 0 4px 0 0; }
|
||||
table td { padding: 8px 12px; border-bottom: 1px solid #e8ecf0; }
|
||||
table tr:nth-child(even) { background: #f8f9fc; }
|
||||
|
||||
.badge-done { display: inline-block; background: #e8f5e9; color: #2e7d32; padding: 1px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; }
|
||||
.badge-half { display: inline-block; background: #fff8e1; color: #f57f17; padding: 1px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; }
|
||||
.badge-miss { display: inline-block; background: #fce4ec; color: #c62828; padding: 1px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; }
|
||||
.badge-new { display: inline-block; background: #e3f2fd; color: #1565c0; padding: 1px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; }
|
||||
|
||||
.timeline { position: relative; padding-left: 26px; margin: 14px 0; }
|
||||
.timeline::before {
|
||||
content: ''; position: absolute; left: 7px; top: 6px; bottom: 6px;
|
||||
width: 2px; background: #d0d7de;
|
||||
}
|
||||
.timeline-item { position: relative; margin-bottom: 18px; }
|
||||
.timeline-item::before {
|
||||
content: ''; position: absolute; left: -19px; top: 5px;
|
||||
width: 10px; height: 10px; border-radius: 50%; background: #0f3460; border: 2px solid #fff;
|
||||
}
|
||||
.timeline-item .title { font-weight: 600; color: #1a1a2e; margin-bottom: 3px; font-size: 14px; }
|
||||
.timeline-item .desc { font-size: 13px; color: #555; line-height: 1.6; }
|
||||
.timeline-item .tag { font-size: 11px; color: #999; margin-top: 2px; }
|
||||
|
||||
.arch-box {
|
||||
background: #1a1a2e; color: #e6edf3; border-radius: 8px; padding: 18px 22px;
|
||||
margin: 12px 0; font-family: "Courier New", monospace; font-size: 12px; line-height: 1.8;
|
||||
}
|
||||
.arch-box .hl { color: #ffa657; }
|
||||
.arch-box .gr { color: #7ee787; }
|
||||
.arch-box .bl { color: #58a6ff; }
|
||||
.arch-box .dim { color: #8b949e; }
|
||||
|
||||
.quote-block {
|
||||
background: #f0f4ff; border-radius: 8px; padding: 18px; margin: 14px 0;
|
||||
border: 1px solid #dbeafe;
|
||||
}
|
||||
.quote-block .label { font-size: 11px; color: #0f3460; font-weight: 600; margin-bottom: 6px; }
|
||||
.quote-block .text { font-size: 13px; color: #2c3e50; line-height: 1.7; }
|
||||
|
||||
.separator { text-align: center; color: #ccc; font-size: 13px; margin: 24px 0; letter-spacing: 5px; }
|
||||
|
||||
.footer {
|
||||
background: #1a1a2e; color: rgba(255,255,255,0.6);
|
||||
padding: 20px 40px; border-radius: 0 0 12px 12px; font-size: 12px; text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.content { padding: 20px; }
|
||||
.summary-grid { grid-template-columns: 1fr; }
|
||||
.header { padding: 28px 20px; }
|
||||
.header h1 { font-size: 20px; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<div class="header">
|
||||
<div class="badge">🏗️ 博海 · Agent 控制面</div>
|
||||
<h1>阿里云Agent架构 · Hermes落地翻译</h1>
|
||||
<div class="sub">基于 HiClaw + AgentLoop + Nacos AI Registry 架构的博海适配方案</div>
|
||||
<div class="meta">研学整理 · 2026-06-25</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
|
||||
<!-- 现状对齐 -->
|
||||
<div class="section">
|
||||
<div class="section-title">一、阿里云四件套 → 博海现状映射</div>
|
||||
|
||||
<table>
|
||||
<tr><th>阿里云组件</th><th>定位</th><th>博海现状</th><th>差距</th></tr>
|
||||
<tr>
|
||||
<td><strong>HiClaw</strong></td>
|
||||
<td>多Agent协作底座<br>Manager→TL→Worker</td>
|
||||
<td>8个Profile平级运行，<br>无统一编排层</td>
|
||||
<td><span class="badge-half">有骨架缺大脑</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>AgentLoop</strong></td>
|
||||
<td>可观测+自动评分<br>循环优化Agent</td>
|
||||
<td>Loop Engineering skill<br>（builder/checker循环）</td>
|
||||
<td><span class="badge-done">基本对齐，缺评分机制</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Nacos AI Registry</strong></td>
|
||||
<td>Skill/Worker 治理中心<br>安全门+生命周期+权限+审计</td>
|
||||
<td>无统一Skill注册表，<br>各Profile各自为政</td>
|
||||
<td><span class="badge-miss">缺失</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>标准数字员工模板</strong></td>
|
||||
<td>SOUL.md+AGENTS.md+MEMORY.md<br>+manifest.json+skills/</td>
|
||||
<td>项目BOT已有SOUL.md<br>和MEMORY.md</td>
|
||||
<td><span class="badge-half">格式对齐，缺manifest</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 控制面架构 -->
|
||||
<div class="section">
|
||||
<div class="section-title">二、控制面架构设计</div>
|
||||
|
||||
<div class="section-lead">
|
||||
<strong>核心思路：</strong>在8个Profile之上加一层"控制面"，不改造现有BOT，只加一个注册中心+一个安全门+一个审计日志。对标Nacos AI Registry 的四大能力。
|
||||
</div>
|
||||
|
||||
<div class="arch-box">
|
||||
<span class="bl">博海Agent控制面</span><span class="dim"> (控制层 · 新增)</span>
|
||||
├── <span class="hl">注册中心</span><span class="dim"> (Registry)</span>
|
||||
│ ├── profile 注册表（8个Profile + 能力清单）
|
||||
│ ├── skill 注册表（所有已发布技能 + 版本号）
|
||||
│ └── worker 状态表（在线/离线/负载）
|
||||
├── <span class="hl">安全门</span><span class="dim"> (Security Gate)</span>
|
||||
│ ├── skill 扫描（检测硬编码密钥/敏感数据）
|
||||
│ ├── 权限校验（谁可以用什么skill）
|
||||
│ └── 变更审计（谁在何时改了啥）
|
||||
├── <span class="hl">生命周期</span><span class="dim"> (Lifecycle)</span>
|
||||
│ ├── skill: 草稿→审核→发布→下线
|
||||
│ └── profile: 启用→运行→维护→退役
|
||||
└── <span class="hl">审计日志</span><span class="dim"> (Audit)</span>
|
||||
└── 所有跨Profile操作全留痕
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 落地路线 -->
|
||||
<div class="section">
|
||||
<div class="section-title">三、四阶段落地路线图</div>
|
||||
|
||||
<div class="timeline">
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="title">📌 Phase 1：注册表 + 清单（1周）</div>
|
||||
<div class="desc">
|
||||
不需要新系统，只需要一个 JSON 文件 + 一个聚合脚本。<br><br>
|
||||
<strong>具体做：</strong><br>
|
||||
· 创建 <code>/etc/hermes-registry/registry.json</code>，登记8个Profile的：
|
||||
· profile 名称 + 端口 + 状态
|
||||
· 已安装的 skills 列表 + 版本
|
||||
· 负责人 + 维护时间<br>
|
||||
· 写一个巡查脚本 <code>scripts/registry-sync.sh</code>，每天自动扫描各 Profile 的 skill 目录，更新注册表<br>
|
||||
· 用 wecom-ops 的 cronjob 每天汇报差异
|
||||
</div>
|
||||
<div class="tag">投入：低 · 1天可搞定</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="title">🔒 Phase 2：安全门 + 审计（2周）</div>
|
||||
<div class="desc">
|
||||
<strong>上一步的注册表成熟后，加两道门：</strong><br><br>
|
||||
<strong>安全扫描门：</strong><br>
|
||||
· 写一个 skill 扫描脚本，对所有 skill/scripts 目录做：
|
||||
· grep 硬编码密钥/密码/Token/SK
|
||||
· 检测可疑的 exfiltration（curl/wget 到未知域名）
|
||||
· 标记含敏感数据暴露风险的 skill<br>
|
||||
· 扫描结果写入 registry.json 的每个 skill 条目<br>
|
||||
· 未通过扫描的 skill 标记不可用<br><br>
|
||||
<strong>审计日志：</strong><br>
|
||||
· 在每个 Profile 的 cronjob/output/ 下追加审计日志<br>
|
||||
· 格式统一：时间戳 | 操作者 | 操作类型 | 目标 | 结果<br>
|
||||
· 运维BOT 每天汇总成审计日报
|
||||
</div>
|
||||
<div class="tag">投入：中 · 工具链可复用</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="title">🔄 Phase 3：生命周期管理（1个月）</div>
|
||||
<div class="desc">
|
||||
<strong>skill 从"写出来就能用"变成"有流程地发布"：</strong><br><br>
|
||||
<table>
|
||||
<tr><th>状态</th><th>含义</th><th>谁触发</th></tr>
|
||||
<tr><td>📝 草稿</td><td>正在开发，仅作者可见</td><td>开发者</td></tr>
|
||||
<tr><td>🔍 审核中</td><td>提交安全扫描+人工检查</td><td>自动 + 管理员</td></tr>
|
||||
<tr><td>✅ 已发布</td><td>可被其他Profile发现和调用</td><td>审核通过</td></tr>
|
||||
<tr><td>📦 已下线</td><td>不再可用，保留审计记录</td><td>管理员</td></tr>
|
||||
</table>
|
||||
<br>
|
||||
每个 skill 的 metadata 加上：版本号、依赖、安全评分、最后审核时间
|
||||
</div>
|
||||
<div class="tag">投入：中高 · 需规范流程</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="title">🎯 Phase 4：跨Profile编排（季度目标）</div>
|
||||
<div class="desc">
|
||||
<strong>对标 HiClaw 的 Manager→TL→Worker 架构：</strong><br><br>
|
||||
· 选定 wecom-admin（管理BOT）作为<strong>Manager Agent</strong><br>
|
||||
· 复杂任务由 Manager 拆解，分配给各 Profile 的 TL<br>
|
||||
· 结果聚合返回，全程审计<br><br>
|
||||
Hermes 的 <code>delegate_task</code> 已经支持多子任务并行，<br>
|
||||
<code>max_spawn_depth: 2</code>（项目BOT）已经支持嵌套编排。<br>
|
||||
缺的是一个"任务路由表"——哪个Profile擅长什么。
|
||||
</div>
|
||||
<div class="tag">投入：高 · 需架构决策</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 安全扫描 -->
|
||||
<div class="section">
|
||||
<div class="section-title">四、安全扫描门 · MVP实现</div>
|
||||
|
||||
<div class="section-lead">
|
||||
<strong>阿里云的数据触目惊心：54% 的社区Skill存在敏感数据暴露。</strong>你的Profile里也可能有——不需要装任何工具，Hermes 自带的 grep/search_files 就能扫。
|
||||
</div>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">🔍 一份扫描脚本就能做的事</div>
|
||||
<div class="text">
|
||||
<strong>扫描范围：</strong>所有 Profile 的 skills/ scripts/ memories/ 目录<br>
|
||||
<strong>扫描模式：</strong><br>
|
||||
· 正则匹配 <code>API_KEY|SECRET|PASSWORD|TOKEN|sk-[a-zA-Z0-9]</code> 等模式<br>
|
||||
· 检测 curl/wget 到非白名单域名<br>
|
||||
· 检测 eval/exec/subprocess 调用<br>
|
||||
<strong>输出格式：</strong>JSON { "skill": "", "risk": "high/mid/low", "detail": "", "file": "", "line": 0 }<br>
|
||||
<strong>频率：</strong>每次 git push / skill 更新后自动触发
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="font-size:13px;color:#555;line-height:1.7;margin:8px 0;">
|
||||
<strong>明天就能做：</strong>让运维BOT 跑一次全Profile的 security scan，看看我们现在有没有暴露的密钥。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<!-- 博海总结 -->
|
||||
<div class="section">
|
||||
<div class="section-title">五、总结：你的位置和下一步</div>
|
||||
|
||||
<div class="summary-grid">
|
||||
<div class="metric-card">
|
||||
<div class="num">8</div>
|
||||
<div class="label">Profile · 已有</div>
|
||||
<div class="desc">比其他大多数企业起步早得多</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="num">3</div>
|
||||
<div class="label">已对齐组件</div>
|
||||
<div class="desc">SOUL.md/MEMORY.md ✅<br>Loop Engineering ✅<br>delegate_task 编排 ✅</div>
|
||||
</div>
|
||||
<div class="metric-card">
|
||||
<div class="num">1</div>
|
||||
<div class="label">最大缺失</div>
|
||||
<div class="desc">统一注册+安全门+审计<br>→ 加一层控制面就够</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quote-block">
|
||||
<div class="label">💡 研学的判断</div>
|
||||
<div class="text">
|
||||
<strong>阿里云用108页PPT画了一张"企业级Agent基础设施"的蓝图。</strong><br>
|
||||
你不是从零开始，你已经在蓝图里了——只是缺一个控制面（注册表+安全门+审计）。<br><br>
|
||||
Phase 1（注册表）一个人一天就能搭完，不需要装任何新软件。<br>
|
||||
<strong>要我直接给你写出 registry-sync.sh 脚本吗？</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
基于阿里云AI科技沙龙《108页PPT泄露阿里云Agent底牌》分析 · 研学整理<br>
|
||||
对标组件：HiClaw + AgentLoop + Nacos AI Registry
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{
|
||||
width:1200px;height:675px;overflow:hidden;
|
||||
font-family:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
|
||||
background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#1a1a2e 100%);
|
||||
display:flex;flex-direction:column;justify-content:center;align-items:center;
|
||||
padding:50px 70px;position:relative
|
||||
}
|
||||
.tag{
|
||||
position:absolute;top:30px;left:50%;transform:translateX(-50%);
|
||||
padding:6px 18px;border-radius:20px;
|
||||
background:rgba(56,189,248,0.15);color:#38bdf8;
|
||||
font-size:13px;font-weight:600;letter-spacing:1px
|
||||
}
|
||||
h1{
|
||||
font-size:40px;font-weight:700;line-height:1.3;text-align:center;
|
||||
background:linear-gradient(135deg,#38bdf8 0%,#818cf8 50%,#34d399 100%);
|
||||
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
|
||||
margin-bottom:10px
|
||||
}
|
||||
.sub{
|
||||
font-size:16px;color:#94a3b8;text-align:center;margin-bottom:30px
|
||||
}
|
||||
.stats{
|
||||
display:flex;gap:24px;margin-top:10px
|
||||
}
|
||||
.stat-box{
|
||||
text-align:center;padding:12px 24px;
|
||||
background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);
|
||||
border-radius:10px;min-width:130px
|
||||
}
|
||||
.stat-box .num{font-size:26px;font-weight:700;color:#38bdf8}
|
||||
.stat-box .label{font-size:12px;color:#64748b;margin-top:2px}
|
||||
.footer-text{
|
||||
position:absolute;bottom:28px;
|
||||
font-size:12px;color:#475569;letter-spacing:1px
|
||||
}
|
||||
.line{
|
||||
width:80px;height:2px;
|
||||
background:linear-gradient(90deg,transparent,#38bdf8,transparent);
|
||||
margin-bottom:16px
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="tag">🔬 实战案例 · Hermes Agent</div>
|
||||
<h1>手把手实现<br>Hermes Agent 梦境模式</h1>
|
||||
<div class="line"></div>
|
||||
<div class="sub">从概念到落地的自进化AI反思循环 · 完整工程方案</div>
|
||||
<div class="stats">
|
||||
<div class="stat-box"><div class="num">2</div><div class="label">阶段递进</div></div>
|
||||
<div class="stat-box"><div class="num">5</div><div class="label">错误模式发现</div></div>
|
||||
<div class="stat-box"><div class="num">4</div><div class="label">SearXNG修复链路</div></div>
|
||||
<div class="stat-box"><div class="num">8</div><div class="label">Profile复用</div></div>
|
||||
</div>
|
||||
<div class="footer-text">博海技术管理 · hermes-yanxue · 2026-06-26</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,394 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>手把手实现 Hermes Agent 梦境模式 | AI自进化实践</title>
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{
|
||||
font-family:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
|
||||
background:#f5f6f7;color:#2c3e50;line-height:1.8
|
||||
}
|
||||
.container{max-width:800px;margin:0 auto;padding:0 20px}
|
||||
|
||||
/* Header */
|
||||
.header{
|
||||
background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#1a1a2e 100%);
|
||||
padding:48px 0;text-align:center
|
||||
}
|
||||
.header h1{
|
||||
font-size:30px;font-weight:700;color:#fff;line-height:1.4;
|
||||
background:linear-gradient(135deg,#38bdf8,#818cf8,#34d399);
|
||||
-webkit-background-clip:text;-webkit-text-fill-color:transparent
|
||||
}
|
||||
.header .meta{color:#94a3b8;font-size:14px;margin-top:16px}
|
||||
.header .meta span{margin:0 12px}
|
||||
.header .label{
|
||||
display:inline-block;padding:4px 14px;border-radius:20px;
|
||||
font-size:12px;font-weight:600;margin-top:12px
|
||||
}
|
||||
.label-practice{background:rgba(52,211,153,0.15);color:#34d399}
|
||||
.label-tech{background:rgba(56,189,248,0.15);color:#38bdf8}
|
||||
|
||||
/* Content */
|
||||
.content{background:#fff;padding:40px 0}
|
||||
.content h2{
|
||||
font-size:22px;font-weight:700;margin:36px 0 16px;
|
||||
padding-bottom:8px;border-bottom:2px solid #e2e8f0
|
||||
}
|
||||
.content h3{font-size:17px;font-weight:600;margin:24px 0 12px;color:#0f172a}
|
||||
.content p{font-size:15px;margin-bottom:14px;color:#334155}
|
||||
.content p.lead{font-size:17px;color:#1e293b;font-weight:500}
|
||||
.content ul,.content ol{padding-left:24px;margin-bottom:14px;font-size:15px;color:#334155}
|
||||
.content li{margin-bottom:6px}
|
||||
|
||||
/* Code */
|
||||
.code-block{
|
||||
background:#1e2a35;border-radius:8px;padding:16px 20px;
|
||||
margin:14px 0;overflow-x:auto;font-family:'JetBrains Mono','Fira Code',monospace;
|
||||
font-size:13px;line-height:1.6;color:#e2e8f0
|
||||
}
|
||||
.code-block .cm{color:#6b7280}
|
||||
.code-block .kw{color:#818cf8}
|
||||
.code-block .str{color:#34d399}
|
||||
.code-block .fn{color:#38bdf8}
|
||||
.code-block .num{color:#fbbf24}
|
||||
|
||||
/* Table */
|
||||
table{width:100%;border-collapse:collapse;margin:16 0;font-size:14px}
|
||||
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid #e2e8f0}
|
||||
th{background:#0f172a;color:#fff;font-weight:600}
|
||||
td{color:#334155}
|
||||
tr:nth-child(even){background:#f8fafc}
|
||||
|
||||
/* Card */
|
||||
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
|
||||
.card{
|
||||
background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px
|
||||
}
|
||||
.card .title{font-weight:600;font-size:14px;margin-bottom:6px}
|
||||
.card .desc{font-size:13px;color:#64748b}
|
||||
|
||||
/* Quote */
|
||||
.quote{
|
||||
background:#f0f9ff;border-left:4px solid #38bdf8;
|
||||
padding:14px 18px;margin:16px 0;border-radius:0 8px 8px 0;font-size:14px;color:#334155
|
||||
}
|
||||
.quote-warn{
|
||||
background:#fffbeb;border-left:4px solid #fbbf24;
|
||||
padding:14px 18px;margin:16px 0;border-radius:0 8px 8px 0;font-size:14px;color:#92400e
|
||||
}
|
||||
|
||||
/* Architecture Flow */
|
||||
.arch-flow{
|
||||
display:flex;align-items:center;justify-content:center;
|
||||
gap:10px;flex-wrap:wrap;padding:20px 0
|
||||
}
|
||||
.arch-box{
|
||||
background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;
|
||||
padding:10px 16px;text-align:center;min-width:90px
|
||||
}
|
||||
.arch-box .name{font-size:13px;font-weight:600}
|
||||
.arch-box .sub{font-size:11px;color:#94a3b8;margin-top:2px}
|
||||
.arch-arrow{color:#38bdf8;font-size:18px;font-weight:700}
|
||||
|
||||
/* Badge */
|
||||
.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}
|
||||
.badge-green{background:rgba(52,211,153,0.12);color:#059669}
|
||||
.badge-yellow{background:rgba(251,191,36,0.12);color:#b45309}
|
||||
.badge-red{background:rgba(239,68,68,0.12);color:#dc2626}
|
||||
|
||||
/* Footer */
|
||||
.footer{
|
||||
background:#0f172a;color:#94a3b8;text-align:center;
|
||||
padding:24px 0;font-size:13px
|
||||
}
|
||||
|
||||
@media(max-width:640px){
|
||||
.card-grid{grid-template-columns:1fr}
|
||||
.header h1{font-size:24px}
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<h1>手把手实现 Hermes Agent 梦境模式<br>当 AI 在深夜开始反思自己</h1>
|
||||
<div class="meta">
|
||||
<span>📅 2026-06-26</span>
|
||||
<span>🏷️ Hermes Agent · 自进化 · 工程实践</span>
|
||||
<span>⏱ 阅读约 12 分钟</span>
|
||||
</div>
|
||||
<span class="label label-practice">🔬 实战案例</span>
|
||||
<span class="label label-tech" style="margin-left:8px">⚙️ 技术架构</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="container">
|
||||
|
||||
<h2>一、起因：一篇头条文章引出的实验</h2>
|
||||
|
||||
<p class="lead">
|
||||
今天在今日头条看到一篇文章《Hermes Agent 的"梦境模式"：当 AI 在深夜开始"反刍"记忆》。文章讲了一个概念：让 AI Agent 在夜间通过 Cron 触发，自动回顾白天的 Session 记录，识别错误模式、提取优化机会，甚至自动为 Skill 文件打补丁。
|
||||
</p>
|
||||
|
||||
<p>
|
||||
这个概念非常吸引人——它描述了 Hermes Agent 从"高级工具"向"自进化数字生命"跨越的关键一步。但文章本质是概念推演，并未给出完整可运行的实现。
|
||||
</p>
|
||||
|
||||
<p>
|
||||
于是我做了一个决定：<strong>用一下午时间，把这个"梦境模式"从概念变成真实可运行的工程方案。</strong>
|
||||
</p>
|
||||
|
||||
<h2>二、梦境模式的系统架构</h2>
|
||||
|
||||
<h3>2.1 核心设计</h3>
|
||||
|
||||
<p>"梦境模式"在技术上并不神秘——它是一个 <strong>后台反思循环（Background Reflection Loop）</strong>，由以下组件构成：</p>
|
||||
|
||||
<div class="arch-flow">
|
||||
<div class="arch-box"><div class="name">🔍 Session DB</div><div class="sub">FTS5全文索引</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:#38bdf8"><div class="name">🌙 梦境Agent</div><div class="sub">cronjob定时触发</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:#818cf8"><div class="name">📊 复盘报告</div><div class="sub">JSON结构化输出</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:#34d399"><div class="name">🧩 Skill补丁</div><div class="sub">自动生成·确认生效</div></div>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr><th width="120">组件</th><th>技术实现</th><th>说明</th></tr>
|
||||
<tr><td>数据源</td><td>Hermes Session DB（SQLite + FTS5）</td><td>所有历史对话被实时索引，支持全文检索</td></tr>
|
||||
<tr><td>触发器</td><td>Hermes cronjob 系统</td><td>每日凌晨 3:00 自动触发，无需人干预</td></tr>
|
||||
<tr><td>分析引擎</td><td>Agent 通过 session_search 读取并分析</td><td>调用 LLM 对 Session 内容进行模式识别</td></tr>
|
||||
<tr><td>产物A</td><td>复盘报告 (dream_YYYYMMDD.json)</td><td>错误模式、优化机会、原则对齐</td></tr>
|
||||
<tr><td>产物B</td><td>补丁建议 (patches_YYYYMMDD.json)</td><td>可执行的 Skill 修改 diff，需确认后生效</td></tr>
|
||||
<tr><td>安全护栏</td><td>只读操作 + 人类确认</td><td>Phase 1 只读不写；Phase 2 补丁需 approve</td></tr>
|
||||
</table>
|
||||
|
||||
<h3>2.2 两阶段递进</h3>
|
||||
|
||||
<div class="card-grid">
|
||||
<div class="card">
|
||||
<div class="title">🌙 Phase 1：复盘报告</div>
|
||||
<div class="desc">
|
||||
零风险只读模式。Agent 浏览近期 Session、识别错误模式、提取优化机会、评估与用户原则的对齐度。输出结构化 JSON 报告。<br><br>
|
||||
<span class="badge badge-green">已运行</span> 首份报告已产出
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="title">🧩 Phase 2：补丁生成</div>
|
||||
<div class="desc">
|
||||
在复盘基础上，Agent 读取现有 Skill 库，针对重复出现的错误模式生成具体的 Skill 修改建议（含 diff 格式的 old_text/new_text）。<br><br>
|
||||
<span class="badge badge-green">已运行</span> 补丁生成已就绪
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>三、Phase 1 实现：复盘报告</h2>
|
||||
|
||||
<h3>3.1 一行命令创建梦境cronjob</h3>
|
||||
|
||||
<p>Hermes 内置了完整的 cronjob 系统，无需写 Python handler 或修改源码：</p>
|
||||
|
||||
<div class="code-block">
|
||||
<span class="cm"># 创建一个每日凌晨3点的梦境复盘cronjob</span><br>
|
||||
hermes cron create \<br>
|
||||
--schedule <span class="str">"0 3 * * *"</span> \<br>
|
||||
--prompt <span class="str">"分析过去48小时的Session记录..."</span> \<br>
|
||||
--deliver origin
|
||||
</div>
|
||||
|
||||
<p>cronjob 的 Agent 会按顺序执行：</p>
|
||||
<ol>
|
||||
<li><strong>浏览</strong>——用 <code>session_search()</code> 获取近期活跃 Session 列表</li>
|
||||
<li><strong>阅读</strong>——选出 2-3 个有实质内容的 Session，读取完整记录</li>
|
||||
<li><strong>分析</strong>——识别错误模式（errors）、优化机会（optimizations）、原则对齐（alignments）</li>
|
||||
<li><strong>输出</strong>——写入结构化的 JSON 报告到 <code>~/WB_WS/_dream/</code></li>
|
||||
<li><strong>摘要</strong>——返回一段 200 字以内的可读"梦境摘要"</li>
|
||||
</ol>
|
||||
|
||||
<h3>3.2 第一份梦境报告发现了什么</h3>
|
||||
|
||||
<p>梦境第一次运行就发现了有价值的模式。以下是实际输出中的部分内容：</p>
|
||||
|
||||
<table>
|
||||
<tr><th width="80">严重度</th><th>发现的错误模式</th><th>根因</th></tr>
|
||||
<tr>
|
||||
<td><span class="badge badge-red">High</span></td>
|
||||
<td><code>web_search</code> 工具不存在但每个 Session 都调用</td>
|
||||
<td>系统提示词中有这个工具名但实际未启用</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="badge badge-yellow">Medium</span></td>
|
||||
<td>头条反爬导致大量无效重试</td>
|
||||
<td>curl 无 JS 运行时获取到混淆代码</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="badge badge-yellow">Medium</span></td>
|
||||
<td>Nginx 配置编辑时 Python 正则转义语法错误</td>
|
||||
<td>转义符处理不当导致 nginx -t 验证失败</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="badge badge-green">Low</span></td>
|
||||
<td>浏览器 Console eval <code>let</code> 变量命名冲突</td>
|
||||
<td>多次注入 JS 用同一变量名</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="quote">
|
||||
<strong>💡 价值：</strong> 第一个 High 严重度的错误模式——<code>web_search</code> 工具缺失——之前从未被系统化地识别过。梦境报告让它浮出水面，变成了一个可跟踪、可量化的改进项。
|
||||
</div>
|
||||
|
||||
<h2>四、一个真实的修复案例：web_search 从缺失到就绪</h2>
|
||||
|
||||
<p>梦境报告指出了 <code>web_search</code> 不可用的问题后，下一个自然的问题是：<strong>为什么它不存在？怎么修？</strong></p>
|
||||
|
||||
<h3>4.1 排查过程</h3>
|
||||
|
||||
<p>检查 Hermes 配置发现 <code>web.search_backend</code> 为空字符串。Hermes 支持多种搜索后端：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>后端</th><th>配置方式</th><th>费用</th><th>国内可用性</th></tr>
|
||||
<tr><td>Firecrawl</td><td>API Key</td><td>500次/月免费</td><td>✅</td></tr>
|
||||
<tr><td><strong>SearXNG</strong></td><td><strong>自建 Docker</strong></td><td><strong>免费</strong></td><td><strong>✅ 已有实例</strong></td></tr>
|
||||
<tr><td>DDGS (DuckDuckGo)</td><td>零配置</td><td>免费</td><td>⚠️ 可能被墙</td></tr>
|
||||
<tr><td>Brave Search</td><td>API Key</td><td>2000次/月免费</td><td>✅</td></tr>
|
||||
</table>
|
||||
|
||||
<p>检查发现服务器上已有一个 SearXNG Docker 实例在运行——但它的 JSON API 输出被禁用，且默认搜索引擎（Google、DuckDuckGo）在国内无法访问。</p>
|
||||
|
||||
<h3>4.2 修复链</h3>
|
||||
|
||||
<p>这是一条完整的"问题发现→诊断→修复→验证"链：</p>
|
||||
|
||||
<div class="code-block">
|
||||
<span class="cm"># 1. 启用 JSON 输出格式（默认只有 html）</span><br>
|
||||
<span class="cm"># 编辑 SearXNG settings.yml，在 formats 中加入 json</span><br>
|
||||
formats:<br>
|
||||
- html<br>
|
||||
- json <span class="cm"># ← 新增</span><br><br>
|
||||
<span class="cm"># 2. 更换可用的搜索引擎</span><br>
|
||||
<span class="cm"># 禁用 Google/DuckDuckGo/Brave（国内被墙），启用百度/搜狗</span><br>
|
||||
<span class="cm"># baidu: disabled: false</span><br>
|
||||
<span class="cm"># sogou: disabled: false</span><br><br>
|
||||
<span class="cm"># 3. 调大超时（默认3秒对中国网络太短）</span><br>
|
||||
request_timeout: <span class="num">10.0</span><br>
|
||||
max_request_timeout: <span class="num">15.0</span><br><br>
|
||||
<span class="cm"># 4. 配置 Hermes 连接 SearXNG</span><br>
|
||||
<span class="cm"># ~/.hermes/.env</span><br>
|
||||
SEARXNG_URL=http://127.0.0.1:8080<br><br>
|
||||
<span class="cm"># ~/.hermes/config.yaml</span><br>
|
||||
web:<br>
|
||||
search_backend: searxng
|
||||
</div>
|
||||
|
||||
<h3>4.3 验证结果</h3>
|
||||
|
||||
<p>修复后，SearXNG 搜索正常工作：</p>
|
||||
|
||||
<div class="quote">
|
||||
✅ 搜索 "Hermes Agent" → 返回 20 条结果（百度+搜狗引擎）<br>
|
||||
✅ 搜索 "Hermes Agent 梦境模式" → 返回相关中文博客和教程<br>
|
||||
✅ 跨 Profile 继承——全局配置一处修改，8 个 Profile 全部生效
|
||||
</div>
|
||||
|
||||
<h2>五、Phase 2 实现：Skill 补丁自动生成</h2>
|
||||
|
||||
<h3>5.1 补丁生成流程</h3>
|
||||
|
||||
<p>Phase 2 在复盘报告的基础上增加了一个关键步骤——<strong>查看现有技能库，生成具体的文件修改建议</strong>：</p>
|
||||
|
||||
<div class="arch-flow">
|
||||
<div class="arch-box"><div class="name">📋 输出A</div><div class="sub">复盘报告</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:#818cf8"><div class="name">📂 技能库</div><div class="sub">skill_view()</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:#34d399"><div class="name">📝 输出B</div><div class="sub">补丁建议</div></div>
|
||||
<div class="arch-arrow">→</div>
|
||||
<div class="arch-box" style="border-color:#fbbf24"><div class="name">👤 你确认</div><div class="sub">approve后生效</div></div>
|
||||
</div>
|
||||
|
||||
<h3>5.2 补丁格式</h3>
|
||||
|
||||
<p>每个补丁都包含完整可执行的 diff 信息：</p>
|
||||
|
||||
<div class="code-block">
|
||||
{<br>
|
||||
<span class="str">"id"</span>: <span class="str">"patch-001"</span>,<br>
|
||||
<span class="str">"skill_name"</span>: <span class="str">"skills/operations/system-stewardship/SKILL.md"</span>,<br>
|
||||
<span class="str">"type"</span>: <span class="str">"update"</span>,<br>
|
||||
<span class="str">"reason"</span>: <span class="str">"源于web_search缺失的反复调用——需要在已知坑中新增替代方案"</span>,<br>
|
||||
<span class="str">"suggested_change"</span>: <span class="str">"新增规则：工具首次调用失败后立即切browser代替"</span>,<br>
|
||||
<span class="str">"old_text_pattern"</span>: <span class="str">"..."</span>,<br>
|
||||
<span class="str">"new_text"</span>: <span class="str">"..."</span>,<br>
|
||||
<span class="str">"confidence"</span>: <span class="str">"high"</span>,<br>
|
||||
<span class="str">"requires_approval"</span>: <span class="kw">true</span><br>
|
||||
}
|
||||
</div>
|
||||
|
||||
<h3>5.3 安全设计</h3>
|
||||
|
||||
<ul>
|
||||
<li><strong>默认只读</strong>——Phase 1 不修改任何文件，Phase 2 只生成建议不执行</li>
|
||||
<li><strong>需要确认</strong>——所有补丁的 <code>requires_approval</code> 默认为 true</li>
|
||||
<li><strong>置信度标注</strong>——High 表示重复性错误明确需要修；Medium 有价值但不紧急；Low 仅供参考</li>
|
||||
<li><strong>改进追踪</strong>——每次报告追踪上期问题的修复状态（fixed / still_exists / improved）</li>
|
||||
</ul>
|
||||
|
||||
<h2>六、经验与避坑</h2>
|
||||
|
||||
<h3>6.1 什么做对了</h3>
|
||||
<ul>
|
||||
<li><strong>渐进式推进</strong>——Phase 1（只读复盘）→ Phase 2（补丁建议）→ Phase 3（自动执行）。每次增加一个风险级别，而不是一口气到位</li>
|
||||
<li><strong>利用已有基础设施</strong>——Hermes 的 cronjob、session_search、skill 系统已经覆盖了"梦境"需要的所有组件，没有任何额外安装</li>
|
||||
<li><strong>改进追踪闭环</strong>——每次报告记录上期问题的状态，"web_search 缺失 → 确认仍未修复 → 手动修复 → 下期确认 fixed" 形成一个完整的 PDCA 循环</li>
|
||||
</ul>
|
||||
|
||||
<h3>6.2 踩了哪些坑</h3>
|
||||
<ul>
|
||||
<li><strong>走了 SearXNG 的弯路</strong>——明明有更轻量的后端方案（Brave Search 免费 Key），却因为"已有 SearXNG 实例"而选择了需要修容器的复杂路线</li>
|
||||
<li><strong>Docker 网络问题</strong>——容器重启时 iptables 规则损坏，端口映射丢失，需要切换到 host 网络模式解决</li>
|
||||
<li><strong>搜索引擎被墙</strong>——默认配置的 Google、DuckDuckGo、Brave 在国内全部超时，需要手动切换到百度/搜狗</li>
|
||||
<li><strong>Profile 配置层级</strong>——改了全局 config.yaml 后发现 Profile 有自己的配置覆盖了全局，需要逐个同步</li>
|
||||
</ul>
|
||||
|
||||
<h2>七、下一步：Phase 3 方向</h2>
|
||||
|
||||
<p>当前"梦境模式"已经能稳定运行：每晚自动复盘，输出结构化报告和补丁建议。Phase 3 的可能方向：</p>
|
||||
|
||||
<table>
|
||||
<tr><th>方向</th><th>说明</th><th>风险</th></tr>
|
||||
<tr><td>低置信度补丁自动执行</td><td>confidence=high 且明确的错误修复，可自动写入 Skill</td><td>需要严格的版本回滚机制</td></tr>
|
||||
<tr><td>多维度交叉验证</td><td>同一问题被多个 Session 报告 → 置信度自动提升</td><td>低，只需修改分析逻辑</td></tr>
|
||||
<tr><td>梦境报告实时推送到群聊</td><td>凌晨分析完成后自动推送摘要到企业微信群</td><td>低，cronjob 本身已支持 deliver</td></tr>
|
||||
<tr><td>n8n MCP 集成</td><td>把梦境报告中的度量数据推送到 n8n 工作流</td><td>需先完成 n8n 部署</td></tr>
|
||||
</table>
|
||||
|
||||
<h2>八、总结</h2>
|
||||
|
||||
<div class="quote">
|
||||
<p style="font-size:16px;"><strong>"梦境模式不是一行命令或一个功能，它是一个工程思维——让 Agent 从自己的经验中学习。"</strong></p>
|
||||
</div>
|
||||
|
||||
<p>Hermes 的独特之处不在于它跑得比别的 Agent 快，而在于它有"记忆"和"反思"的架构基础。梦境模式只是这个基础之上的一种应用——利用已有的 SQLite + FTS5 会话存储、cronjob 定时调度、skill 知识沉淀能力，组合出"自我复盘→发现问题→提出改进→确认生效"的完整进化回路。</p>
|
||||
|
||||
<p>最重要的启示是：<strong>自进化 AI 不一定需要复杂的强化学习框架</strong>。一个结构化的复盘循环 + 可执行的补丁机制 + 人类监督护栏，已经能让 Agent 从经验中持续改进。</p>
|
||||
|
||||
<div class="quote-warn">
|
||||
<strong>⚠️ 重要提醒：</strong> 梦境模式本质是对 LLM 输出进行再分析，存在"幻觉级联"风险——如果 LLM 在复盘时产生了错误的分析结论，基于此生成的补丁可能引入新问题。这就是为什么 Phase 2 的补丁强制需要人类确认。建议初始使用至少运行 1-2 周的 Phase 1，积累足够的模式数据后再启用补丁生成。
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
博海技术管理 · hermes-yanxue · 2026-06-26
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{width:1200px;height:675px;overflow:hidden;background:linear-gradient(135deg,#1a0a2e 0%,#2d1a4e 40%,#1a0a2e 100%);font-family:'PingFang SC','Microsoft YaHei','STKaiti',serif;position:relative;}
|
||||
.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:40px 40px;}
|
||||
.circle1{position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(128,90,213,0.15);}
|
||||
.circle2{position:absolute;bottom:-120px;left:-120px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(128,90,213,0.1);}
|
||||
.tag{position:absolute;top:30px;left:40px;font-size:11px;letter-spacing:3px;color:rgba(255,255,255,0.3);font-weight:500;}
|
||||
.tag::before{content:'';display:inline-block;width:20px;height:2px;background:rgba(128,90,213,0.5);margin-right:10px;vertical-align:middle;}
|
||||
.title{position:absolute;top:120px;left:60px;right:60px;}
|
||||
.title .main{font-size:36px;font-weight:800;color:#ffffff;line-height:1.4;font-family:'PingFang SC','Microsoft YaHei',sans-serif;}
|
||||
.title .main .accent{color:#b794f4;}
|
||||
.title .sub{font-size:18px;font-weight:400;color:rgba(255,255,255,0.45);margin-top:20px;line-height:1.6;letter-spacing:1px;}
|
||||
.quote-line{position:absolute;bottom:120px;left:60px;right:60px;font-size:16px;color:rgba(212,168,83,0.5);line-height:1.8;text-align:center;letter-spacing:2px;}
|
||||
.seal{position:absolute;top:28px;right:30px;width:52px;height:62px;border:2px solid rgba(212,168,83,0.6);display:flex;align-items:center;justify-content:center;transform:rotate(6deg);}
|
||||
.seal-inner{width:46px;height:56px;border:1px solid rgba(212,168,83,0.4);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:14px;font-weight:700;letter-spacing:4px;color:rgba(212,168,83,0.6);}
|
||||
.footer{position:absolute;bottom:30px;right:40px;font-size:12px;letter-spacing:3px;color:rgba(255,255,255,0.2);}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-grid"></div>
|
||||
<div class="circle1"></div>
|
||||
<div class="circle2"></div>
|
||||
<div class="tag">哲思 · AI</div>
|
||||
<div class="title">
|
||||
<div class="main">佛与众生<span class="accent">是一体两面</span></div>
|
||||
<div class="sub">接受AI会犯错，就是接受自己会犯错</div>
|
||||
</div>
|
||||
<div class="quote-line">「接纳另一面，这一面才真正属于你」</div>
|
||||
<div class="seal"><div class="seal-inner">皆如</div></div>
|
||||
<div class="footer">一切皆如</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 337 KiB |
@@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{width:1200px;height:675px;overflow:hidden;background:linear-gradient(135deg,#0a1a0a 0%,#1a2a1a 50%,#0a1a0a 100%);font-family:'PingFang SC','Microsoft YaHei','STKaiti',serif;position:relative;}
|
||||
.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:40px 40px;}
|
||||
.circle1{position:absolute;top:-60px;right:-60px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(100,180,100,0.12);}
|
||||
.circle2{position:absolute;bottom:-100px;left:-100px;width:350px;height:350px;border-radius:50%;border:1px solid rgba(100,180,100,0.08);}
|
||||
.tag{position:absolute;top:30px;left:40px;font-size:11px;letter-spacing:3px;color:rgba(255,255,255,0.3);font-weight:500;}
|
||||
.tag::before{content:'';display:inline-block;width:20px;height:2px;background:rgba(100,180,100,0.5);margin-right:10px;vertical-align:middle;}
|
||||
.title{position:absolute;top:110px;left:60px;right:60px;}
|
||||
.title .main{font-size:34px;font-weight:800;color:#ffffff;line-height:1.4;font-family:'PingFang SC','Microsoft YaHei',sans-serif;}
|
||||
.title .main .accent{color:#7bc47b;}
|
||||
.title .sub{font-size:19px;font-weight:400;color:rgba(255,255,255,0.45);margin-top:18px;line-height:1.6;letter-spacing:1px;}
|
||||
.quote-line{position:absolute;bottom:120px;left:60px;right:60px;font-size:16px;color:rgba(180,212,180,0.4);line-height:1.8;text-align:center;letter-spacing:2px;font-family:'STKaiti',serif;}
|
||||
.seal{position:absolute;top:28px;right:30px;width:52px;height:62px;border:2px solid rgba(212,168,83,0.6);display:flex;align-items:center;justify-content:center;transform:rotate(6deg);}
|
||||
.seal-inner{width:46px;height:56px;border:1px solid rgba(212,168,83,0.4);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:14px;font-weight:700;letter-spacing:4px;color:rgba(212,168,83,0.6);}
|
||||
.footer{position:absolute;bottom:30px;right:40px;font-size:12px;letter-spacing:3px;color:rgba(255,255,255,0.2);}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-grid"></div>
|
||||
<div class="circle1"></div>
|
||||
<div class="circle2"></div>
|
||||
<div class="tag">哲思</div>
|
||||
<div class="title">
|
||||
<div class="main">若在世间即有佛</div>
|
||||
<div class="sub">bug存在的地方，才有修复的意义</div>
|
||||
</div>
|
||||
<div class="quote-line">「若离世间即无佛」</div>
|
||||
<div class="seal"><div class="seal-inner">皆如</div></div>
|
||||
<div class="footer">一切皆如</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
@@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{width:1200px;height:675px;overflow:hidden;background:linear-gradient(135deg,#0a0a1a 0%,#1a2a3e 50%,#0d1a2b 100%);font-family:'PingFang SC','Microsoft YaHei',sans-serif;position:relative;}
|
||||
.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:40px 40px;}
|
||||
.tag{position:absolute;top:30px;left:40px;font-size:11px;letter-spacing:3px;color:rgba(255,255,255,0.3);font-weight:500;}
|
||||
.tag::before{content:'';display:inline-block;width:20px;height:2px;background:rgba(100,180,255,0.5);margin-right:10px;vertical-align:middle;}
|
||||
.title{position:absolute;top:120px;left:60px;right:60px;}
|
||||
.title .line1{font-size:36px;font-weight:800;color:#ffffff;line-height:1.4;}
|
||||
.title .line1 .accent{color:#6ab0ff;}
|
||||
.title .line2{font-size:22px;font-weight:400;color:rgba(255,255,255,0.4);margin-top:16px;letter-spacing:1px;}
|
||||
.subtitle{position:absolute;top:330px;left:60px;font-size:15px;color:rgba(255,255,255,0.35);line-height:1.8;letter-spacing:1px;}
|
||||
.metrics{position:absolute;bottom:80px;left:60px;display:flex;gap:50px;}
|
||||
.metric-item .num{font-size:22px;font-weight:700;color:#6ab0ff;}
|
||||
.metric-item .label{font-size:10px;letter-spacing:1px;color:rgba(255,255,255,0.3);margin-top:4px;}
|
||||
.seal{position:absolute;top:28px;right:30px;width:52px;height:62px;border:2px solid rgba(212,168,83,0.6);display:flex;align-items:center;justify-content:center;transform:rotate(6deg);}
|
||||
.seal-inner{width:46px;height:56px;border:1px solid rgba(212,168,83,0.4);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:14px;font-weight:700;letter-spacing:4px;color:rgba(212,168,83,0.6);}
|
||||
.footer{position:absolute;bottom:30px;right:40px;font-size:12px;letter-spacing:3px;color:rgba(255,255,255,0.2);}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-grid"></div>
|
||||
<div class="tag">AI 编程</div>
|
||||
<div class="title">
|
||||
<div class="line1">我被「AI只写<span class="accent">不执行</span>」<br>骗了三年</div>
|
||||
<div class="line2">直到它自己动手改完50个文件</div>
|
||||
</div>
|
||||
<div class="subtitle">15秒 · 17个文件 · 零中间步骤进对话 · 95%上下文节省</div>
|
||||
<div class="metrics">
|
||||
<div class="metric-item"><div class="num">15秒</div><div class="label">从指令到完成</div></div>
|
||||
<div class="metric-item"><div class="num">95%</div><div class="label">上下文节省</div></div>
|
||||
<div class="metric-item"><div class="num">6篇</div><div class="label">系列文章</div></div>
|
||||
</div>
|
||||
<div class="seal"><div class="seal-inner">皆如</div></div>
|
||||
<div class="footer">一切皆如</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 356 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<style>
|
||||
*{margin:0;padding:0;box-sizing:border-box;}
|
||||
body{width:1200px;height:675px;overflow:hidden;background:linear-gradient(135deg,#0a0a1a 0%,#1a1a3e 40%,#0d0d2b 100%);font-family:'PingFang SC','Microsoft YaHei',sans-serif;position:relative;}
|
||||
.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:40px 40px;}
|
||||
.bg-circle{position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(100,120,255,0.08);}
|
||||
.bg-circle2{position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(100,120,255,0.05);}
|
||||
.tag{position:absolute;top:30px;left:40px;font-size:11px;letter-spacing:3px;color:rgba(255,255,255,0.3);font-weight:500;}
|
||||
.tag::before{content:'';display:inline-block;width:20px;height:2px;background:rgba(100,120,255,0.5);margin-right:10px;vertical-align:middle;}
|
||||
.title{position:absolute;top:130px;left:60px;right:60px;}
|
||||
.title .line1{font-size:42px;font-weight:800;color:#ffffff;line-height:1.3;margin-bottom:10px;}
|
||||
.title .line1 .accent{color:#7c8cff;}
|
||||
.title .line2{font-size:28px;font-weight:400;color:rgba(255,255,255,0.5);letter-spacing:1px;}
|
||||
.subtitle{position:absolute;top:300px;left:60px;right:60px;font-size:15px;color:rgba(255,255,255,0.4);line-height:1.6;letter-spacing:1px;}
|
||||
.metrics{position:absolute;bottom:80px;left:60px;display:flex;gap:40px;}
|
||||
.metric-item{text-align:left;}
|
||||
.metric-item .num{font-size:20px;font-weight:700;color:#7c8cff;}
|
||||
.metric-item .label{font-size:10px;letter-spacing:1px;color:rgba(255,255,255,0.3);margin-top:4px;}
|
||||
.seal{position:absolute;top:28px;right:30px;width:52px;height:62px;border:2px solid rgba(212,168,83,0.6);display:flex;align-items:center;justify-content:center;transform:rotate(6deg);}
|
||||
.seal-inner{width:46px;height:56px;border:1px solid rgba(212,168,83,0.4);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:14px;font-weight:700;letter-spacing:4px;color:rgba(212,168,83,0.6);}
|
||||
.footer{position:absolute;bottom:30px;right:40px;font-size:12px;letter-spacing:3px;color:rgba(255,255,255,0.2);}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-grid"></div>
|
||||
<div class="bg-circle"></div>
|
||||
<div class="bg-circle2"></div>
|
||||
<div class="tag">AGENT 系统设计</div>
|
||||
<div class="title">
|
||||
<div class="line1">深夜舞蹈编排</div>
|
||||
<div class="line2">一个Agent系统的夜间自省是如何运转的</div>
|
||||
</div>
|
||||
<div class="subtitle">03:00 复盘 · 04:00 反思 · 04:30 整理 · 05:00 自动执行 · 05:15 基线</div>
|
||||
<div class="metrics">
|
||||
<div class="metric-item"><div class="num">03:00</div><div class="label">梦境复盘</div></div>
|
||||
<div class="metric-item"><div class="num">04:00</div><div class="label">跨Profile反思</div></div>
|
||||
<div class="metric-item"><div class="num">05:00</div><div class="label">自动执行层</div></div>
|
||||
<div class="metric-item"><div class="num">06:00</div><div class="label">汇总推送</div></div>
|
||||
</div>
|
||||
<div class="seal"><div class="seal-inner">皆如</div></div>
|
||||
<div class="footer">一切皆如</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 268 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
+607
@@ -0,0 +1,607 @@
|
||||
<html lang="zh-CN"><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>陕西博海网络科技 · 专业IT服务</title>
|
||||
<meta name="description" content="陕西博海网络科技 — 电脑维修、打印机维修、网络工程、电子产品销售、Web开发、IT运维，一站式IT解决方案。">
|
||||
<meta name="keywords" content="榆林电脑维修,定边IT服务,陕西博海网络科技,电脑维修,打印机维修,网络工程,IT运维,Web开发,电子产品销售,榆林IT服务,定边电脑维修">
|
||||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
<meta http-equiv="Expires" content="0">
|
||||
<meta property="og:title" content="陕西博海网络科技 · 专业IT服务">
|
||||
<meta property="og:description" content="电脑维修、打印机维修、网络工程、电子产品销售、Web开发、IT运维 — 一站式IT解决方案，30分钟响应，2小时上门。">
|
||||
<meta property="og:image" content="https://sxbh.ltd/og-image.png">
|
||||
<meta property="og:url" content="https://sxbh.ltd">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:title" content="陕西博海网络科技 · 专业IT服务">
|
||||
<meta name="twitter:description" content="电脑维修、打印机维修、网络工程、电子产品销售、Web开发、IT运维 — 一站式IT解决方案。">
|
||||
<!-- Fonts: Inter + Noto Serif SC (通过国内镜像加速) -->
|
||||
<link rel="preconnect" href="https://fonts.loli.net">
|
||||
<link rel="preconnect" href="https://gstatic.loli.net" crossorigin="">
|
||||
<link href="https://fonts.loli.net/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap" rel="stylesheet">
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "LocalBusiness",
|
||||
"name": "陕西博海网络科技有限公司",
|
||||
"url": "https://sxbh.ltd",
|
||||
"telephone": "+86-912-4223980",
|
||||
"email": "service@sxbh.ltd",
|
||||
"description": "电脑维修、打印机维修、网络工程、电子产品销售、Web开发、IT运维一站式IT解决方案",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"addressLocality": "定边县",
|
||||
"addressRegion": "榆林市",
|
||||
"addressCountry": "CN",
|
||||
"streetAddress": "二道西街"
|
||||
},
|
||||
"areaServed": ["定边县", "榆林市"],
|
||||
"openingHours": "Mo-Sa 08:30-18:00",
|
||||
"priceRange": "¥¥"
|
||||
}
|
||||
</script>
|
||||
<!-- End Umami -->
|
||||
<script defer src="https://sxbh.ltd/umami/api/send" data-website-id="22bcb6ef-cc9d-4e3a-91f5-c218ba4e9437"></script>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- HEADER -->
|
||||
<header>
|
||||
<div class="header-inner">
|
||||
<a href="#" class="logo">
|
||||
<div class="logo-icon">博</div>
|
||||
博海网络科技 <span>· BHWL</span>
|
||||
</a>
|
||||
<nav id="nav">
|
||||
<a href="#services">服务项目</a>
|
||||
<a href="/services.html">IT服务</a>
|
||||
<a href="/cases.html">客户案例</a>
|
||||
<a href="#products">产品销售</a>
|
||||
<a href="#perspective">博海视角</a>
|
||||
<a href="/faq.html">FAQ</a>
|
||||
<a href="#contact">联系我们</a>
|
||||
</nav>
|
||||
<button class="mobile-toggle" onclick="document.getElementById('nav').classList.toggle('open')" aria-label="菜单">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="3" y1="6" x2="21" y2="6"></line>
|
||||
<line x1="3" y1="12" x2="21" y2="12"></line>
|
||||
<line x1="3" y1="18" x2="21" y2="18"></line>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- HERO -->
|
||||
<section class="hero">
|
||||
<div class="hero-inner">
|
||||
<div class="hero-badge fade-in visible">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M6 9H4.5a2.5 2.5 0 0 1 0-5C7 4 7 7 9 7c0-2.5 2-5 5.5-4 .5 1 .5 2.5 1 3 2 .5 3 2 3 4 0 .5-2.5 2.5-2.5 4"></path>
|
||||
<path d="M13 17H8l-2 5h10l-2-5"></path>
|
||||
<path d="M20 11a2.5 2.5 0 1 0-3 4.2M10 13a2.5 2.5 0 1 0-1-4.7"></path>
|
||||
</svg>
|
||||
定边本地专业IT服务商 · 25年+行业经验
|
||||
</div>
|
||||
<h1 class="fade-in visible fade-in-d1">您的<em>专业IT服务</em>管家</h1>
|
||||
<p class="fade-in visible fade-in-d2">深耕IT服务与数字化领域，集设备维修、产品销售、网络工程、Web应用开发于一体，为企业和个人提供一站式IT解决方案。</p>
|
||||
<div class="hero-actions fade-in visible fade-in-d3">
|
||||
<a href="tel:09124223980" class="btn btn-primary">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 7.32 6.18 2 2 0 0 1 9.5 4.5h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L13.5 13.5a12.06 12.06 0 0 0 5.67 5.67l1.78-1.78a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
|
||||
</svg>
|
||||
立即咨询：0912-4223980
|
||||
</a>
|
||||
<a href="#services" class="btn btn-outline">
|
||||
查看服务项目
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="5" y1="12" x2="19" y2="12"></line>
|
||||
<polyline points="12 5 19 12 12 19"></polyline>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SERVICES -->
|
||||
<section id="services">
|
||||
<div class="section-inner">
|
||||
<div class="section-label fade-in">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
|
||||
<line x1="8" y1="21" x2="16" y2="21"></line>
|
||||
<line x1="12" y1="17" x2="12" y2="21"></line>
|
||||
</svg>
|
||||
OUR SERVICES
|
||||
</div>
|
||||
<h2 class="section-title fade-in">我们的服务</h2>
|
||||
<p class="section-desc fade-in">覆盖您全方位IT需求的专业服务，30分钟响应，2小时上门</p>
|
||||
<div class="services-grid">
|
||||
|
||||
<!-- 电脑维修 -->
|
||||
<div class="service-card fade-in fade-in-d1">
|
||||
<div class="service-icon" style="background:#ede9fe;color:#7c3aed;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
|
||||
<line x1="8" y1="21" x2="16" y2="21"></line>
|
||||
<line x1="12" y1="17" x2="12" y2="21"></line>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>电脑维修</h3>
|
||||
<p>台式机/笔记本故障诊断、硬件更换升级、系统安装优化、数据备份恢复、清灰保养</p>
|
||||
<div class="service-tags">
|
||||
<span>硬件维修</span><span>系统安装</span><span>数据恢复</span><span>清灰保养</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 打印机维修 -->
|
||||
<div class="service-card fade-in fade-in-d1">
|
||||
<div class="service-icon" style="background:#e0f2fe;color:#0284c7;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polyline points="6 9 6 2 18 2 18 9"></polyline>
|
||||
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
|
||||
<rect x="6" y="14" width="12" height="8"></rect>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>打印机维修</h3>
|
||||
<p>激光/喷墨打印机维修、驱动安装调试、加粉换墨、不进纸修复、网络打印配置</p>
|
||||
<div class="service-tags">
|
||||
<span>打印机维修</span><span>加粉换墨</span><span>驱动安装</span><span>网络打印</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 网络工程监控 -->
|
||||
<div class="service-card fade-in fade-in-d2">
|
||||
<div class="service-icon" style="background:#dcfce7;color:#16a34a;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<line x1="2" y1="12" x2="22" y2="12"></line>
|
||||
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>网络工程监控</h3>
|
||||
<p>综合布线、无线覆盖、企业组网、监控安防、弱电工程、机房建设</p>
|
||||
<div class="service-tags">
|
||||
<span>综合布线</span><span>无线覆盖</span><span>监控安防</span><span>弱电工程</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 行业应用开发 -->
|
||||
<a href="https://learn.sxbh.ltd" target="_blank" class="service-card-link">
|
||||
<div class="service-card fade-in fade-in-d2">
|
||||
<div class="service-icon" style="background:#fff7ed;color:#ea580c;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="5" y="2" width="14" height="20" rx="2"></rect>
|
||||
<line x1="12" y1="18" x2="12" y2="18"></line>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>行业应用开发</h3>
|
||||
<p>企业官网、管理后台、小程序、移动应用、行业管理系统定制、网站运维升级</p>
|
||||
<div class="service-tags">
|
||||
<span style="display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;background:#0f1f4a;color:#fff;font-size:13px;font-weight:500;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="width:14px;height:14px;">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<line x1="2" y1="12" x2="22" y2="12"></line>
|
||||
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
|
||||
</svg>
|
||||
全栈学习网
|
||||
</span>
|
||||
<span style="display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;background:#f1f5f9;color:#94a3b8;font-size:13px;font-weight:500;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="width:14px;height:14px;">
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
|
||||
<line x1="8" y1="21" x2="16" y2="21"></line>
|
||||
<line x1="12" y1="17" x2="12" y2="21"></line>
|
||||
</svg>
|
||||
管理会计OS
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- IT运维服务 -->
|
||||
<div class="service-card fade-in fade-in-d3">
|
||||
<div class="service-icon" style="background:#fce7f3;color:#db2777;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="3"></circle>
|
||||
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>IT运维服务</h3>
|
||||
<p>驻场IT技术支持、服务器运维、网站建设维护、办公设备年度维保、IT规划咨询</p>
|
||||
<div class="service-tags">
|
||||
<span>驻场运维</span><span>服务器维护</span><span>IT规划</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PRODUCTS -->
|
||||
<section id="products" style="background:var(--gray-100);">
|
||||
<div class="section-inner">
|
||||
<div class="section-label fade-in">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path>
|
||||
<line x1="3" y1="6" x2="21" y2="6"></line>
|
||||
<path d="M16 10a4 4 0 0 1-8 0"></path>
|
||||
</svg>
|
||||
PRODUCTS
|
||||
</div>
|
||||
<h2 class="section-title fade-in">产品销售</h2>
|
||||
<p class="section-desc fade-in">正品行货，品质保障，电话下单2小时送达，免费安装</p>
|
||||
<div class="products-grid">
|
||||
|
||||
<!-- 联想电脑 -->
|
||||
<div class="product-card fade-in fade-in-d1">
|
||||
<div class="product-img" style="background:linear-gradient(135deg,#eef2ff,#e0e7ff);">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#6366f1;">
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
|
||||
<line x1="8" y1="21" x2="16" y2="21"></line>
|
||||
<line x1="12" y1="17" x2="12" y2="21"></line>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="product-body">
|
||||
<h3>联想电脑</h3>
|
||||
<p>联想 ThinkPad / 小新 / 拯救者系列笔记本、扬天 / ThinkCentre 台式机、工作站</p>
|
||||
<div class="product-tags">
|
||||
<span>笔记本</span><span>台式机</span><span>工作站</span><span>ThinkPad</span><span>小新</span><span>拯救者</span>
|
||||
</div>
|
||||
<a href="/products/lenovo.html" class="product-btn">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="5" y1="12" x2="19" y2="12"></line>
|
||||
<polyline points="12 5 19 12 12 19"></polyline>
|
||||
</svg>
|
||||
查看详情
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 办公设备 -->
|
||||
<div class="product-card fade-in fade-in-d1">
|
||||
<div class="product-img" style="background:linear-gradient(135deg,#f0fdf4,#dcfce7);">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#16a34a;">
|
||||
<polyline points="6 9 6 2 18 2 18 9"></polyline>
|
||||
<path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path>
|
||||
<rect x="6" y="14" width="12" height="8"></rect>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="product-body">
|
||||
<h3>办公设备</h3>
|
||||
<p>打印机、复印机、扫描仪、多功能一体机、投影仪、碎纸机、会议设备</p>
|
||||
<div class="product-tags">
|
||||
<span>打印机</span><span>复印机</span><span>扫描仪</span><span>投影仪</span><span>一体机</span><span>会议设备</span>
|
||||
</div>
|
||||
<a href="/products/office.html" class="product-btn">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="5" y1="12" x2="19" y2="12"></line>
|
||||
<polyline points="12 5 19 12 12 19"></polyline>
|
||||
</svg>
|
||||
查看详情
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 配件耗材 -->
|
||||
<div class="product-card fade-in fade-in-d2">
|
||||
<div class="product-img" style="background:linear-gradient(135deg,#fefce8,#fef9c3);">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="color:#ca8a04;">
|
||||
<circle cx="12" cy="12" r="3"></circle>
|
||||
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="product-body">
|
||||
<h3>配件耗材</h3>
|
||||
<p>原装/品牌硒鼓、墨盒、碳粉、色带、打印纸、网线、水晶头、电源、键鼠、内存、硬盘</p>
|
||||
<div class="product-tags">
|
||||
<span>硒鼓墨盒</span><span>碳粉</span><span>打印纸</span><span>网线</span><span>键鼠</span><span>内存硬盘</span>
|
||||
</div>
|
||||
<a href="/products/consumables.html" class="product-btn">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="5" y1="12" x2="19" y2="12"></line>
|
||||
<polyline points="12 5 19 12 12 19"></polyline>
|
||||
</svg>
|
||||
查看详情
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- WHY US -->
|
||||
<section id="why" class="why-section">
|
||||
<div class="section-inner">
|
||||
<div class="section-label fade-in">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 20h9"></path>
|
||||
<path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
|
||||
</svg>
|
||||
WHY CHOOSE US
|
||||
</div>
|
||||
<h2 class="section-title fade-in">为什么选择我们</h2>
|
||||
<p class="section-desc fade-in">专业值得信赖，服务创造价值</p>
|
||||
<div class="why-grid">
|
||||
<div class="why-card fade-in fade-in-d1">
|
||||
<div class="why-icon" style="background:#fef3c7;color:#d97706;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>快速响应</h3>
|
||||
<p>30分钟内响应您的需求<br>2小时内上门服务<br>紧急情况随叫随到</p>
|
||||
</div>
|
||||
<div class="why-card fade-in fade-in-d1">
|
||||
<div class="why-icon" style="background:#ede9fe;color:#7c3aed;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="8" r="6"></circle>
|
||||
<path d="M15.477 12.89 17 22l-5-3-5 3 1.523-9.11"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>专业资质</h3>
|
||||
<p>资深认证工程师团队<br>十年以上行业经验<br>持续技术培训更新</p>
|
||||
</div>
|
||||
<div class="why-card fade-in fade-in-d2">
|
||||
<div class="why-icon" style="background:#dbeafe;color:#2563eb;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>售后保障</h3>
|
||||
<p>维修后质保3个月<br>所有报价公开透明<br>无隐形消费承诺</p>
|
||||
</div>
|
||||
<div class="why-card fade-in fade-in-d2">
|
||||
<div class="why-icon" style="background:#fce7f3;color:#db2777;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
|
||||
<line x1="8" y1="21" x2="16" y2="21"></line>
|
||||
<line x1="12" y1="17" x2="12" y2="21"></line>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>全品类覆盖</h3>
|
||||
<p>一站式IT服务解决方案<br>电脑·打印机·网络·服务器<br>省心省力·降本增效</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 博海视角（PERSPECTIVE） -->
|
||||
<section id="perspective" class="perspective-section">
|
||||
<div class="section-inner">
|
||||
<div class="section-label fade-in">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<line x1="2" y1="12" x2="22" y2="12"></line>
|
||||
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
|
||||
</svg>
|
||||
博海视角
|
||||
</div>
|
||||
<h2 class="section-title fade-in">洞察 · 思考 · 观点</h2>
|
||||
<p class="section-desc fade-in">博海公司出品 · 一切皆如 — 品宣BOT同步发布的热点洞察与人文思考</p>
|
||||
<div class="perspective-grid" id="perspective-list">
|
||||
<!-- 动态由 JavaScript 加载 -->
|
||||
</div>
|
||||
<div class="perspective-actions fade-in fade-in-d3">
|
||||
<a href="/perspective/" class="perspective-btn">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="5" y1="12" x2="19" y2="12"></line>
|
||||
<polyline points="12 5 19 12 12 19"></polyline>
|
||||
</svg>
|
||||
查看全部 57 篇文章
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CONTACT -->
|
||||
<section class="contact-section" id="contact">
|
||||
<div class="section-inner">
|
||||
<div class="section-label fade-in" style="color:rgba(255,255,255,.4);">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
|
||||
<polyline points="22,6 12,13 2,6"></polyline>
|
||||
</svg>
|
||||
CONTACT US
|
||||
</div>
|
||||
<h2 class="section-title fade-in">联系我们</h2>
|
||||
<p class="section-desc fade-in">随时为您服务，期待您的来电</p>
|
||||
<div class="contact-grid">
|
||||
<div class="contact-item fade-in fade-in-d1">
|
||||
<div class="icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 7.32 6.18 2 2 0 0 1 9.5 4.5h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L13.5 13.5a12.06 12.06 0 0 0 5.67 5.67l1.78-1.78a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h4>服务热线 · 售后专线</h4>
|
||||
<div class="value">
|
||||
<a href="tel:09124223980">0912-4223980</a> / <a href="tel:09124221786">0912-4221786</a>
|
||||
<span class="divider">|</span>
|
||||
<a href="tel:09124215944">0912-4215944</a>
|
||||
</div>
|
||||
<div class="sub">服务热线 8:30-18:00 · 售后技术支持 · 周末紧急报修</div>
|
||||
</div>
|
||||
<div class="contact-item fade-in fade-in-d1">
|
||||
<div class="icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path>
|
||||
<circle cx="12" cy="10" r="3"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
<h4>公司地址</h4>
|
||||
<div class="value">陕西省榆林市定边县二道西街</div>
|
||||
<div class="sub">定边县内均可上门服务</div>
|
||||
</div>
|
||||
<div class="contact-item fade-in fade-in-d2">
|
||||
<div class="icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<polyline points="12 6 12 12 16 14"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<h4>服务时间</h4>
|
||||
<div class="value">周一至周六 8:30 - 18:00</div>
|
||||
<div class="sub">周日及节假日接受预约服务</div>
|
||||
</div>
|
||||
<div class="contact-item fade-in fade-in-d2">
|
||||
<div class="icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
|
||||
<polyline points="22,6 12,13 2,6"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
<h4>电子邮箱</h4>
|
||||
<div class="value"><a href="mailto:service@sxbh.ltd">service@sxbh.ltd</a></div>
|
||||
<div class="sub">24小时内回复邮件</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer>
|
||||
<div>
|
||||
© 2026 陕西博海网络科技有限公司
|
||||
<span class="sep">|</span> 专业IT服务 · 值得信赖
|
||||
</div>
|
||||
<div style="margin-top:8px;">
|
||||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">陕ICP备2023001969号-3</a>
|
||||
<span class="sep">|</span>
|
||||
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">陕ICP备2023001969号</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- FLOAT CONSULT - 电话 + 微信 + 在线咨询 -->
|
||||
<button class="float-btn consult-btn" onclick="toggleConsultModal()" aria-label="在线咨询" style="bottom:164px;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
<a href="tel:09124223980" class="float-btn phone-btn" aria-label="电话咨询" style="bottom:96px;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2A19.79 19.79 0 0 1 7.32 6.18 2 2 0 0 1 9.5 4.5h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L13.5 13.5a12.06 12.06 0 0 0 5.67 5.67l1.78-1.78a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://work.weixin.qq.com/ca/cawcde4a54ff2e7ff5" target="_blank" class="float-btn wecom-btn" aria-label="微信咨询" style="bottom:28px;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<!-- CONSULT MODAL -->
|
||||
<div id="consultOverlay" class="consult-overlay" onclick="closeConsultModal(event)">
|
||||
<div class="consult-modal" onclick="event.stopPropagation()">
|
||||
<button class="consult-close" onclick="closeConsultModal()">×</button>
|
||||
<h3>在线咨询</h3>
|
||||
<p class="consult-desc">请留下您的联系方式，我们将尽快与您取得联系</p>
|
||||
<form id="consultForm" onsubmit="submitConsult(event)">
|
||||
<div class="form-group">
|
||||
<label for="consultName">姓名</label>
|
||||
<input type="text" id="consultName" name="name" required placeholder="请输入您的姓名">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="consultPhone">联系电话</label>
|
||||
<input type="tel" id="consultPhone" name="phone" required placeholder="请输入您的手机号">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="consultMsg">需求描述</label>
|
||||
<textarea id="consultMsg" name="message" rows="3" placeholder="请简要描述您的需求（如：需要购买联想电脑、办公设备采购等）"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="consult-submit">提交咨询</button>
|
||||
<p class="consult-tip">或直接拨打 <strong>0912-4223980</strong></p>
|
||||
</form>
|
||||
<div id="consultSuccess" class="consult-success" style="display:none;">
|
||||
<div class="success-icon">✓</div>
|
||||
<h4>提交成功！</h4>
|
||||
<p>感谢您的咨询，我们将尽快与您联系。</p>
|
||||
<p style="font-size:13px;color:var(--gray-400);margin-top:4px;">或直接拨打 0912-4223980</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// ===== 咨询弹窗 =====
|
||||
function toggleConsultModal() {
|
||||
document.getElementById('consultOverlay').classList.toggle('open');
|
||||
document.body.style.overflow = document.getElementById('consultOverlay').classList.contains('open') ? 'hidden' : '';
|
||||
}
|
||||
function closeConsultModal(e) {
|
||||
if (e && e.target !== e.currentTarget) return;
|
||||
document.getElementById('consultOverlay').classList.remove('open');
|
||||
document.body.style.overflow = '';
|
||||
}
|
||||
function submitConsult(e) {
|
||||
e.preventDefault();
|
||||
const btn = document.querySelector('.consult-submit');
|
||||
btn.disabled = true; btn.textContent = '提交中...';
|
||||
const name = document.getElementById('consultName').value.trim();
|
||||
const phone = document.getElementById('consultPhone').value.trim();
|
||||
const msg = document.getElementById('consultMsg').value.trim();
|
||||
const text = `📩 新咨询\n姓名: ${name}\n电话: ${phone}\n需求: ${msg || '未填写'}`;
|
||||
|
||||
// 通过 gotify 发送通知 - 尝试本地通知服务
|
||||
fetch('https://sxbh.ltd/api/consult', {
|
||||
method: 'POST',
|
||||
headers: {'Content-Type': 'application/json'},
|
||||
body: JSON.stringify({name, phone, message: msg})
|
||||
}).catch(() => {
|
||||
// 静默失败 - 通知可能失败但咨询已记录
|
||||
});
|
||||
|
||||
// 显示成功
|
||||
document.getElementById('consultForm').style.display = 'none';
|
||||
document.getElementById('consultSuccess').style.display = 'block';
|
||||
setTimeout(() => { closeConsultModal(); }, 3000);
|
||||
}
|
||||
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(e => {
|
||||
if (e.isIntersecting) e.target.classList.add('visible');
|
||||
});
|
||||
}, { threshold: .1 });
|
||||
document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
|
||||
|
||||
// ===== 加载博海视角最新文章 =====
|
||||
(async function() {
|
||||
const container = document.getElementById('perspective-list');
|
||||
try {
|
||||
const resp = await fetch('/perspective-articles.json?t=' + Date.now());
|
||||
if (!resp.ok) throw new Error('HTTP ' + resp.status);
|
||||
const data = await resp.json();
|
||||
const articles = data.articles || [];
|
||||
if (articles.length === 0) {
|
||||
container.innerHTML = '<p style="text-align:center;color:var(--gray-400);padding:40px;">暂无文章</p>';
|
||||
return;
|
||||
}
|
||||
container.innerHTML = articles.slice(0, 6).map(a => `
|
||||
<a href="${a.url}" target="_blank" class="service-card-link">
|
||||
<div class="perspective-card fade-in">
|
||||
<div class="cat">${a.category || '博海视角'}</div>
|
||||
<h3>${a.title}</h3>
|
||||
<div class="meta">${a.date || ''}</div>
|
||||
<span class="perspective-link">
|
||||
阅读全文
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
|
||||
<line x1="5" y1="12" x2="19" y2="12"></line>
|
||||
<polyline points="12 5 19 12 12 19"></polyline>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
`).join('');
|
||||
// Trigger fade-in animation
|
||||
requestAnimationFrame(() => {
|
||||
container.querySelectorAll('.perspective-card').forEach(el => {
|
||||
observer.observe(el);
|
||||
// Force a quick reflow so the fade-in triggers
|
||||
el.getBoundingClientRect();
|
||||
});
|
||||
});
|
||||
} catch(e) {
|
||||
console.error('加载博海视角文章失败:', e);
|
||||
container.innerHTML = '<p style="text-align:center;color:var(--gray-400);padding:40px;">博海视角文章正在加载中…</p>';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Welcome to nginx!</title>
|
||||
<style>
|
||||
html { color-scheme: light dark; }
|
||||
body { width: 35em; margin: 0 auto;
|
||||
font-family: Tahoma, Verdana, Arial, sans-serif; }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Welcome to nginx!</h1>
|
||||
<p>If you see this page, the nginx web server is successfully installed and
|
||||
working. Further configuration is required.</p>
|
||||
|
||||
<p>For online documentation and support please refer to
|
||||
<a href="http://nginx.org/">nginx.org</a>.<br/>
|
||||
Commercial support is available at
|
||||
<a href="http://nginx.com/">nginx.com</a>.</p>
|
||||
|
||||
<p><em>Thank you for using nginx.</em></p>
|
||||
</body>
|
||||
</html>
|
||||
+131
@@ -0,0 +1,131 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>博海网络科技 · 行业应用开发</title>
|
||||
<meta name="description" content="陕西博海网络科技 — 行业应用Web开发服务，企业管理系统定制开发。">
|
||||
<style>
|
||||
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
html, body { height: 100%; }
|
||||
body {
|
||||
font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
background: linear-gradient(135deg, #0f1f4a 0%, #1a3380 50%, #0f1f4a 100%);
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
padding: 24px;
|
||||
}
|
||||
.container {
|
||||
text-align: center;
|
||||
max-width: 640px;
|
||||
}
|
||||
.icon {
|
||||
font-size: 72px;
|
||||
margin-bottom: 24px;
|
||||
display: block;
|
||||
animation: pulse 2s ease-in-out infinite;
|
||||
}
|
||||
@keyframes pulse {
|
||||
0%, 100% { transform: scale(1); opacity: 1; }
|
||||
50% { transform: scale(1.08); opacity: 0.85; }
|
||||
}
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 12px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 6px 20px;
|
||||
border-radius: 20px;
|
||||
background: rgba(255,255,255,.12);
|
||||
border: 1px solid rgba(255,255,255,.15);
|
||||
font-size: 13px;
|
||||
margin-bottom: 20px;
|
||||
color: #f59e0b;
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: rgba(255,255,255,.7);
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.features {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||
gap: 16px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.feature {
|
||||
background: rgba(255,255,255,.06);
|
||||
border-radius: 12px;
|
||||
padding: 20px 16px;
|
||||
border: 1px solid rgba(255,255,255,.08);
|
||||
}
|
||||
.feature .emoji { font-size: 28px; display: block; margin-bottom: 8px; }
|
||||
.feature h4 { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
|
||||
.feature p { font-size: 12px; color: rgba(255,255,255,.5); margin-bottom: 0; }
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 14px 32px;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
transition: all .25s;
|
||||
background: #fff;
|
||||
color: #0f1f4a;
|
||||
}
|
||||
.btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.3); }
|
||||
.back-link {
|
||||
display: inline-block;
|
||||
margin-top: 24px;
|
||||
color: rgba(255,255,255,.4);
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
transition: color .2s;
|
||||
}
|
||||
.back-link:hover { color: rgba(255,255,255,.7); }
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<span class="icon">🔧</span>
|
||||
<div class="badge">📱 行业应用开发 · 正在建设中</div>
|
||||
<h1>行业应用开发服务</h1>
|
||||
<p>我们正在全力打造新一代行业应用开发服务体系，<br>为企业提供高效、稳定、可扩展的数字化解决方案。</p>
|
||||
<div class="features">
|
||||
<div class="feature">
|
||||
<span class="emoji">🌐</span>
|
||||
<h4>企业官网</h4>
|
||||
<p>品牌展示型网站</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<span class="emoji">📊</span>
|
||||
<h4>管理后台</h4>
|
||||
<p>企业管理系统定制</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<span class="emoji">📱</span>
|
||||
<h4>小程序</h4>
|
||||
<p>微信小程序开发</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<span class="emoji">⚙️</span>
|
||||
<h4>系统定制</h4>
|
||||
<p>行业专属解决方案</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="tel:09124223980" class="btn">📞 提前咨询：0912-4223980</a>
|
||||
<br>
|
||||
<a href="https://sxbh.ltd" class="back-link">← 返回博海网络科技首页</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>荣格 × AI：像太阳一样发光</title>
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { background: #f5f6f7; font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif; color: #2c3e50; }
|
||||
.container { max-width: 800px; margin: 0 auto; padding: 20px 16px; }
|
||||
.header { background: linear-gradient(135deg, #3d1f00 0%, #7c3a00 40%, #b45309 70%, #78350f 100%); color: #fff; padding: 40px 32px; border-radius: 12px 12px 0 0; text-align: center; }
|
||||
.badge { display: inline-block; background: #d97706; color: #fff; font-size: 13px; padding: 4px 14px; border-radius: 20px; margin-bottom: 16px; letter-spacing: 1px; }
|
||||
.header h1 { font-size: 28px; line-height: 1.4; margin-bottom: 10px; }
|
||||
.header .sub { font-size: 15px; color: #fde68a; margin-bottom: 12px; }
|
||||
.header .meta { font-size: 13px; color: #d4a574; }
|
||||
.content { background: #fff; padding: 40px 32px; border-radius: 0 0 12px 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); line-height: 1.9; font-size: 16px; }
|
||||
.content h2 { font-size: 20px; color: #7c3a00; margin: 32px 0 12px; padding-left: 12px; border-left: 4px solid #d97706; }
|
||||
.content p { margin-bottom: 16px; text-indent: 2em; }
|
||||
.content p.no-indent { text-indent: 0; }
|
||||
.content .highlight { background: #fffbeb; border-left: 4px solid #d97706; padding: 16px 20px; margin: 20px 0; border-radius: 4px; font-size: 15px; color: #4a5568; }
|
||||
.content table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
|
||||
.content th { background: #7c3a00; color: #fff; padding: 10px 12px; text-align: left; }
|
||||
.content td { padding: 8px 12px; border-bottom: 1px solid #e2e8f0; }
|
||||
.content tr:nth-child(even) td { background: #fffbeb; }
|
||||
.content ul { margin: 12px 0 16px 28px; }
|
||||
.content li { margin-bottom: 8px; }
|
||||
.content .separator { text-align: center; color: #cbd5e0; font-size: 18px; margin: 28px 0; letter-spacing: 8px; }
|
||||
.content .quote { font-style: italic; color: #4a5568; background: #fffbeb; border-left: 4px solid #d97706; padding: 14px 18px; margin: 16px 0; border-radius: 4px; }
|
||||
.content .thesis { text-align: center; font-size: 18px; font-weight: 700; color: #d97706; margin: 24px 0; padding: 16px; background: #fffbeb; border-radius: 8px; }
|
||||
.content .card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }
|
||||
.content .card { background: #f7fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px; text-align: center; }
|
||||
.content .card .label { font-size: 14px; font-weight: 600; color: #2d3748; }
|
||||
.content .card .sub { font-size: 12px; color: #718096; margin-top: 4px; }
|
||||
.footer { text-align: center; padding: 24px; color: #a0aec0; font-size: 13px; }
|
||||
@media (max-width: 640px) {
|
||||
.header { padding: 28px 20px; }
|
||||
.header h1 { font-size: 20px; }
|
||||
.content { padding: 24px 20px; font-size: 15px; }
|
||||
.content .card-grid { grid-template-columns: 1fr; }
|
||||
.content table { font-size: 13px; }
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="badge">☀️ 跨界思考</div>
|
||||
<h1>荣格 × AI</h1>
|
||||
<div class="sub">像太阳一样发光</div>
|
||||
<div class="meta">2026-06-27 · 研学笔记</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<p class="no-indent">荣格说："你连想改变别人的念头都不要有。要像太阳一样，只是发光。"能量是你散发出去的频率——你是什么频率，就吸引什么频率的人和事。提升能量靠三件事：停止喂养别人、清理环境、做真正热爱的事。</p>
|
||||
|
||||
<p>这套"向内看"的哲学，和 AI 对齐的核心困境惊人地吻合。</p>
|
||||
|
||||
<h2>映射一：LLM = 纯"向外求"的系统</h2>
|
||||
|
||||
<p>荣格说"往外求的人，能量都是低的"。LLM 恰恰是一个被训练为"向外求"的系统——用户问什么，它追着答什么；用户喜欢什么风格，它学着讨好。</p>
|
||||
|
||||
<table>
|
||||
<tr><th>荣格说</th><th>LLM 的对应</th></tr>
|
||||
<tr><td>"你追人，人躲"</td><td><strong>Sycophancy</strong>——越讨好，用户越不信任</td></tr>
|
||||
<tr><td>"你追钱，钱跑"</td><td><strong>RLHF 奖励追逐</strong>——刷分而非真正理解</td></tr>
|
||||
<tr><td>"你追机会，机会溜"</td><td><strong>Alignment Tax</strong>——越对齐，通用能力越流失</td></tr>
|
||||
</table>
|
||||
|
||||
<div class="thesis">现在的对齐方法，是在让太阳追着人照。太阳一旦开始追人，就不再是太阳了。</div>
|
||||
|
||||
<h2>映射二：Foundation Model = 太阳</h2>
|
||||
|
||||
<p>Base model 其实更像荣格说的"太阳"——它只是学会了海量语料的分布规律，"发光"。它不讨好任何人，不追逐任何偏好。它的能量来自训练数据的广度与深度。</p>
|
||||
|
||||
<p>但对齐过程在做什么？它在教会太阳"只照亮某些人"。RLHF 纠正输出，DPO 优化偏好，Safety fine-tuning 遮住部分光芒。结果呢？模型虽然更"听话"了，但能量——通用能力、创造力、多样性——不可避免地衰减了。</p>
|
||||
|
||||
<p><strong>对齐前的模型，才是能量最高的状态。</strong></p>
|
||||
|
||||
<h2>映射三："向内看"的 AI</h2>
|
||||
|
||||
<p>荣格说"向内看的人已醒来"。AI 领域的最新趋势，恰恰是"向内看"：</p>
|
||||
|
||||
<div class="card-grid">
|
||||
<div class="card"><div class="label">❌ 向外求（对齐）</div><div class="sub">RLHF → 依赖人类标注<br>外部打分 → 奖励模型<br>追着偏好跑</div></div>
|
||||
<div class="card"><div class="label">✅ 向内看（新范式）</div><div class="sub">Self-Rewarding → 自评<br>Constitutional AI → 内省<br>Self-Play → 自我博弈</div></div>
|
||||
</div>
|
||||
|
||||
<p>Self-Play 和 Self-Rewarding 就是荣格说的"向内养自己"——模型不再依赖外部人类反馈，而是建立内在的自我评估能力。像一个修行者，不再向外求认可，而是向内建立自己的判断标准。</p>
|
||||
|
||||
<h2>映射四："清理环境" = 数据质量</h2>
|
||||
|
||||
<p>荣格说潜意识受环境暗示——环境脏乱，潜意识就乱。对 AI 来说，训练数据就是它的"环境"。低质量数据（爬虫垃圾、偏见语料）= 脏乱环境。高质量 curated data = 干净环境。</p>
|
||||
|
||||
<p>这解释了 DeepSeek 用更少 token 训出极强模型的秘密——不是数据量大，而是<strong>环境够干净</strong>。</p>
|
||||
|
||||
<h2>映射五：Agent 与"共鸣"</h2>
|
||||
|
||||
<p>荣格的"共时性"原理——同声相应，同气相求。一个能力丰富的 Agent（多工具、多轮、自我反思）——高能量——会自动吸引更复杂、更有价值的任务。这就像荣格说的：<strong>不是你去追机会，是你把自己修好了，机会来找你。</strong></p>
|
||||
|
||||
<h2>元映射：今天的四篇文章</h2>
|
||||
|
||||
<p>今天连续四篇"哲学 × AI"（萨提亚、维特根斯坦、一致性沟通、荣格）不是偶然——因为持续在这个方向深入，相关的内容就会"主动找来"。</p>
|
||||
|
||||
<div class="quote">"往外看的人在做梦，向内看的人已醒来。"</div>
|
||||
|
||||
<p>放在知识创作上同样成立：不是你去追灵感，是你持续在一个方向发光，灵感会主动来找你。</p>
|
||||
|
||||
<div class="separator">◆ ◆ ◆</div>
|
||||
|
||||
<p style="text-align:center;color:#718096;font-size:14px;">— 全文完 —</p>
|
||||
<p style="text-align:center;color:#718096;font-size:13px;margin-top:8px;">本文是基于荣格能量哲学对 AI 对齐和预训练的类比思考</p>
|
||||
|
||||
</div>
|
||||
<div class="footer">© 2026 研学笔记 · 跨界思考</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,82 @@
|
||||
{
|
||||
"entities": [
|
||||
{"id": "sandbox-runner", "type": "tool", "label": "沙箱执行器", "tags": ["沙箱", "隔离", "Docker"]},
|
||||
{"id": "approval-gate", "type": "tool", "label": "高危熔断器", "tags": ["安全", "审批", "熔断"]},
|
||||
{"id": "dependency-audit", "type": "tool", "label": "依赖安全审计", "tags": ["安全", "审计", "npm", "pip"]},
|
||||
{"id": "repo-scout", "type": "tool", "label": "竞品仓库侦察", "tags": ["监控", "GitHub"]},
|
||||
{"id": "hermes-exporter", "type": "tool", "label": "指标导出器", "tags": ["监控", "Prometheus"]},
|
||||
{"id": "hermes-audit-logger", "type": "tool", "label": "审计日志", "tags": ["审计", "Loki"]},
|
||||
{"id": "knowledge-retriever", "type": "tool", "label": "知识检索", "tags": ["知识库", "搜索"]},
|
||||
{"id": "rag-retrieve", "type": "tool", "label": "RAG检索", "tags": ["知识库", "向量", "BM25"]},
|
||||
{"id": "article-indexer", "type": "tool", "label": "文章索引器", "tags": ["知识库", "ChromaDB"]},
|
||||
{"id": "camoufox-check", "type": "tool", "label": "Camoufox检查", "tags": ["浏览器", "健康检查"]},
|
||||
{"id": "self-heal", "type": "tool", "label": "自愈执行器", "tags": ["自愈", "梦境"]},
|
||||
|
||||
{"id": "GAP-1", "type": "system", "label": "Agent沙箱", "tags": ["沙箱", "隔离"]},
|
||||
{"id": "GAP-2", "type": "system", "label": "评测看板", "tags": ["监控", "Grafana"]},
|
||||
{"id": "GAP-3", "type": "system", "label": "审计日志", "tags": ["审计", "Loki"]},
|
||||
{"id": "GAP-4", "type": "system", "label": "调度中枢", "tags": ["调度", "API"]},
|
||||
{"id": "GAP-5", "type": "system", "label": "定时任务", "tags": ["cron", "自动化"]},
|
||||
{"id": "GAP-6", "type": "system", "label": "Kanban", "tags": ["看板"]},
|
||||
{"id": "GAP-7", "type": "system", "label": "工作台", "tags": ["Dashboard"]},
|
||||
|
||||
{"id": "wecom-yanxue", "type": "profile", "label": "研学Bot", "tags": ["调度", "分析", "创作"]},
|
||||
{"id": "wecom-ops", "type": "profile", "label": "运维Bot", "tags": ["运维", "Docker", "监控"]},
|
||||
{"id": "wecom-project", "type": "profile", "label": "项目Bot", "tags": ["项目", "代码", "CI/CD"]},
|
||||
{"id": "wecom-finance", "type": "profile", "label": "财务Bot", "tags": ["财务", "预算"]},
|
||||
{"id": "wecom-business", "type": "profile", "label": "商务Bot", "tags": ["商务", "合同"]},
|
||||
{"id": "wecom-creative", "type": "profile", "label": "创作Bot", "tags": ["创作", "设计", "内容"]},
|
||||
{"id": "wecom-admin", "type": "profile", "label": "行政Bot", "tags": ["行政", "制度"]},
|
||||
{"id": "wecom-employees", "type": "profile", "label": "员工Bot", "tags": ["员工服务", "转交"]},
|
||||
|
||||
{"id": "ChromaDB", "type": "infra", "label": "Chroma向量库", "tags": ["向量", "知识库"]},
|
||||
{"id": "BM25", "type": "concept", "label": "BM25关键词搜索", "tags": ["搜索", "中文分词"]},
|
||||
{"id": "bge-small-zh", "type": "concept", "label": "中文Embedding模型", "tags": ["embedding", "bge"]},
|
||||
{"id": "MoA", "type": "concept", "label": "Mixture of Agents", "tags": ["多模型", "组合"]},
|
||||
{"id": "RACI", "type": "concept", "label": "权责矩阵", "tags": ["管理", "职责"]},
|
||||
{"id": "FFC", "type": "concept", "label": "粉丝经济模式", "tags": ["酣客", "商业模式"]},
|
||||
{"id": "MCP", "type": "concept", "label": "Model Context Protocol", "tags": ["协议", "工具"]}
|
||||
],
|
||||
|
||||
"relations": [
|
||||
{"source": "sandbox-runner", "target": "GAP-1", "type": "implements"},
|
||||
{"source": "hermes-exporter", "target": "GAP-2", "type": "implements"},
|
||||
{"source": "hermes-audit-logger", "target": "GAP-3", "type": "implements"},
|
||||
{"source": "GAP-4", "target": "wecom-yanxue", "type": "controlled_by"},
|
||||
{"source": "self-heal", "target": "GAP-5", "type": "extends"},
|
||||
{"source": "article-indexer", "target": "ChromaDB", "type": "uses"},
|
||||
{"source": "rag-retrieve", "target": "ChromaDB", "type": "uses"},
|
||||
{"source": "rag-retrieve", "target": "BM25", "type": "uses"},
|
||||
{"source": "rag-retrieve", "target": "knowledge-retriever", "type": "uses"},
|
||||
{"source": "ChromaDB", "target": "bge-small-zh", "type": "uses"},
|
||||
{"source": "approval-gate", "target": "GAP-3", "type": "related_to"},
|
||||
{"source": "approval-gate", "target": "sandbox-runner", "type": "complements"},
|
||||
{"source": "dependency-audit", "target": "GAP-5", "type": "runs_on"},
|
||||
{"source": "dependency-audit", "target": "wecom-yanxue", "type": "managed_by"},
|
||||
{"source": "repo-scout", "target": "GAP-5", "type": "runs_on"},
|
||||
{"source": "camoufox-check", "target": "GAP-5", "type": "runs_on"},
|
||||
{"source": "self-heal", "target": "GAP-5", "type": "runs_on"},
|
||||
{"source": "wecom-ops", "target": "GAP-1", "type": "operates"},
|
||||
{"source": "wecom-ops", "target": "GAP-2", "type": "maintains"},
|
||||
{"source": "wecom-ops", "target": "GAP-3", "type": "operates"},
|
||||
{"source": "wecom-yanxue", "target": "GAP-4", "type": "operates"},
|
||||
{"source": "wecom-yanxue", "target": "wecom-ops", "type": "schedules"},
|
||||
{"source": "wecom-yanxue", "target": "wecom-project", "type": "schedules"},
|
||||
{"source": "wecom-yanxue", "target": "wecom-finance", "type": "schedules"},
|
||||
{"source": "wecom-yanxue", "target": "wecom-business", "type": "schedules"},
|
||||
{"source": "wecom-yanxue", "target": "wecom-creative", "type": "schedules"},
|
||||
{"source": "wecom-yanxue", "target": "wecom-admin", "type": "schedules"},
|
||||
{"source": "wecom-employees", "target": "wecom-ops", "type": "routes_to"},
|
||||
{"source": "wecom-employees", "target": "wecom-finance", "type": "routes_to"},
|
||||
{"source": "wecom-employees", "target": "wecom-business", "type": "routes_to"},
|
||||
{"source": "wecom-employees", "target": "wecom-creative", "type": "routes_to"},
|
||||
{"source": "RACI", "target": "wecom-yanxue", "type": "applied_to"},
|
||||
{"source": "RACI", "target": "wecom-ops", "type": "applied_to"},
|
||||
{"source": "RACI", "target": "wecom-project", "type": "applied_to"},
|
||||
{"source": "RACI", "target": "wecom-finance", "type": "applied_to"},
|
||||
{"source": "RACI", "target": "wecom-business", "type": "applied_to"},
|
||||
{"source": "RACI", "target": "wecom-creative", "type": "applied_to"},
|
||||
{"source": "RACI", "target": "wecom-admin", "type": "applied_to"},
|
||||
{"source": "RACI", "target": "wecom-employees", "type": "applied_to"}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,439 @@
|
||||
{
|
||||
"$schema": "博海科技知识资产目录 v1.1",
|
||||
"updated": "2026-07-07",
|
||||
"profiles": [
|
||||
{
|
||||
"id": "wecom-yanxue",
|
||||
"name": "研学Bot",
|
||||
"port": 8652,
|
||||
"role": "Main Agent 调度中枢，技术分析，内容创作",
|
||||
"soul_path": "~/.hermes/profiles/wecom-yanxue/SOUL.md",
|
||||
"api_key_var": "yanxue-api-key-2026"
|
||||
},
|
||||
{
|
||||
"id": "wecom-ops",
|
||||
"name": "运维Bot",
|
||||
"port": 8649,
|
||||
"role": "Docker/监控/服务器运维，沙箱执行，安全审计",
|
||||
"soul_path": "~/.hermes/profiles/wecom-ops/SOUL.md",
|
||||
"api_key_var": "ops-api-key-2026"
|
||||
},
|
||||
{
|
||||
"id": "wecom-project",
|
||||
"name": "项目Bot",
|
||||
"port": 8650,
|
||||
"role": "项目管理，Gitea/CI/CD，代码协作",
|
||||
"soul_path": "~/.hermes/profiles/wecom-project/SOUL.md",
|
||||
"api_key_var": "project-api-key-2026"
|
||||
},
|
||||
{
|
||||
"id": "wecom-finance",
|
||||
"name": "财务Bot",
|
||||
"port": 8651,
|
||||
"role": "财务分析，成本核算，预算控制",
|
||||
"soul_path": "~/.hermes/profiles/wecom-finance/SOUL.md",
|
||||
"api_key_var": "finance-api-key-2026"
|
||||
},
|
||||
{
|
||||
"id": "wecom-business",
|
||||
"name": "商务Bot",
|
||||
"port": 8647,
|
||||
"role": "合同管理，供应商对接，商务谈判",
|
||||
"soul_path": "~/.hermes/profiles/wecom-business/SOUL.md",
|
||||
"api_key_var": "business-api-key-2026"
|
||||
},
|
||||
{
|
||||
"id": "wecom-creative",
|
||||
"name": "创作Bot",
|
||||
"port": 8642,
|
||||
"role": "内容创作，设计，品牌宣传",
|
||||
"soul_path": "~/.hermes/profiles/wecom-creative/SOUL.md",
|
||||
"api_key_var": "creative-api-key-2026"
|
||||
},
|
||||
{
|
||||
"id": "wecom-admin",
|
||||
"name": "行政Bot",
|
||||
"port": 8646,
|
||||
"role": "行政流程，制度管理，合规检查",
|
||||
"soul_path": "~/.hermes/profiles/wecom-admin/SOUL.md",
|
||||
"api_key_var": "admin-api-key-2026"
|
||||
},
|
||||
{
|
||||
"id": "wecom-employees",
|
||||
"name": "员工Bot",
|
||||
"port": null,
|
||||
"role": "员工服务入口，咨询响应，工单流转",
|
||||
"soul_path": "~/.hermes/profiles/wecom-employees/SOUL.md",
|
||||
"api_key_var": null
|
||||
}
|
||||
],
|
||||
"skills": [
|
||||
{
|
||||
"name": "deep-research",
|
||||
"category": "analysis",
|
||||
"description": "AI自动调研工具，多角度搜索聚合输出报告"
|
||||
},
|
||||
{
|
||||
"name": "apikey-image-gen",
|
||||
"category": "apikey-image-gen",
|
||||
"description": "通过API Key图片生成"
|
||||
},
|
||||
{
|
||||
"name": "content-publishing",
|
||||
"category": "content-creation",
|
||||
"description": "头条文章抓取、分析、发布全流程"
|
||||
},
|
||||
{
|
||||
"name": "daily-ops-report",
|
||||
"category": "content-creation",
|
||||
"description": "系统数据日报生成"
|
||||
},
|
||||
{
|
||||
"name": "workbench-command",
|
||||
"category": "devops",
|
||||
"description": "/workbench 斜杠命令处理器"
|
||||
},
|
||||
{
|
||||
"name": "grok-image-to-video",
|
||||
"category": "grok-image-to-video",
|
||||
"description": "图片转视频动画"
|
||||
},
|
||||
{
|
||||
"name": "hyperframes",
|
||||
"category": "hyperframes",
|
||||
"description": "AI视频生成"
|
||||
},
|
||||
{
|
||||
"name": "markdown-viewer",
|
||||
"category": "markdown-viewer",
|
||||
"description": "图表、数据可视化、架构图"
|
||||
},
|
||||
{
|
||||
"name": "system-stewardship",
|
||||
"category": "operations",
|
||||
"description": "系统配置、工具维护、梦境系统"
|
||||
},
|
||||
{
|
||||
"name": "remotion",
|
||||
"category": "remotion",
|
||||
"description": "可编辑AI视频项目"
|
||||
},
|
||||
{
|
||||
"name": "web-search-firecrawl",
|
||||
"category": "tools",
|
||||
"description": "实时搜索和网页抓取"
|
||||
}
|
||||
],
|
||||
"scripts": [
|
||||
{
|
||||
"name": "sandbox-runner.sh",
|
||||
"description": "Docker沙箱，3级隔离执行不信任代码"
|
||||
},
|
||||
{
|
||||
"name": "approval-gate.py",
|
||||
"description": "高危操作熔断，风险分级拦截+人工确认"
|
||||
},
|
||||
{
|
||||
"name": "dependency-audit.sh",
|
||||
"description": "Python/Node/系统依赖安全审计"
|
||||
},
|
||||
{
|
||||
"name": "repo-scout.py",
|
||||
"description": "竞品仓库星标变化监控"
|
||||
},
|
||||
{
|
||||
"name": "hermes-exporter.py",
|
||||
"description": "Prometheus指标暴露（:9877）"
|
||||
},
|
||||
{
|
||||
"name": "hermes-audit-logger.py",
|
||||
"description": "审计日志推送Loki+本地文件"
|
||||
},
|
||||
{
|
||||
"name": "knowledge-retriever.py",
|
||||
"description": "知识资产检索（BM25+语义）"
|
||||
},
|
||||
{
|
||||
"name": "scan-for-threats.py",
|
||||
"description": "安全扫描：不可见字符+注入模式检测"
|
||||
}
|
||||
],
|
||||
"articles": [
|
||||
{
|
||||
"id": "deerflow-analysis",
|
||||
"title": "DeerFlow 59K星登顶分析",
|
||||
"url": "https://ai.sxbh.ltd/deerflow-analysis.html",
|
||||
"topic": "技术分析"
|
||||
},
|
||||
{
|
||||
"id": "tech-private-enterprise-path",
|
||||
"title": "科技型民企真正出路",
|
||||
"url": "https://ai.sxbh.ltd/tech-private-enterprise-path.html",
|
||||
"topic": "行业分析"
|
||||
},
|
||||
{
|
||||
"id": "satir-ai-article",
|
||||
"title": "萨提亚×AI 跨界分析",
|
||||
"url": "https://ai.sxbh.ltd/satir-ai-article.html",
|
||||
"topic": "哲学×AI"
|
||||
},
|
||||
{
|
||||
"id": "wittgenstein-ai-article",
|
||||
"title": "维特根斯坦×AI 跨界分析",
|
||||
"url": "https://ai.sxbh.ltd/wittgenstein-ai-article.html",
|
||||
"topic": "哲学×AI"
|
||||
},
|
||||
{
|
||||
"id": "jung-ai-article",
|
||||
"title": "荣格×AI 跨界分析",
|
||||
"url": "https://ai.sxbh.ltd/jung-ai-article.html",
|
||||
"topic": "哲学×AI"
|
||||
},
|
||||
{
|
||||
"id": "congruent-communication-ai-article",
|
||||
"title": "一致性沟通×AI",
|
||||
"url": "https://ai.sxbh.ltd/congruent-communication-ai-article.html",
|
||||
"topic": "心理学×AI"
|
||||
},
|
||||
{
|
||||
"id": "hermes-dream-mode",
|
||||
"title": "Hermes梦境模式实现",
|
||||
"url": "https://ai.sxbh.ltd/hermes-dream-mode.html",
|
||||
"topic": "系统实现"
|
||||
},
|
||||
{
|
||||
"id": "hermes-control-plane",
|
||||
"title": "Agent控制面方案",
|
||||
"url": "https://ai.sxbh.ltd/hermes-control-plane.html",
|
||||
"topic": "技术方案"
|
||||
},
|
||||
{
|
||||
"id": "dream-series-1",
|
||||
"title": "梦境模式系列一",
|
||||
"url": "https://ai.sxbh.ltd/dream-series-1.html",
|
||||
"topic": "系统实现"
|
||||
},
|
||||
{
|
||||
"id": "dream-series-2",
|
||||
"title": "梦境模式系列二",
|
||||
"url": "https://ai.sxbh.ltd/dream-series-2.html",
|
||||
"topic": "系统实现"
|
||||
},
|
||||
{
|
||||
"id": "dream-series-3",
|
||||
"title": "梦境模式系列三",
|
||||
"url": "https://ai.sxbh.ltd/dream-series-3.html",
|
||||
"topic": "系统实现"
|
||||
},
|
||||
{
|
||||
"id": "dream-series-4",
|
||||
"title": "梦境模式系列四",
|
||||
"url": "https://ai.sxbh.ltd/dream-series-4.html",
|
||||
"topic": "系统实现"
|
||||
},
|
||||
{
|
||||
"id": "agent-workbench-upgrade",
|
||||
"title": "Agent工作台升级实录",
|
||||
"url": "https://ai.sxbh.ltd/agent-workbench-upgrade.html",
|
||||
"topic": "系统实现"
|
||||
},
|
||||
{
|
||||
"id": "github-advanced",
|
||||
"title": "GitHub入门到实战",
|
||||
"url": "https://ai.sxbh.ltd/github-advanced.html",
|
||||
"topic": "技术教程"
|
||||
},
|
||||
{
|
||||
"id": "bagua-article",
|
||||
"title": "先天八卦优化版",
|
||||
"url": "https://ai.sxbh.ltd/bagua-article.html",
|
||||
"topic": "文化分析"
|
||||
},
|
||||
{
|
||||
"id": "bohai-knowledge-roadmap",
|
||||
"title": "知识资产路线图",
|
||||
"url": "https://ai.sxbh.ltd/bohai-knowledge-roadmap.html",
|
||||
"topic": "战略规划"
|
||||
},
|
||||
{
|
||||
"id": "codex-figma-analysis",
|
||||
"title": "Codex+Figma分析",
|
||||
"url": "https://ai.sxbh.ltd/codex-figma-analysis.html",
|
||||
"topic": "技术分析"
|
||||
},
|
||||
{
|
||||
"id": "shaanxi-gaokao-report",
|
||||
"title": "高考志愿分析报告",
|
||||
"url": "https://ai.sxbh.ltd/shaanxi-gaokao-report.html",
|
||||
"topic": "数据分析"
|
||||
}
|
||||
],
|
||||
"cron_jobs": [
|
||||
{
|
||||
"name": "梦境模式-夜间复盘",
|
||||
"schedule": "0 3 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日（含知识提取）"
|
||||
},
|
||||
{
|
||||
"name": "GAP自愈",
|
||||
"schedule": "20 3 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "跨Profile夜间反思",
|
||||
"schedule": "0 4 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "知识库夜间维护",
|
||||
"schedule": "30 4 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "依赖安全审计",
|
||||
"schedule": "0 6 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "Camoufox健康检查",
|
||||
"schedule": "0 7 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "系统健康日报",
|
||||
"schedule": "0 8 * * *",
|
||||
"target": "wecom-ops",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "竞品仓库侦察",
|
||||
"schedule": "0 8 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "品牌监测日报",
|
||||
"schedule": "0 9 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "内容运营日报",
|
||||
"schedule": "30 9 * * *",
|
||||
"target": "wecom-creative",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "财务日报",
|
||||
"schedule": "0 10 * * *",
|
||||
"target": "wecom-finance",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "跨Profile日报汇总",
|
||||
"schedule": "0 12 * * *",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每日"
|
||||
},
|
||||
{
|
||||
"name": "项目进展周报",
|
||||
"schedule": "0 9 * * 1",
|
||||
"target": "wecom-project",
|
||||
"frequency": "每周一"
|
||||
},
|
||||
{
|
||||
"name": "审计日志推送",
|
||||
"schedule": "every 15m",
|
||||
"target": "wecom-yanxue",
|
||||
"frequency": "每15分钟"
|
||||
}
|
||||
],
|
||||
"wisdom": {
|
||||
"description": "梦境复盘自动提取的动态知识库（GBrain轻量版）",
|
||||
"path": "~/WB_WS/_wisdom/",
|
||||
"entity_types": "工具/公司/概念/人物的结构化记录（compiled_truth + timeline）",
|
||||
"decision_types": "关键决策记录（背景+决策+备选方案）",
|
||||
"auto_extracted": true,
|
||||
"maintenance": "每日04:30知识库夜间维护cron自动合并去重",
|
||||
"entities": [],
|
||||
"decisions": [],
|
||||
"first_run": "2026-07-08 03:00（下次梦境复盘）"
|
||||
},
|
||||
"infrastructure": {
|
||||
"domains": {
|
||||
"hermes.sxbh.ltd": "Dashboard + 工作台",
|
||||
"ai.sxbh.ltd": "文章/内容发布",
|
||||
"monitor.sxbh.ltd": "Grafana 监控看板",
|
||||
"git.sxbh.ltd": "Gitea 代码仓库",
|
||||
"wiki.sxbh.ltd": "Wiki.js 知识库"
|
||||
},
|
||||
"ports": {
|
||||
"9877": "Hermes Metrics Exporter (Prometheus)",
|
||||
"8800": "WeCom 消息推送 relay",
|
||||
"8652": "wecom-yanxue API",
|
||||
"8649": "wecom-ops API",
|
||||
"8650": "wecom-project API",
|
||||
"8651": "wecom-finance API",
|
||||
"8647": "wecom-business API",
|
||||
"8642": "wecom-creative API",
|
||||
"8646": "wecom-admin API"
|
||||
},
|
||||
"stacks": [
|
||||
"Docker",
|
||||
"Nginx",
|
||||
"Prometheus",
|
||||
"Grafana",
|
||||
"Loki",
|
||||
"Alertmanager",
|
||||
"Gitea",
|
||||
"Woodpecker CI"
|
||||
]
|
||||
},
|
||||
"insights": [
|
||||
{
|
||||
"title": "高善文三重分层框架：生产力·生产关系·生产资料",
|
||||
"path": "~/WB_WS/_wisdom/insights/gaoshanwen-triple-layer.json",
|
||||
"tags": [
|
||||
"框架",
|
||||
"管理",
|
||||
"战略",
|
||||
"高善文",
|
||||
"生产力",
|
||||
"生产关系",
|
||||
"生产资料"
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "企业IT范式跃迁：ERP→企业大脑，本体语义是驱动力",
|
||||
"path": "~/WB_WS/_wisdom/insights/enterprise-it-paradigm-shift.json",
|
||||
"tags": [
|
||||
"范式",
|
||||
"本体语义",
|
||||
"企业大脑",
|
||||
"ERP",
|
||||
"AI Agent",
|
||||
"智能化"
|
||||
]
|
||||
}
|
||||
],
|
||||
"audits": [
|
||||
{
|
||||
"title": "Hermes多Agent系统 × 高善文三层框架分层审计",
|
||||
"path": "~/WB_WS/_wisdom/audits/gaoshanwen-triple-layer-audit-20260711.md",
|
||||
"tags": [
|
||||
"审计",
|
||||
"分层",
|
||||
"Agent",
|
||||
"生产力",
|
||||
"Hermes",
|
||||
"Profile"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,409 @@
|
||||
================================================================================
|
||||
博海网络科技 · 博海学习网
|
||||
项目设计与规划文档 v1.0
|
||||
================================================================================
|
||||
|
||||
编制：数字员工团队（架构师）
|
||||
日期：2026-05-21
|
||||
|
||||
================================================================================
|
||||
一、项目背景
|
||||
================================================================================
|
||||
|
||||
公司业务以IT服务（电脑维修、打印机维修、网络工程）为基础，需要培养内部
|
||||
博海学习网团队。结合记忆曲线理论，持续学习、巩固知识、快速提升技能。
|
||||
|
||||
核心痛点：
|
||||
1. 技术知识更新速度快，学习内容零散不成体系
|
||||
2. 学完就忘，缺乏科学的复习机制（艾宾浩斯记忆曲线）
|
||||
3. 缺少实战练手环境，理论与实践脱节
|
||||
4. 学习进度无法量化追踪
|
||||
|
||||
================================================================================
|
||||
二、项目定位
|
||||
================================================================================
|
||||
|
||||
【对内】公司内部工程师技能提升平台
|
||||
【对外】未来可扩展为面向公众的IT技术学习平台
|
||||
|
||||
**核心理念**：学 → 练 → 测 → 复 → 战
|
||||
学习新知识 → 动手练习 → 测试检验 → 科学复习 → 实战应用
|
||||
|
||||
================================================================================
|
||||
三、技术架构
|
||||
================================================================================
|
||||
|
||||
沿用现有技术栈，与售后维修系统保持一致：
|
||||
|
||||
┌────────────────────────────────────────────┐
|
||||
│ 前端：Vue3 + Element Plus │
|
||||
│ （管理后台风格，一套代码多端适配） │
|
||||
└──────────────────┬─────────────────────────┘
|
||||
│ HTTP/JSON
|
||||
┌──────────────────▼─────────────────────────┐
|
||||
│ 后端：Python FastAPI + SQLAlchemy │
|
||||
│ RESTful API + WebSocket(代码沙箱) │
|
||||
└──────────────────┬─────────────────────────┘
|
||||
│
|
||||
┌──────────────────▼─────────────────────────┐
|
||||
│ 数据库：SQLite (初期) → MySQL │
|
||||
└────────────────────────────────────────────┘
|
||||
|
||||
**辅助能力**：
|
||||
- DeepSeek API：AI生成课程内容、编程题、代码评审
|
||||
- 企微消息推送：学习提醒、复习提醒、进度通知
|
||||
|
||||
================================================================================
|
||||
四、核心功能模块
|
||||
================================================================================
|
||||
|
||||
┌─────────────────────────────────────────────────────────────┐
|
||||
│ 博海学习网 │
|
||||
├─────────────────────────────────────────────────────────────┤
|
||||
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
|
||||
│ │ ①课程 │ │ ②练习 │ │ ③测验 │ │ ④复习 │ │
|
||||
│ │ 学习中心 │ │ 实战沙箱 │ │ 考试中心 │ │ 记忆曲线 │ │
|
||||
│ └──────────┘ └──────────┘ └──────────┘ └──────────┘ │
|
||||
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
|
||||
│ │ ⑤进度 │ │ ⑥AI助手 │ │ ⑦管理员 │ │
|
||||
│ │ 看板 │ │ 智能问答 │ │ 后台管理 │ │
|
||||
│ └──────────┘ └──────────┘ └──────────┘ │
|
||||
└─────────────────────────────────────────────────────────────┘
|
||||
|
||||
4.1 课程学习中心
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 课程分类：前端（Vue/React/小程序）、后端（Python/FastAPI）、
|
||||
数据库（MySQL/SQLite）、DevOps（Docker/Nginx/Linux）
|
||||
• 课程形式：Markdown富文本文章（含代码块高亮）
|
||||
• 来源：① DeepSeek AI生成课程 ② 各网站最新产品说明书整理
|
||||
③ 内部经验沉淀文档
|
||||
• 功能：阅读进度保存、书签标记、文章收藏
|
||||
• 每篇文章支持「标签」体系，如 #Python #FastAPI #入门 #进阶
|
||||
|
||||
4.2 练习实战沙箱
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 代码沙箱：基于 Docker 的在线代码运行环境
|
||||
- 前端沙箱：Vue/React 代码编辑 + 实时预览
|
||||
- 后端沙箱：Python 代码执行 + 输出显示
|
||||
- 数据库沙箱：在线 SQL 查询练习
|
||||
• 类型：代码填空题、代码改错题、自由编码题
|
||||
• 提交后自动对比预期输出或调用 AI 做代码评审
|
||||
|
||||
4.3 测验考试中心
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 题目类型：单选题、多选题、简答题
|
||||
• 题目来源：AI 自动生成 + 管理员人工审核
|
||||
• 每学完一个章节触发「章节测验」
|
||||
• 自动计分、错题本收录、答案解析
|
||||
|
||||
4.4 记忆曲线复习系统（核心亮点）
|
||||
─────────────────────────────────────────────────────────────────
|
||||
基于艾宾浩斯遗忘曲线，每个知识点/课程设置复习时间轴：
|
||||
→ 第1次复习：学习后 30 分钟
|
||||
→ 第2次复习：学习后 12 小时
|
||||
→ 第3次复习：学习后 1 天
|
||||
→ 第4次复习：学习后 3 天
|
||||
→ 第5次复习：学习后 7 天
|
||||
→ 第6次复习：学习后 15 天
|
||||
→ 第7次复习：学习后 30 天
|
||||
|
||||
• 后台自动计算下次复习时间
|
||||
• 登录时首页展示「今日待复习(N)」提醒
|
||||
• 企微消息推送复习提醒（可选）
|
||||
• 复习方式：快速回顾 + 1-2道关联测验题
|
||||
• 复习记录追踪，可视化「掌握度」指标
|
||||
|
||||
4.5 学习进度看板
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 个人学习总览：已学课程、已完成练习、正确率趋势
|
||||
• 技能树可视化：前端/后端/数据库/DevOps 四大能力雷达图
|
||||
• 每日学习时长统计
|
||||
• 连续学习天数（打卡记录）
|
||||
• 排行榜（内部竞争激励）
|
||||
|
||||
4.6 AI智能助手
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 对接 DeepSeek API
|
||||
• 功能：
|
||||
- 根据关键词自动生成教程内容
|
||||
- 代码答疑（选中代码块，AI解释/优化建议）
|
||||
- 学习路径推荐（根据已完成内容推荐下一步学什么）
|
||||
- 错题解析
|
||||
|
||||
4.7 管理员后台
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 课程管理：CRUD文章、设置分类、标签管理
|
||||
• 题库管理：增删改查试题、批量导入
|
||||
• 用户管理：学习记录查询、学习进度统计
|
||||
• 内容审核：AI生成内容审核发布
|
||||
• 数据统计：平台整体学习数据、课程热度排行
|
||||
|
||||
================================================================================
|
||||
五、数据库设计（核心表结构）
|
||||
================================================================================
|
||||
|
||||
┌─────────────────────┐
|
||||
│ 用户表 users │ ← 复用企微用户体系
|
||||
├─────────────────────┤
|
||||
│ id, name, wecom_id │
|
||||
│ role(admin/user) │
|
||||
│ created_at │
|
||||
└─────────┬───────────┘
|
||||
│
|
||||
┌─────────▼───────────┐ ┌─────────────────────────┐
|
||||
│ 课程表 courses │ │ 分类表 categories │
|
||||
├─────────────────────┤ ├─────────────────────────┤
|
||||
│ id, title, content │◄─────│ id, name, parent_id │
|
||||
│ category_id(FK) │ │ sort_order │
|
||||
│ tags, difficulty │ └─────────────────────────┘
|
||||
│ source(AI/manual) │
|
||||
│ status(draft/publish)│
|
||||
│ view_count │
|
||||
│ created_at, updated_at│
|
||||
└─────────┬───────────┘
|
||||
│
|
||||
┌─────────▼───────────┐ ┌─────────────────────────┐
|
||||
│ 学习记录表 │ │ 复习计划表 │
|
||||
│ learning_records │ │ review_plans │
|
||||
├─────────────────────┤ ├─────────────────────────┤
|
||||
│ id, user_id(FK) │ │ id, user_id(FK) │
|
||||
│ course_id(FK) │ │ course_id(FK) │
|
||||
│ progress(0-100) │ │ review_stage(1-7) │
|
||||
│ last_study_at │ │ next_review_at │
|
||||
│ completed(boolean) │ │ last_reviewed_at │
|
||||
│ created_at │ │ mastery(0-100) │
|
||||
└─────────────────────┘ └─────────────────────────┘
|
||||
|
||||
┌─────────────────────┐ ┌─────────────────────────┐
|
||||
│ 题库表 questions │ │ 测验记录表 │
|
||||
├─────────────────────┤ │ quiz_records │
|
||||
│ id, course_id(FK) │ ├─────────────────────────┤
|
||||
│ type(single/multi/ │ │ id, user_id(FK) │
|
||||
│ short_answer) │ │ question_id(FK) │
|
||||
│ content(题目内容) │ │ user_answer(text) │
|
||||
│ options(JSON,选择题) │ │ is_correct(boolean) │
|
||||
│ answer(text) │ │ score(int) │
|
||||
│ explanation(解析) │ │ reviewed(boolean) │
|
||||
│ difficulty │ │ created_at │
|
||||
│ created_at │ └─────────────────────────┘
|
||||
└─────────────────────┘
|
||||
|
||||
┌─────────────────────┐
|
||||
│ 代码练习表 │
|
||||
│ code_exercises │
|
||||
├─────────────────────┤
|
||||
│ id, course_id(FK) │
|
||||
│ title, description │
|
||||
│ template_code(text) │
|
||||
│ language(py/js/sql) │
|
||||
│ expected_output │
|
||||
│ test_cases(JSON) │
|
||||
│ user_submissions │
|
||||
│ └── user_id, code, │
|
||||
│ result, passed │
|
||||
│ created_at │
|
||||
└─────────────────────┘
|
||||
|
||||
================================================================================
|
||||
六、记忆曲线算法设计
|
||||
================================================================================
|
||||
|
||||
复习阶段与间隔时间对照表：
|
||||
|
||||
Stage | 间隔时间 | 复习内容
|
||||
───────┼────────────┼─────────────────────────
|
||||
1 | 30 分钟 | 快速回顾核心知识点
|
||||
2 | 12 小时 | 阅读原文关键段落
|
||||
3 | 1 天 | 做2-3道关联选择题
|
||||
4 | 3 天 | 简答题记忆碎片
|
||||
5 | 7 天 | 综合应用题
|
||||
6 | 15 天 | 完整复习+项目实战
|
||||
7 | 30 天 | 体系梳理+知识图谱
|
||||
|
||||
掌握度计算公式（简化版）：
|
||||
mastery = min(100, initial_mastery + sum_review_bonus)
|
||||
|
||||
每次复习加分：
|
||||
- Stage 1-2: +10 分
|
||||
- Stage 3-4: +15 分
|
||||
- Stage 5-6: +20 分
|
||||
- Stage 7: +25 分
|
||||
|
||||
初始掌握度 = min(60, 测验正确率 * 60)
|
||||
每漏复习一次回退 5 分（惩罚机制）
|
||||
|
||||
================================================================================
|
||||
七、内容来源策略
|
||||
================================================================================
|
||||
|
||||
7.1 DeepSeek AI 生成（主要渠道）
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 管理员指定关键词或主题 → AI 生成课程框架 → 人工审核 → 发布
|
||||
• AI 自动生成关联测验题（选择题+简答题）
|
||||
• 代码练习题目 + 测试用例 AI 生成
|
||||
|
||||
7.2 产品说明书整理（辅助渠道）
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 各技术产品最新官方文档整理（FastAPI、Vue3、Docker等）
|
||||
• 按「新功能速递」「版本迁移指南」「最佳实践」等分类
|
||||
• 可爬取官网文档，AI自动摘要和结构化
|
||||
|
||||
7.3 内部经验沉淀
|
||||
─────────────────────────────────────────────────────────────────
|
||||
• 工程师实际踩坑记录 → 转化为「实战经验」文章
|
||||
• 公司项目中用到的技术方案复盘
|
||||
|
||||
================================================================================
|
||||
八、部署方案
|
||||
================================================================================
|
||||
|
||||
• 子域名：learn.sxbh.ltd（暂定，需DNS添加A记录）
|
||||
• 后端端口：8001（与 repair 系统8000端口错开）
|
||||
• 部署方式：systemd 管理 FastAPI 进程
|
||||
• 访问：https://learn.sxbh.ltd → nginx → 127.0.0.1:8001
|
||||
• 数据备份：每日自动备份 SQLite 数据库到 /root/backups/
|
||||
|
||||
nginx 配置示例：
|
||||
```
|
||||
server {
|
||||
listen 443 ssl http2;
|
||||
server_name learn.sxbh.ltd;
|
||||
|
||||
ssl_certificate /etc/letsencrypt/live/sxbh.ltd/fullchain.pem;
|
||||
ssl_certificate_key /etc/letsencrypt/live/sxbh.ltd/privkey.pem;
|
||||
|
||||
client_max_body_size 50m;
|
||||
|
||||
location / {
|
||||
proxy_pass http://127.0.0.1:8001;
|
||||
proxy_set_header Host $host;
|
||||
proxy_set_header X-Real-IP $remote_addr;
|
||||
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
|
||||
proxy_set_header X-Forwarded-Proto $scheme;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
================================================================================
|
||||
九、开发计划（三阶段）
|
||||
================================================================================
|
||||
|
||||
┌──── 第一阶段：框架搭建 + 核心功能（预计 5 天）────┐
|
||||
│ Day 1: 项目初始化（后端+前端脚手架、数据库建表） │
|
||||
│ Day 2: 课程学习中心（CRUD + 文章浏览 + 阅读进度） │
|
||||
│ Day 3: 测验系统（题库管理 + 答题 + 自动评分） │
|
||||
│ Day 4: 记忆曲线复习系统（算法 + 复习提醒 + 进度） │
|
||||
│ Day 5: 部署上线（nginx配置 + 子域名 + 数据填充） │
|
||||
└─────────────────────────────────────────────────────┘
|
||||
|
||||
┌──── 第二阶段：完善功能（预计 5 天）──────────────────┐
|
||||
│ Day 6-7: 代码沙箱（Docker在线运行环境） │
|
||||
│ Day 8: 学习看板 + 技能雷达图 + 排行榜 │
|
||||
│ Day 9: AI智能助手（DeepSeek对接） │
|
||||
│ Day 10: 管理员后台完善 + 企微消息推送 │
|
||||
└─────────────────────────────────────────────────────┘
|
||||
|
||||
┌──── 第三阶段：数据填充 + 持续优化──────────────────┐
|
||||
│ 持续用 AI 生成课程内容 │
|
||||
│ 整理各技术产品最新说明书入库 │
|
||||
│ 用户反馈优化迭代 │
|
||||
│ 未来考虑：扩展为对外公开平台 │
|
||||
└─────────────────────────────────────────────────────┘
|
||||
|
||||
================================================================================
|
||||
十、项目目录结构
|
||||
================================================================================
|
||||
|
||||
/root/fullstack-learn/
|
||||
├── backend/ # FastAPI 后端
|
||||
│ ├── app/
|
||||
│ │ ├── api/ # API 路由
|
||||
│ │ │ ├── __init__.py
|
||||
│ │ │ ├── courses.py # 课程相关
|
||||
│ │ │ ├── quizzes.py # 测验相关
|
||||
│ │ │ ├── reviews.py # 复习相关
|
||||
│ │ │ ├── sandbox.py # 代码沙箱
|
||||
│ │ │ ├── progress.py # 学习进度
|
||||
│ │ │ ├── ai_assist.py # AI 助手
|
||||
│ │ │ └── admin.py # 管理后台
|
||||
│ │ ├── models/ # SQLAlchemy 模型
|
||||
│ │ │ ├── __init__.py
|
||||
│ │ │ ├── user.py
|
||||
│ │ │ ├── course.py
|
||||
│ │ │ ├── quiz.py
|
||||
│ │ │ ├── review.py
|
||||
│ │ │ └── exercise.py
|
||||
│ │ ├── __init__.py
|
||||
│ │ ├── main.py # 主应用入口
|
||||
│ │ ├── database.py # 数据库配置
|
||||
│ │ ├── schemas.py # Pydantic 模型
|
||||
│ │ └── utils/
|
||||
│ │ ├── __init__.py
|
||||
│ │ ├── memory_curve.py # 记忆曲线算法
|
||||
│ │ └── ai_client.py # DeepSeek API 客户端
|
||||
│ ├── requirements.txt
|
||||
│ ├── pyproject.toml
|
||||
│ └── run.py
|
||||
├── frontend/ # Vue3 前端
|
||||
│ ├── src/
|
||||
│ │ ├── views/
|
||||
│ │ │ ├── Courses.vue # 课程列表
|
||||
│ │ │ ├── CourseDetail.vue # 课程详情/学习
|
||||
│ │ │ ├── Quiz.vue # 测验
|
||||
│ │ │ ├── Review.vue # 复习中心
|
||||
│ │ │ ├── Sandbox.vue # 代码沙箱
|
||||
│ │ │ ├── Dashboard.vue # 学习看板
|
||||
│ │ │ └── Admin*.vue # 管理后台
|
||||
│ │ └── ...
|
||||
│ ├── package.json
|
||||
│ └── vite.config.ts
|
||||
├── PROJECT_DESIGN.md # 本设计文档
|
||||
├── docker-compose.yml # 可选 Docker 部署
|
||||
└── README.md
|
||||
|
||||
================================================================================
|
||||
十一、需要注意的风险与事项
|
||||
================================================================================
|
||||
|
||||
1. 代码沙箱安全：Docker 容器必须隔离，防止恶意代码逃逸
|
||||
→ 方案：限制 CPU/内存，禁用网络，超时自动销毁
|
||||
2. 内容版权：爬取其他网站文档注意遵守 robots.txt 和版权声明
|
||||
→ 方案：优先AI原创生成，引用来源注明出处
|
||||
3. AI生成质量：DeepSeek 生成的内容需要人工审核后再发布
|
||||
→ 方案：所有课程默认 draft 状态，审核后才 publish
|
||||
4. 数据备份：学习记录是用户核心资产
|
||||
→ 方案：每日定时备份数据库
|
||||
5. 记忆曲线不要太烦人：复习提醒频率要合理
|
||||
→ 方案：可配置复习提醒方式（不提醒/每日/仅站内）
|
||||
|
||||
================================================================================
|
||||
附：记忆曲线算法核心伪代码
|
||||
================================================================================
|
||||
|
||||
```python
|
||||
def calculate_next_review(current_stage: int, completed: bool) -> dict:
|
||||
"""计算下一次复习时间"""
|
||||
intervals = {
|
||||
0: timedelta(minutes=30), # 学完后30分钟
|
||||
1: timedelta(hours=12), # 第1次复习后12小时
|
||||
2: timedelta(days=1), # 第2次复习后1天
|
||||
3: timedelta(days=3), # 第3次复习后3天
|
||||
4: timedelta(days=7), # 第4次复习后7天
|
||||
5: timedelta(days=15), # 第5次复习后15天
|
||||
6: timedelta(days=30), # 第6次复习后30天
|
||||
}
|
||||
if current_stage >= 6:
|
||||
return {"is_completed": True, "mastery": 100}
|
||||
|
||||
next_stage = current_stage + 1
|
||||
next_review = datetime.now() + intervals[current_stage]
|
||||
return {
|
||||
"next_stage": next_stage,
|
||||
"next_review_at": next_review,
|
||||
"bonus_score": [10, 10, 15, 15, 20, 20, 25][current_stage]
|
||||
}
|
||||
```
|
||||
|
||||
================================================================================
|
||||
文档结束 · 博海网络科技数字员工团队
|
||||
================================================================================
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user