Fix typo and add normal setup diagram

Author: ustcljh

docs/Ch01/supplement.md

@@ -544,13 +544,19 @@ $ sudo apt-get install ubuntu-desktop
 
 ## 虚拟机网卡的“模式” {#vm-nic-modes}
 
-在虚拟机中使用网络设备时，会发现虚拟机一般有三种网卡模式，分别叫做 `Bridged`（桥接）、`NAT`（网络地址转换）、`Host only`（仅主机）。
+在虚拟机中使用网络设备时，会发现虚拟机一般有三种网卡模式，分别叫做 `Bridged`（桥接）、`NAT`（网络地址转换）、`Host only`（仅主机）。虚拟机中的网络设备，是虚拟网卡（Virtual NIC），其背后需要与某个网络连接，才能实现通信功能。
 
-虚拟机中的网络设备，是虚拟网卡（Virtual NIC），其背后需要与某个网络连接，才能实现通信功能。
+在安装虚拟机前，设备上的网络通常是这样的：
+
+```mermaid
+flowchart TD
+    HSP[主机上的程序] --> HS
+    HS[主机] -->|虚拟网卡 10.1.2.5| IN[外部网络]
+```
 
 ### 桥接模式
 
-在这种模式下，虚拟机程序（例如 VMWare）会在主机上创建一个虚拟交换机。虚拟交换机上，接入了原来的物理网卡（例如有线网卡或者 Wi-Fi 适配器等）、虚拟机中安装的虚拟网卡、主机上的虚拟网卡。在这种配置下，虚拟机和主机都暴露在 Internet 下，分别使用**不同的 IP**。
+在这种模式下，虚拟机程序（例如 VMWare）会在主机上创建一个虚拟交换机。虚拟交换机上，接入了原来的物理网卡（例如有线网卡或者 Wi-Fi 适配器等）、虚拟机中安装的虚拟网卡、主机上的虚拟网卡。在这种配置下，虚拟机和主机都暴露在外部网络下，分别使用**不同的 IP**。
 
 ```mermaid
 flowchart TD