小博之前接触过一些程序员朋友，因为职业的关系，他们热衷于尝试各种软件，单就「笔记软件」而言，这些程序员朋友提到了多款软件：

笔记软件数量很多，每个人在关注软件的重点略有不同，在挑选时也就有了「腾挪」的空间，这款没有合适的，那就换到下一款，反正可供选择的软件非常多，不怕

在前面提及的笔记软件清单的基础上，小博还想给各位介绍一款适合各位程序员朋友/工程师们记笔记的软件——博思白板。

博思白板，一款集成了思维导图、流程图、代码块、文档、表格、幻灯片、画笔、看板等多种功能的在线白板软件，它把原本分散在多个软件的功能集合到一个软件中，打破了软件间的藩篱，用户在记笔记的过程中可以选择自己需要的功能，而不需要同时使用多个软件，方便各位在一个软件中管理所有的笔记！

其实早前小博也介绍过博思白板用于记笔记的使用场景，可戳这里《兼具无限画布和Markdown，这款笔记软件值得拥有！》查看，不过那时博思白板缺少了对工程师非常重要的「代码块」功能。

不过，正所谓「士别三日，当刮目相看」，博思白板在最新的 V1.30 版本中增加了对「代码块」的支持，这意味在白板中编辑笔记内容时，可以往笔记中添加代码片段了！

在博思白板添加代码片段的操作如下：

打开博思白板首页 boardmix.cn，点击首页的「免费使用」，进入博思白板工作台。

下图是博思白板的工作台，点击左上角的「新建白板」，创建一个新的白板。

在打开的白板文件，点击左侧菜单栏的「文本」工具，在白板任意位置单击，添加文本框，选中插入的文本框，点击上方的第一个选项「普通文本」，在弹出的面板，将其更改为「代码块」。

如下图所示，文本框切换为代码块后，会变成下图右侧的样式，同时会显示「输入代码片段」的提示词。

我们可以将网页或编辑器中的代码粘贴到博思白板的代码块中，代码块默认的编程语言为 Java，如果你粘贴的代码片段是其他的语言，可以选中代码块，点击上方的「Java」，在弹出的面板，将其更改为正确的编程语言。

以下面粘贴的 HTML 代码为例，将默认的 Java 语言更改为 HTML，代码块会自动高亮显示代码中的标签、属性和值，方便自己或他人阅读我们在白板中粘贴的代码片段。

除了代码块功能，博思白板还支持在白板中创建大纲笔记和思维导图：

在白板任意位置双击，会出现下图的文本框，我们可以直接在文本框中输入内容。

或是按照文本框的提示语，输入斜杠 / 呼出下图的面板，从中选择一种样式，选择「无序列表」，则可以创建类似幕布的大纲笔记。

文本框首行选择「无序列表」样式后，按下回车键 Enter，后面的文本也会默认应用无序列表样式，当按下 Tab 键，当前的文本则会缩进，变成上一个文本的子节点。

值得一提的是，如果想撤销文本的缩进，按下 Shift + Tab 就能撤销缩进，回到上一层级，方便你根据需要，自由地调整文本所在的层级。

除了输入斜杆呼出快捷指令面板，博思白板还支持使用 Markdown 来编辑文本内容。

在文本框中输入 Markdown 语法——短横线 - 或者星号 *，再加上一个空格，也能快速添加无需列表样式，如下图所示。

前面我们创建的大纲笔记，都位于一个文本框中，目前博思白板能调节单个文本框的行距，如果你觉得文本框默认的间距太窄，可以选中文本框，点击「拆分」，将一个文本框按行拆分为多个文本框。

拆分为多个文本框之后，可以适当向上移动顶部的文本框，增加文本框间的垂直间距，接着全选所有的文本框，点击「元素对齐」，选择「垂直等间距」，就能让前面增加的垂直间距平均分配到 4 个文本框的间距，相当于间接增加了文本框的行距。

说完博思白板的大纲笔记功能，我们再来看看「思维导图」功能：

点击博思白板左侧工具栏的「思维导图」，在弹出的面板选择一种自己喜欢的布局和主题样式，接着在白板任意位置单击，即可添加一个「中心主题」节点。

点击选中「中心主题」节点，左右两侧会出现一个加号，点击任意一个加号，会新增一个「分支主题」，同样地选中「分支主题」，如下图所示，分支主题下方和右侧会有 2 个加号，意味着可以添加同级分支主题（兄弟节点）和次级分支主题（子节点）。

