- nginx 安全加固 (CSP, HSTS, 缓存策略) - 共享 style.css - 138个页面全部接入 Co-authored-by: Hermes AI <agent@hermes>
423 lines
16 KiB
HTML
423 lines
16 KiB
HTML
<!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>
|