企业官网建设流程全解析

10 分钟上手 draw.io 桌面版：免费离线画图，批量导出 6 种格式

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

draw.io 桌面版是一款基于 Electron 的免费离线绘图工具（Apache 2.0 许可），用来画流程图、UML、网络拓扑图，成品可导出 PNG、SVG、PDF、JPEG、XML、HTML 共 6 种格式。应用把全部脚本打包在包体内，断网也能完整工作；对工程团队来说，它同时是一个命令行批量导出工具，一次转换一整个目录的图表。

为什么内网团队优先选桌面版

先给结论：图表数据不会外传，离线可以完整使用。官方设计目标就是让应用与网络彻底隔离——所有 JavaScript 都内置在应用里，浏览器层的 CSP（内容安全策略，决定页面允许执行哪些代码的规则）明确禁止运行远程加载的脚本；图表内容从不发往任何服务器，也不存在使用统计上报。

整个应用唯一会联网的动作，是启动时做版本更新检查，这一步随时可以关（见后文进阶配置）。

要留意的一个例外：.drawio 文件里如果用 URL 嵌入了外部图片、背景或字体，打开文件时应用会请求这些地址，以保证渲染正确。换句话说，打开来路不明的图表文件，相当于把你的 IP 暴露给那个 URL——图表内容本身不会外传。内网隔离环境，正是选桌面版而不是网页版的核心理由。

免管理员权限的安装方法

结论先行：手上没有管理员权限，就选 MSI 或绿色版。Windows 发布 3 种安装包，另外 Microsoft Store 的 APPX 版同样按用户安装、免管理员：

装好后打开，界面就是三块：

• 左侧形状库：顶部是搜索框，下面按 General 等分类排列图形，点 "More Shapes..." 展开全部；矩形、菱形这类图形直接拖进画布即可。
• 中间画布：支持无限缩放和平移，底部是页面标签页，一个文件可以包含多页。
• 右侧属性面板：管字体、纸张规格、连接点这类选项。

第一张图怎么画、怎么导

最快路径是套模板再拖图形，10 分钟内能出第一张图：

1. 新建文件，套用内置模板（流程图、UML、网络拓扑都有）；常用模板另存为个人模板，以后直接复用。
2. 从左侧形状库把矩形、菱形拖进画布，连线完成布局。
3. 走菜单 文件 → Export As，在 6 种格式里选一种，对话框里设边距、缩放、是否透明背景，日常使用够用。

一个目录一次出完图

要给整个团队目录批量出图时，别一张张点导出——装好的 draw.io 本身就是 drawio 命令行工具。把 ./diagrams 目录递归转成透明底 PNG，一条命令搞定：

drawio -x -r --format png --transparent ./diagrams

命令行批量导出参数速查：

输入不局限于 .drawio——Visio 的 .vsdx、.csv、Mermaid 的 .mmd 文件都能直接导入转换。完整参数定义在 src/main/args.js，运行drawio -h可看全部帮助。

进阶配置清单

以下 3 项按需配置，日常使用可以全部跳过：

• 本地数据在哪：全在用户目录下——macOS 是~/Library/Application Support/draw.io，Windows 是C:\Users\<用户名>\AppData\Roaming\draw.io\。应用偏好通过 electron-store 持久化，也在同一目录，迁移或清理数据时认准这里。
• 关掉启动时的更新检查：设环境变量DRAWIO_DISABLE_UPDATE=true，或启动时追加--disable-update参数。集中管理的部署场景常用这个；Flatpak 版本会自行关闭。
• 自构建未签名版本：设DRAWIO_UNSIGNED=true跳过签名和公证，完整步骤见 doc/BUILDING_FOR_PERSONAL_USE.md。注意官方仓库不接受外部 PR，自改版本仅供个人使用，升级方式也变成"拉取—重新构建—重装"。

从源码跑一个开发版

需要 Node.js 22.12 以上环境，两条命令：

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop

必须带--recursive——编辑器本体是drawio/目录下的 git 子模块，缺了它项目打不开。然后npm install、npm start即可启动；设DRAWIO_ENV=dev会顺带打开 DevTools，方便调试。

避坑 FAQ ⚠️

官方版和自构建版能同时开着吗？不能。draw.io 每个用户只允许单实例运行，第二个进程启动时会把新窗口直接开进第一个进程里，你的改动不会生效。先关掉官方应用，再启动自构建版本。

多页文件导成图片，为什么只见第一页？图片格式默认只导第一页，多页要加-a参数；另外图片默认按图元裁剪，想导出整页加--size page。

想要透明底，导出却总带白底？--transparent只对 PNG 和 SVG 有效，JPEG 本身没有透明通道，需要透明底请改导 PNG。

macOS 上按空格能直接预览 .drawio 吗？能。官方构建自带 Quick Look 扩展，在 Finder 里按空格就能渲染图表，不用打开整个应用；但自构建版本是未签名的，该扩展大概率无法加载，视为不可用。

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop