Docs / Product 同步指南
本页面向维护者与贡献者,说明 tiangong-lca-next-docs 如何与相邻产品仓
../tiangong-lca-next 保持同步。
核心来源边界
请把下面三类内容明确区分:
1. 中文公开文档源
docs/**
这里是中文公开文档的主源。
2. 英文镜像
i18n/en/docusaurus-plugin-content-docs/current/**
这里不是“自动永远正确”的翻译产物,而是需要人工维护的英文镜像。只要中文源变了,英文镜像 就应在同一次改动中同步更新。
3. 产品真实行为
../tiangong-lca-next
凡是页面入口、按钮名称、角色显示条件、数据范围、隐藏路由、导入导出流程等产品行为,应以 产品仓代码为准,而不是以旧文档为准。
默认核对目标
默认线上核对地址:
https://lca.tiangong.earth/
../tiangong-lca-next 当前是根据 main 分支提交直接发布到线上系统的,因此一般不需要把
“线上是否与 main 一致”当成单独验证步骤。默认做法是:
- 先以
../tiangong-lca-next的main分支实现作为产品行为来源 - 只在以下情况下再额外打开线上系统复核:
- 需要截图
- 需要确认隐藏入口、角色显示条件或实时文案
- 维护者明确怀疑部署漂移、缓存问题或线上异常
秘钥与验证信息
本 docs 仓根目录 .env 中可能存在以下变量:
TIANGONG_LCA_USERNAMETIANGONG_LCA_PASSWORDTIANGONG_LCA_API_KEY
规则只有两条:
- 只记录变量名,不记录变量值
- 不要把实际值写进文档、截图说明、提交信息或聊天摘要
推荐维护流程
1. 先看 backlog
优先查看根目录中的:
TODO.docs-system-gaps.md
如果发现新的文档漂移,也应先把问题记录到这里,再开始改。
2. 先查产品,再改文档
常见核对入口包括:
config/routes.tssrc/app.tsxsrc/components/RightContent/**src/components/ImportTidasPackage/**src/components/ExportTidasPackage/**src/components/LcaTaskCenter/**src/pages/Account/**src/pages/Processes/Analysis/**src/pages/Review/**src/pages/ManageSystem/**
这些位置是最容易出现文档漂移的热点。
3. 中文和英文同改
如果改动的是公开站点内容,请默认同一轮完成:
- 中文
docs/** - 英文
i18n/en/**
不要只改中文或只改英文,然后把另一边留到以后。
4. 导航变化要补入口
如果新增页面、重命名页面或改变阅读路径,请同步检查:
sidebars.tsdocs/intro.mddocs/user-guide/overview.md- 英文镜像中的对应页面
5. 完成一个 gap,就回写 TODO
TODO.docs-system-gaps.md 不是一次性清单,而是长期维护记录。
当一个 gap 被补齐、范围变化或决策改变时,应在同一次工作会话里更新状态和说明。
截图与 Playwright 规范
当需要新增或替换系统截图时:
- 优先使用 Playwright 做登录与截图,而不是手工凭记忆描述
- 截图应尽量贴近项目中已有风格
- 除非这张图本身就是为了说明中英文界面差异,否则默认使用英文界面截图,即使当前文档页 是中文
- 如果只需要局部图,没有必要强行做成整屏
1920x1080;应优先保证局部截图的清晰度、采样密 度和与仓库既有图片一致的导出质量 - 如需强调入口或关键字段,应添加红色框线或标注
作图与标注细则:
- 优先使用数字编号而不是把整句中文或英文说明直接画进图里。
- 数字编号的解释写在正文里,不要把长文字直接压在截图上。
- 标注不能遮住用户真正需要看的控件、图标、按钮或字段。
- 编号圆点尽量放在目标区域外侧;必要时用引线、加留白或放大裁剪,而不是把标注压在 UI 上。
- 如果一个区域过于密集,应扩大截图范围、提高缩放比例,或拆成两张图,而不是让多个标注互相 打架。
- 如果确实必须在图内放文字,文字要短、要干净,并且视觉层级低于真实界面本身。
- 对局部图,优先使用更高的采样倍率,例如
deviceScaleFactor >= 2,并保持与仓库既有截图接 近的高密度 PNG 元数据(当前仓库大量旧图约为 144 DPI)。
文档目标与截图取舍原则:
- 本站主要是给人类读者看的,因此在入口难找、结构复杂、仅靠文字不够直观时,应优先补 高价值截图。
- 但没有必要把每一页都做成图册;如果文字配合准确的 UI 标签已经足够清楚,就不必强行加图。
- 优先给以下类型页面配图:
- 顶部全局控件或隐藏入口
- 多步弹窗流程
- 角色差异明显的工作区
- 现有截图已明显过时的页面
适合使用截图的场景包括:
- 顶部控件位置明显变化
- 审核或系统管理等隐藏入口难以仅靠文字解释
- 现有截图已经与真实界面明显不符
如果本轮只根据代码就能准确落文档,而截图工具链暂时不稳定,可以先完成文字同步,再单独补 截图;但若该页面主要面向人类操作指导且缺图会显著影响理解,应把截图补齐作为后续高优先级工 作。
最低校验要求
完成公开文档修改后,至少执行:
npm run lint
npm run build
如果这次同步涉及大量结构变更,也建议手动浏览本地站点,重点检查:
- 新页面是否出现在侧边栏
- 中英文链接是否互相对应
- 首页与用户指南导航是否能发现新内容