双击任意一个导图节点，可以进入编辑状态，博思白板支持使用 Markdown语法编辑文本内容，在导图节点内输入一个井号 # 加空格，可快速添加一级标题样式，输入一个星号 * 加空格，可添加无序列表。

除了 Markdown 编辑，boardmix 博思白板还提供了另外一种快速设置文本样式的方式：

输入斜杠 / 或是中文输入法下的顿号 、(这两个是同一个按键)，可以呼出下图的样式面板，选择任意一个选项，即可快速插入对应的文本样式。

需要说明的是，在斜杠 / 后面输入相应的快捷指令，例如 /H1，也能添加快捷指令对应的一级标题样式。

在 博思白板上做思维导图的好处是，你可以使用除了思维导图之外的所有白板功能，而且你的思维导图不仅仅局限于文本，将白板上的所有内容组合成一个没有限制的多媒体思维导图。

将博思白板上已有的图片拖拽到导图节点上方，待图片显示下方被覆盖的节点形状并松手，就能在导图节点中插入图片。

除了拖拽添加图片的操作，我们还可以选中任意一个导图节点，在上方弹出的菜单，选择「插入图片」，可以将本地图片上传插入节点中。

对于插入导图节点的图片，我们还可以自由调整其大小，点击选中导图节点中的图片，长按拖拽图片右下角的锚点，可以自行更改图片的大小。

在前面介绍的 2 种添加图片的方法之外，我们还可以按回答最开始提到的，在图片与导图节点之间添加「连接线」，将两者关联起来。

点击 博思白板左侧菜单栏的「连接线」，从导图节点的末端出发，绘制一条指向图片的连接线，就能将导图节点和图片关联在一起。

连接线的方向默认为自右向左，我们通过连接线上方的菜单，更改连接线的线形和方向。

并且，当我们拖拽导图主节点移动导图的位置时，通过连接线连接的图片也会自动跟随，不会出现图片与导图节点失去链接的情况。

虽然在最开始创建导图时，需要确定导图的主题样式，但在后续编辑导图的过程中，我们可以随时更改思维导图的配色：

选中导图主节点，点击上方菜单最左侧的「导图主题」选项，在弹出的面板，可以重新更改导图所使用的主题样式！

除了前面介绍的功能，博思白板的导图功能最近还增加了一个特性：思维导图一键转表格，支持将思维导图转换为结构化的表格，并且转换得到的表格支持二次编辑，这样一来，boardmix导图适配的场景就更加广泛啦~

点击在 boardmix 中创建的思维导图的主题节点，即下图写着「博思白板」的节点，接着点击上方「转成表格」的选项，弹出的面板提供了 2 个选项：

下图右侧是选择了「生成：表格列模式」转换得到的表格，每个节点的内容会被「放到」一个单元格中，为了让大家看清导图节点和表格单元格的对应关系，小博还用 boardmix 内置的「连接线」工具，划了几条曲线~

作为对比，小博还选择了「生成：表格行模式」，导图转换得到的表格如下图右侧所示，与「生成：表格列模式」的区别在于，导图主题节点生成的单元格所在的位置，一个在最左侧，一个在最上方，其他则是一致的。

boardmix思维导图转换得到的表格，可在博思白板中直接进行编辑，无需下载到本地、使用其他软件编辑。

单击选中任意一个单元格，在上方弹出的选项，可以更改单元格的填充颜色、文本内容的样式、字体、字号、对齐方式、文本颜色和背景色等。

在选中整个表格的情况下，点击表格上方的选项，可以更改表格的全局样式，例如更改整个表格的填充颜色、字号大小等。

编辑好表格的内容，如果想把表格导出下载到本地，可以右击表格，选择「导出」，在弹出的面板，选择导出的文件格式——PDF、图片或 SVG。

当我们选择导出为图片文件时，点击下方的「分辨率」选项，可以调整导出图片的分辨率，更改为 200% 或 300%，可以导出更为清晰的图片。

码字不易，如果对你有帮助的话，请别忘了双击屏幕赏个【三连】或是【关注】小博哦，关注不迷路！

我是小博 @boardmix博思白板，那我们下次再见咯。

想了解 boardmix博思白板的更多用法，可以查看下面的内容：

如何用boardmix博思白板绘制人物关系图？

如何从一个运营人员的角度，来写竞品分析？

如何用boardmix博思白板绘制流程图？

如何用boardmix博思白板进行项目管理？

如何用boardmix在线制作个人简历？