天天在用的思维导图「幕布」,想说爱你真的不容易。

简介: 天天在用的思维导图「幕布」,想说爱你真的不容易。

Hello 大家好,我是安哥。

今天想来和大家聊聊,我目前重度使用的一款思维导图软件——幕布,在使用过程中我遇到的一些问题及解决方法。


01. 缺少文档目录

这是我用幕布整理了多份长文档之后,且对比其他文档产品,萌生的一个需求。

幕布虽然可以通过点击节点左侧的小三角,用来折叠或显示下方的内容块,但相比其他文档产品自带的侧边目录,我觉得幕布操作上还是比较繁琐。

fb28dad70107a759c4043529d12688df_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

以飞书文档为例,每个文档左侧都会有一个侧边目录,在不查看右侧内容的情况下,通过左侧的目录,就能大概了解这份文档的内容框架。

0118072ef1ad747c0b9c5885c7b7b892_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

此外,点击侧边目录的小标题,就可以直接跳转到标题对应的位置,浏览内容的时候「跳读」就非常方便。

03fe2edda6f856178642b575a54dff81_640_wx_fmt=gif&wxfrom=5&wx_lazy=1.gif

但同样是字节家的产品,幕布就缺少了这个功能,目前暂时没有找到比较好的解决方法,不像 Notion 网页版可以安装插件 Notion Boost 自动生成侧边目录。


02. 导出支持的格式较少

幕布官方支持的导出格式比较少,目前只支持导出 Word、PDF、图片、HTML、OPML 和 Freemind 格式。

aad41dc42623860a395b126bf4c86ab9_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

我们可能会在这些场景下使用幕布的导出功能:

  • 将思维导图的内容分享给他人,可以选择导出为图片或 PDF 格式;
  • 将文档中的内容导出,放到其他的软件或工具中做进一步的处理;
  • 在决定放弃使用软件时,迁移软件内沉淀下来的内容或数据。


让我对幕布现有导出功能不满的地方在于,幕布不支持导出 Markdown 文档格式

Markdown 是一种轻量级的标记语言,相对于我们日常使用的 Word 这类富文本格式,Markdown 有两个比较突出的优势

  • 减少使用鼠标点击按钮设置文本样式的次数,Markdown 使用一些标记语法,在编辑输入的同时就能给文本设置不同的样式;
  • 内容格式不容易发生错乱,方便将内容分发到多个平台。


78bfaebd74fd876bc231648f7e82d030_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

出于前面介绍的两个 Markdown 的优势,在不少时候,我都会优先选择 Markdown 模式来编辑内容,或者使用那些支持 Markdown 的工具。

幕布本身支持 Markdown 编辑模式,却不支持导出 Markdown 格式的文档,功能做得不完整,感觉都有点拉垮了。

182327604ff3671f739b96d7af25093f_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

对于这个问题,我找到了两种从幕布中导出 Markdown 格式的方法,希望对有相同需求的朋友有帮助:

① 浏览器插件「幕布 MD」

这是 @拉登Dony 老师开发的一款浏览器插件,可以很方便地从幕布中导出 Markdown 文档。

5e8997606bc98ff82c5d5347d006933f_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

这个插件暂未上架 Chrome 应用商店,有需要的朋友可以从下方的链接下载:

https://wwx.lanzoui.com/i6beks87b8h

下载之后可以得到一个压缩包,先对压缩包进行解压,会得到一个名为「幕布MD」的文件夹。

a3fdf510273ee30d964c9448bded0daa_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

回到浏览器,点击右上角的更多按钮,选择「更多工具 >> 扩展程序」,打开浏览器的插件管理页面。

2da608eea22507db0921324d09c13f4b_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

在打开的浏览器插件管理页面,开启右上角的「开发者模式」。

d84d3858532a6922fe6ad72469150f10_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

接着点击页面左上角的「加载已解压的扩展程序」,打开前面我们解压得到的插件文件夹「幕布MD」。

6543e241ee1861311d6eb0b58b7a9190_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

加载插件文件夹之后,插件管理页面就会多出一个新的浏览器插件「幕布MD 3.0」。

2a48620528b98326557f4e20d7ca3a38_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

接着再打开网页版的幕布,点击浏览器右上角的插件图标,在弹出窗口下方的文本框,可以预览导出的 Markdown 格式的内容,点击按钮「复制MD」,将内容复制到系统剪贴板。

522542e459d082ea958149ba621c8f92_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

接着将内容粘贴到 Markdown 编辑器,例如微软家的 VS Code,就可以将内容保存为本地的 Markdown 文档。

1a1fb3f852a573d5f633d96e4465b6dd_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

使用这个插件导出 Markdown 文档,有一个需要注意的地方,在导出内容之前,如果某个节点下方有多个子节点,在不展开子节点的情况下,导出的 Markdown 文档也不会包含有字节点的内容。

b993569a0d6f4bdb973e501904d57c25_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

值得一提的是,如果你的幕布文档包含的内容比较多,使用这个插件也无法一次性全部导出,需要先将文档拆分成多个小文档。

② 使用命令行工具导出 Markdown

相比前面介绍的插件,使用命令行工具从幕布中导出 Markdown,这对一些朋友来说,可能会有一些门槛,需要多一点耐心。

这里的命令行需要用到一个名为 npm 的包管理工具,使用之前,需要先在电脑上安装这个包管理工具。

由于包管理工具 npm 集成在了 Node.js 中,安装 Node.js 的时候也会自动安装 npm。

下图是 Node.js 的中文官网,软件支持 Windows、macOS 和 Linux 系统,你可以根据自己的系统选择对应的版本,下载时建议选择右侧的 LTS 版本。

684da6bbbab1cbecf10cac3aab2425f2_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

