PassNAT LogoPassNAT

思绪思维导图Web库搭建教程:NAS Docker部署,帕斯内网穿透远程访问在线思维导图应用

作者

小编

发布时间

Curving abstract shapes with an orange and blue gradient

项目介绍

思绪思维导图(Simple Mind Map)是一个简单而强大的 Web 思维导图库和在线思维导图应用。它基于原生 JavaScript 开发,不依赖任何框架,提供了完整的思维导图解决方案。该项目采用插件化架构,除核心功能外,其他功能作为插件提供,可按需使用,有效减小打包体积。

项目支持多种图形结构,包括逻辑结构图、思维导图、组织结构图、目录组织图、时间轴、鱼骨图等。内置多种精美主题,支持高度自定义样式。节点内容丰富,支持文本、富文本、图片、图标、超链接、备注、标签、概要、数学公式等多种元素。

功能特性包括画布拖动缩放、多选节点、导出多种格式(JSON、PNG、SVG、PDF、Markdown、XMind、TXT)、快捷键操作、搜索替换、小地图、水印、协同编辑、演示模式等。项目提供了丰富的插件系统,包括富文本编辑、节点拖拽、关联线、导出功能、键盘导航等多个插件。

项目地址: 点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用,点击前往 帕斯内网穿透,先注册好账号备用。

该项目提供了 Docker 部署方式,可以快速部署一个完整的思维导图应用。项目使用 Nginx 作为 Web 服务器,默认运行在 80 端口。

打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

镜像填 wanglin2/mind-map:latest 等待下载完成后点击启动按钮启动容器

勾选开机自动启动后下一步,端口设置这里。请设置容器内端口 80 映射到主机端口 8080(如果端口冲突可以修改主机端口,但容器内端口必须保持 80)

存储位置这里,该项目为纯前端应用,不需要设置持久化存储目录。

环境变量设置:该项目不需要设置任何环境变量,可以直接跳过环境变量配置。

其他的都不用填写,直接下一步启动就好了。

创建成功后可以访问 ip:8080 到这里就可以正常显示思维导图应用了

穿透公网

打开帕斯内网穿透控制台,点击隧道管理-隧道列表

点击创建新隧道

隧道节点可以随便选,一般选个负载低的就可以

接下来填写信息,隧道名称可以随便填写

本地 IP 默认就可以

传输协议可以选择 TCP 也可以选择 HTTP/HTTPS

HTTP 就是域名的形式,教程以使用 TCP 为演示

本项目如果没有修改端口的话默认是 8080 端口,这里本地端口就填 8080

远程端口可以留空也可以自定义。下图仅做参考,请按照实际项目端口添加。

填写完毕点击确定

点击刚才创建好的隧道,点击获取配置文件

回到飞牛 NAS,点击应用中心下载 frpc 客户端

打开后粘贴刚才复制的配置文件,点击确定即可

复制帕斯内网穿透控制台的访问 IP 和端口

可以看到已经正常穿透成功了

本篇教程结束