19、网站引入流程图预览功能

第一步,加入预览插件hexo-markmap

1
2
3
yarn add hexo-markmap
or
npm install hexo-markmap

第二步,xmind转markdown(自认为比较便捷但是不太优雅的方式)

可以通过直接复制xmind文件再将其保存到md文件中,随后在转为txt文件打开复制内容即可

第三步,在hexo里面编写文件,下面是例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
{% markmap 750px %}
- 计算机网络
- 期末考试部分(总)
- 计算机网络4个阶段
- 联机系统
- 局域网
- 标准网络
- 互联网
- 互联网概念
- 最大的国际性计算机网络
- 网络由若干结点和连接这些结点的链路组成
- 连接在互联网上的计算机成为主机
- 网络把许多计算机连接在一起,而互联网则把许多网络连接在一起
- ISP(互联网服务提供商)
- 拥有从互联网管理机构申请的多个IP地址,我们通常说的上网实际上就是从ISP所得到的IP地址,并通过该ISP接入互联网
- 三个级别
- 国际或国家级、地区级、本地级
- 计算机网络
- 概念
- 一些相互连接的、已共享资源位目的、自治的计算机的集合
- 将地理位置不同且具有独立功能的多个计算机系统通过通信线路和通信设备相互连接在一起,通过网络操作系统及网络协议软件进行管理,以实现资源共享和相互通信的系统
- 功能
- 硬件资源共享
- 软件资源共享
- 用户间信息交换
- 分类(看)
- ......
{% endmarkmap %}

效果图