update guick-start for add visio

weadmin/src/pages/quick-start/step-21/index.md

 ---
 title: 添加visio视图
 type: tutorial
+anchorMenu:
+  - id: step1
+    title: 一、安装插件
+  - id: step2
+    title: 二、编辑拓扑图
+  - id: step3
+    title: 三、WeADMIN Publish发布拓扑图
 ---
 
-通过Microsoft Visio发布拓扑图，在使用Visio拓扑图功能之前，安装Visio 2007或Visio2013安装包，安装ECC提供的Visio拓扑图发布插件。登录到ECC系统中可以下载这个VISIO插件。
+####  <div id="step1" class="anchor-point">一、安装插件</div>
+******
+通过Microsoft Visio发布拓扑图，在使用Visio拓扑图功能之前，安装Visio 2007或Visio2013安装包，安装ECC提供的Visio拓扑图发布插件。登录到ECC系统中可以下载这个VISIO插件,插件通过|IT资源管理|-->|视图|-->|VISIO视图|，下载扑图发布安装程序来实现插件的安装。下载拓扑图发布插件，分为32位插件和64位。
 
-插件通过|IT资源管理|-->|视图|-->|VISIO视图|，下载扑图发布安装程序来实现插件的安装。下载拓扑图发布插件，分为32位插件和64位，下载后进行安装。
+![](img/visio.png)
 
+下载后进行安装，安装插件后需要重新启动Visio程序。
+
+#### <div id="step2" class="anchor-point">二、编辑拓扑图</div>
+*******
 Visio拓扑图可以在用户原有的拓扑图上稍加改动，或者按照客户实际情况做新的拓扑图，就可以使用ECC提供的Visio拓扑图功能了。
 
 具体操作：启动Visio，打开原有的拓扑图文件。
@@ -33,7 +46,7 @@ Visio拓扑图可以在用户原有的拓扑图上稍加改动，或者按照客
 |SV\_IP|资源IP|IP|
 |SV\_Line|对应网络接口的流量|资源IP&&监测器标题|
 
-#### **SV\_Line关联**
+**SV\_Line关联**
 
 关联线路时需要在线路上关联 标签项为SV\_Line 值为IP地址 + && + 监测器名称方式。
 
@@ -43,7 +56,13 @@ Visio拓扑图可以在用户原有的拓扑图上稍加改动，或者按照客
 
 ![](img/5.png)
 
-对同一个节点，用户可以使用上述的自定义属性，但是只有一个属性会被ECC当作有效的属性。使用WeADMIN Publish发布拓扑图。在Visio中点击[视图]→[加载项]→[Topology Publish]来实现。
+对同一个节点，用户可以使用上述的自定义属性，但是只有一个属性会被ECC当作有效的属性。
+
+#### <div id="step3" class="anchor-point">WeADMIN Publish发布拓扑图</div>
+*******
+使用WeADMIN Publish发布拓扑图。在Visio中点击[工具]→[加载项]→[Topology Publish]来实现。
+
+![img](img/publish.png)   
 
 WeADMIN Publish要求用户提供ECC的服务器地址，请注意要填写正确的端口号，ECC系统缺省的端口是8080，在“ECC服务器的地址”编辑框内输入正确的地址，如果有代理请输入正确的代理信息，没有代理的可不填写，点“确定”后拓扑图才会发布到指定的机器上。