企业官网建设流程全解析

3 种开源可视化工具如何把机房机柜布局画成图

【免费下载链接】awesome-sysadminA curated list of amazingly awesome open-source sysadmin resources.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-sysadmin

机柜图是机房布局可视化的基础手段。3 个开源可视化工具分工明确：Diagrams.net 拖拽出图，Kroki 文本生成，Mermaid 入库管理。谁用哪个见下表，主线从设备清单走到成图入库。

机柜图工具怎么选：一张对比表先定分工

新手常问的第一句是"如何画机柜图"。先别打开工具，按这张表对号入座：

• 图只给人看 → Diagrams.net
• 图要跟着代码走 → Mermaid
• 图由系统自动产出 → Kroki

差别不在美观，而在"图从哪来、往哪去"。

一条主线：从设备清单到成图入库

三种工具在同一条流水线上各演一段，按上手成本从低到高。

第 1 步 先有清单，再谈图（工具无关）把每个机柜的设备列成表：设备名、U 数、角色、供电回路。没有这张表，任何工具都只能画出"大概"。

第 2 步 Diagrams.net 出第一版图网页打开，选机柜模板，从图标库拖入服务器、交换机，对齐 U 刻度线，导出 PNG。上手最快，适合把想法先变成看得见的图。代价是图是"死"的：改一个 U 位，得手工再点一遍。

第 3 步 Mermaid 把布局写成代码同一套排布写成 Mermaid 块，存进文档仓库，Git 记录每次 U 位变更，评审时 diff 一眼看出动的是哪一层。最小示例：

第 4 步 Kroki 用 API 批量再生成机柜上两位数后，手工维护不现实。脚本从资产库读清单，拼出 Kroki 文本，POST 到接口换回图片地址，渲染进文档站。设备一变，全机房图跟着变。

42U 设备清单怎么排 U 位

清单：Web 服务器 2U×2、应用服务器 2U×2、数据库服务器 4U×1、交换机 1U×2、PDU 1U×2。

42U 机柜布局示意：

U42 交换机 A U41 交换机 B U40-39 Web 服务器 1 U38-37 Web 服务器 2 U36-35 应用服务器 1 U34-33 应用服务器 2 U32-29 数据库服务器 4U U28-03 预留扩展 U02 PDU A 路 U01 PDU B 路

为什么这么摆：

• 交换机置顶：光缆从上方走线架下来，路径最短；两台相邻成"网络区"，排障只看一处。
• 数据库压中段：它最重、盘位最多，放在 2U 轻负载下面，重心更低。
• PDU 沉底：市电从机柜底部进来，A、B 双路各走一路，单回路故障不断电。
• U28–U3 整段留白：扩容先填预留段，不拆已有编号。

机柜图怎么接入资产系统，拼出机房总图

单柜画完只是开始，机房级做法分三层：

1. 拼总图：每个机柜一个 Mermaid 块，外层套机柜编号，拼出 A 排/B 排总视图；用 Diagrams.net 则多页文档，一页一柜，首页放平面索引。
2. 对接资产库：数据源从人脑换成资产系统。定时任务拉设备位置字段，生成 Kroki 文本请求接口，图片地址写回资产详情页——改资产即改图，不靠人工同步。
3. 叠加运行状态：监控按设备健康度输出颜色，渲染时染色，绿灯在线、红灯故障，总图上直接定位到具体 U 位。

源文件统一放 docs/rack-layout.md 这类文档路径，渲染产物不入库，只存源。

踩坑指南：画机柜图的高频问题

• U 位方向先约定：U1 在最下是行业惯例，但不少绘图工具默认从顶格开始画。出图前对一次刻度方向，否则"U37 在哪"全靠猜。
• 导出分辨率别偷懒：上大屏或打印，PNG 至少 1600px 宽，或直接导 SVG 矢量；小图放大后全是锯齿。
• 图和配置漂移：设备换了、图没换，是可视化最大的隐性成本。让 Mermaid / Kroki 源文件进 Git，合并前强制看一眼图是否同步。

接下来做三件事 📋

1. 拿真实清单填上面的 42U 表，在 Diagrams.net 画出第一版，导出 PNG 存档。
2. 把同一布局重写成 Mermaid 块提交到文档仓库，文件名按rack/R01.md约定。
3. 给资产库写定时脚本，走 Kroki 接口每天重绘机房总图。

【免费下载链接】awesome-sysadminA curated list of amazingly awesome open-source sysadmin resources.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-sysadmin