顾问第三轮诊断与落地方案：`/about` 升级为「双轨制合作与背书中心」

归档时间：2026-10-26 16:35
来源：外部顾问第三轮审阅意见
目标：将原本偏向静态名片的 /about/ 升级为具备高转化率（CRO）的「双受众分流与合作指南（Work With Me）」中心。

一、核心转化瓶颈诊断

缺少受众分流（Two-Audience Collision）：
- 企业主看不懂基础设施术语（Prometheus、Authentik、Gitea Actions），无法直观了解能解决什么业务痛点、如何收费与合作流程；
- Tech Lead 面对单纯的名词罗列，缺少对应的「代表作证据链（Proof-of-Work Links）」与工程边界/工作准则。
缺少合作流程与边界（No Process & Guardrails）：
- 资深顾问的段位体现于不仅说明“擅长解决什么”，更明确指出“工程铁律与交付原则（如状态机优先于纯Prompt、真实排障证据验证）”。
路由策略建议（SEO 避坑）：
- 严格保留 /about/ 与 /zh/about/ 物理路由（保护已有反链与 sitemap），仅将导航文案升级为行动召唤型（About & Hire / 关于与合作）。

Layer 1：权威身份与硬核数据看板（Hero + Live Production Stats）
- 保持 320px 高清真机证件照、实名、社媒链接与 4 大基建核心指标（162 容器、3 主机、78 栈、0 托管依赖）。
Layer 2：双轨分流核心区（Dual-Track Split Layout）
- 🏢 左轨：致企业主与业务负责人（定制系统、24/7 AI 客服获客、私有化部署降本、合作三步走、WhatsApp 直达）；
- 👨‍💻 右轨：致技术主管与招聘方（全栈+DevOps+AI工程角色、端到端闭环能力、3篇带链接代表作证据链、邮件与LinkedIn直达）。
Layer 3：带证据链的技术栈矩阵（Proof-of-Work Tech Matrix）
- 四大板块（基建/DevOps、AI智能体、后端/系统架构、前端/Web）底部直接挂载对应分类内链证据。
Layer 4：我的工程准则与铁律（My Engineering Guardrails）
- 状态机管确定性业务，大模型管开放语义；
- 信内核与指标，不信表象；
- 极致的实用主义成本控制。
Layer 5：底栏与 AuthorCard
- 全局作者名片收口。

src/layouts/BaseLayout.astro：导航链接文案升级为 About & Hire（EN）/ 关于与合作（ZH）；
src/styles/global.css：引入 .work-with-me-section, .dual-track-grid, .track-card, .track-business, .track-hiring, .principles-grid 等响应式样式；
src/pages/about.astro：英文双轨合作页重构落地；
src/pages/zh/about.astro：中文双轨合作页重构落地；
实机 npm run build：311 页面构建全部通过，Pagefind 静态索引全覆盖。