logo NodeSeekbeta

Simple mind map:一个还算强大的Web思维导图

介绍

最近需要画思维导图,本着能用浏览器解决就别下载app的原则,在GitHub上找了一个web版的思维导图:simple mind map

该项目基于思维导图库、Vue2.x、ElementUI 开发,可以操作电脑本地文件,所以你可以直接把它当做一个在线版思维导图应用使用,如果觉得 github 的响应速度慢,你也可以部署到你的服务器上。

同时提供了客户端可供下载使用,支持Windows、Mac及Linux

更多特性及详细使用方法请看官网介绍

用了好几天了,感觉很好用🥰

GitHub地址:wanglin2/mind-map: 一个还算强大的Web思维导图。A relatively powerful web mind map. (github.com)

官网:思绪思维导图 (wanglin2.github.io)

在线体验:思绪思维导图 (wanglin2.github.io)

部署

作者已打包好,直接使用即可,项目本身不依赖后端,所以完全可以部署到一个静态文件服务器上,只需要index.html和/dist

下面是docker的部署方式,可跳过构建镜像直接运行

构建镜像

# 拉取代码
git clone --depth=1 https://github.com/wanglin2/mind-map.git

# 进入目录
cd mind-map/

创建Dockerfile

FROM busybox:1.35.0-uclibc

WORKDIR /app

COPY index.html .
COPY dist dist 

CMD ["httpd", "-f", "-p", "80", "-h", "/app"]
# 构建镜像
docker build -t mind-map .

运行

一键启动:

docker run -d -p 2077:80 --name mind-map liwangsheng/mind-map

可自行修改端口、容器名、启动策略,自己构建镜像可修改为你的镜像

使用cloudflare pages部署

在线体验:思绪思维导图 (mindmap-online.pages.dev)

点击Workers 和 Pages,点击创建应用程序

cf-pages.webp

下载代码后将index.html文件和/dist文件夹放在同一文件夹内或压缩成压缩包上传,或通过导入现有 Git 存储库创建

cf-pages-1.webp

以直接上传资产为例

cf-pages-2.webp

输入域名,上传文件

cf-pages-3.webp

点击部署站点

cf-pages-4.webp

可改为自定义域名

cf-pages-5.webp

原文:simple mind map:一个还算强大的Web思维导图 - MJ的博客

  • 不错 收藏了

  • xhj003

  • xhj003

  • 好帖,绑定

  • xhj003

  • xhj003

  • xhj016

  • @luofeng #0
    很简约和轻量化的思维导图, Docker和CF Pages的快速部署降低了入手/上手门槛! xhj003
    加精+加鸡腿!
    PS: 楼主的博客有蛮多"折腾"类的个人分享, 很多有趣的项目, 多"来"论坛分享! xhj010

  • @Kdkdk #8 🥰

你好啊,陌生人!

我的朋友,看起来你是新来的,如果想参与到讨论中,点击下面的按钮!

📈用户数目📈

目前论坛共有72267位seeker

🎉欢迎新用户🎉