安装 Node.js 和我们平常安装其他软件没有什么差异,点击「同意/下一步」直至开始安装就可以了。

安装完 Node.js 之后,我们可以打开终端(macOS 系统)或者命令提示符(Windows 系统),在打开的窗口中输入 npm -v ,按下回车键,若下方返回一个版本号,则说明我们可以正常使用 npm 了。

a1d1dd9aeb780b9fb2b79befc778ba43_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

Node.js 官网:https://nodejs.org/en/

接着我们需要使用 npm 来安装我们需要用到的工具 opml-to-markdown,这个工具可以将幕布导出的 OPML 的文档转换为 Markdown 格式

这个工具来源于 GitHub 上一个名为「opml-to-markdown」的项目,项目的说明文档也给出了安装说明和用法展示。

40558ae7de7148695a65597293ed666e_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

GitHub 项目「opml-to-markdown」地址:https://github.com/azu/opml-to-markdown

回到我们的终端或命令提示符窗口,在窗口中输入下方的代码,按下回车键,稍等一会,等待工具下载并自动进行安装。


npm install opml-to-markdown -g

2deadba568e92c5208a690d3db531adb_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

如果你用的是苹果电脑,可能需要在命令行最前面加多一个 sudo,以管理员身份安装。

回到幕布,打开想要导出为 Markdown 的文档,导出格式选择 OPML 格式。

我将上面导出的文档存放在电脑桌面,存放文件的位置等会需要用到,因此建议将导出的 OPML 文件存放在比较好找的位置

回到终端或者命令提示符窗口,输入 cd + OPML 文件所在的路径,例如我的 opml 文件存放在电脑桌面,因此输入 cd desktop 即可,进入 opml 文件所在的路径。

2e6e6f9c8532b564e0d7a9788f9b8a63_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

进入文件所在路径之后,就可以使用前面安装的命令行工具,将 opml 文件转换为 Markdown 文件了。

在终端中输入 opml-to-markdown + 待转换的 opml 文件,以我为例,我这里想转换的文件名为「搭建博客.opml」,因此需要输入:

opml-to-markdown 搭建博客.opml  

7b011f2e75d87b201ceb814d3ca5ec1c_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

转换之后得到的 Markdown 格式的内容,会在终端窗口下方显示,使用鼠标框选出所有转换后的内容,复制后将其粘贴到 Markdown 编辑器,再保存为本地的 Markdown 文件。

6f1911404baddd0ed38878753f1fab61_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

使用这个命令行工具将幕布文档转换为 Markdown 文件,不像前面介绍的插件存在文档字数的限制,无论你的幕布文档有多少内容,它都能一次性转换为 Markdown 格式。

但这个方法也存在一个不足之处,幕布文档中插入的图片,在导出为 OPML 文件就丢失了,因此转换后的 Markdown 文档也存在图片丢失的问题


写在最后

如果你刚好认识幕布的产品经理或者工作人员,麻烦将这篇文章转发给 TA,谢谢😝
期待幕布的产品经理能听到我的呼声,期待后续的更新或者改进哇🐸

以上就是本次想和你分享的内容。


相关文章
|
域名解析 小程序 Linux
朋友圈超火的盲盒交友小程序,完整搭建教程及源码分享~(多图)
朋友圈超火的盲盒交友小程序,完整搭建教程及源码分享~(多图)
朋友圈超火的盲盒交友小程序,完整搭建教程及源码分享~(多图)
|
1月前
|
前端开发
业余时间开发了个海报编辑器
为了满足撰写博客或录制教程视频时对高质量海报的需求,我利用业余时间开发了一款海报编辑器。第一版功能简单,支持固定尺寸、黑底白字的标题。后来经过优化,增加了背景图、模糊效果、文字样式调整等功能,使海报更具吸引力。目前该编辑器已上线,欢迎大家试用并反馈。[访问海报编辑器](https://tool.share888.top/#/poster)
78 6
业余时间开发了个海报编辑器
|
5月前
|
Web App开发 人工智能 架构师
备考神器!基于通义听悟和Xmind快速生成思维导图
使用阿里通义听悟与Xmind,高效创建思维导图。通义听悟支持PDF、Word等格式文档分析,可一键转为Xmind格式。视频分析需下载,支持最大6GB,可用通义听悟插件实现在线视频内容提取。B站部分视频自带AI总结,或使用特定网站直接在线解析视频生成MD文档。结合Xmind,优化学习和工作效率。
23937 19
|
6月前
|
编译器 C++ 容器
【C++语言】模板(内附精美思维导图)
【C++语言】模板(内附精美思维导图)
|
程序员
技术文章精美配图模板网站推荐-创客贴
技术文章精美配图模板网站推荐-创客贴
56 0
|
Web App开发
思维导图「幕布」批量导出的方法
思维导图「幕布」批量导出的方法
Photoshop制作简洁清新的插画海报图片
Photoshop制作简洁清新的插画海报图片
76 0
|
存储 移动开发 安全
ProcessOn2022网页版在线思维导图
ProcessOn是一个在线协作绘图平台,为用户提供强大、易用的作图工具!支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计、iOS界面原型设计等。...
940 0
【Unity 资源分享】☀️ | Unity 华丽炫酷特效资源分享!万年魂环拿到手软,让你直达封号斗罗~
目录 📢前言 🎄Unity特效展示 🏳️‍🌈魂环系列特效 🏳️‍🌈光剑特效 🏳️‍🌈球形特效 🏳️‍🌈爆炸特效 🎁资源下载
【Unity 资源分享】☀️ | Unity 华丽炫酷特效资源分享!万年魂环拿到手软,让你直达封号斗罗~
|
前端开发
一篇文章教会你如何制作精美导航条
一篇文章教会你如何制作精美导航条
576 0
一篇文章教会你如何制作精美导航条