network

網路拓撲圖產生器

快速開始： 選擇拓撲類型 → 宣告網路設備的模板圖示 → 使用箭頭語法連接 → 使用 rectangle 或 package 分組為區域 → 包在 ```plantuml 程式碼區塊中。

⚠️ 重要： 務必使用 ```plantuml 或 ```puml 程式碼區塊。絕對不要使用 ```text — 否則不會顯示為圖表。

關鍵規則

• 每個圖表以 @startuml 開頭，以 @enduml 結尾
• 使用 mxgraph.* 模板語法來表示網路設備圖示（路由器、交換器、防火牆等）
• 預設顏色會自動套用 — 您不需要指定 fillColor 或 strokeColor
• 使用 rectangle "Zone" { ... } 或 package "Zone" { ... } 將設備分組到網路區域中
• 使用 cloud "Name" { ... } 表示雲端/網際網路形狀
• 雙向實體連線使用 --（無箭頭）；有方向的流量使用 -->
• VPN/無線/邏輯連線的虛線使用 .. 或 ..>
• 使用 skinparam 進行全域樣式設定

完整模板參考： 請參閱 stencils/README.md 取得 9500 多個可用圖示。

Mxgraph 模板語法

mxgraph.<命名空間>.<圖示> "標籤" as <別名>
mxgraph.<命名空間>.<圖示> "標籤" as <別名> #顏色
mxgraph.<命名空間>.<圖示> <別名>

常見網路模板系列

系列	前綴	典型圖示
網路	mxgraph.networks.*	switch, router, firewall, server, pc, laptop, wireless_hub, cloud
Cisco	mxgraph.cisco.*	routers.router, switches.layer_3_switch, security.firewall, servers.fileserver
Cisco 19	mxgraph.cisco19.*	nexus_9300, nexus_5k, fabric_interconnect, ucs_5108_blade_chassis, storage
Cisco SAFE	mxgraph.cisco_safe.security_icons.*	ngfw, waf, ids, siem, nac, vpn, ddos, malware_sandbox
Citrix	mxgraph.citrix2.*	netscaler_gateway, storefront, delivery_controller, vda

連線類型

語法	意義	使用情境
A -- B	實線，無箭頭	實體乙太網路 / LAN 連線
A --> B	實線，有箭頭	有方向的流量
A .. B	虛線，無箭頭	VPN 隧道 / 無線連線
A ..> B	虛線，有箭頭	有方向的 VPN / 邏輯流量
A -- B : "label"	標籤連線	連線描述

快速範例

@startuml
mxgraph.networks.cloud "Internet" as inet
mxgraph.networks.firewall "Firewall" as fw
mxgraph.networks.router "Router" as rtr
mxgraph.networks.switch "Switch" as sw

rectangle "Office LAN" {
  mxgraph.networks.pc "PC 1" as pc1
  mxgraph.networks.pc "PC 2" as pc2
  mxgraph.networks.server "Server" as srv
}

inet -- fw
fw -- rtr
rtr -- sw
sw -- pc1
sw -- pc2
sw -- srv
@enduml

網路圖表類型

類型	用途	主要模板	範例
LAN	區域網路拓撲	mxgraph.networks.*	lan-topology.md
WAN	廣域網路	mxgraph.cisco.*	wan-topology.md
企業	企業基礎架構	mxgraph.cisco.*	enterprise-network.md
Cisco	Cisco 專用圖示	mxgraph.cisco.*	cisco-network.md
無線	WiFi 網路	mxgraph.networks.*	wireless-network.md
混合雲	地端 + 雲端	mxgraph.cisco.*	hybrid-cloud.md
Citrix	虛擬應用程式/桌面	mxgraph.citrix2.*	citrix-network.md
安全	縱深防禦	mxgraph.cisco_safe.security_icons.*	security-architecture.md
資料中心	Spine-Leaf / UCS / SAN	mxgraph.cisco19.*	datacenter-network.md