你可能也遇到过这种情况：在豆包AI里辛苦整理完脑图，密密麻麻的总结信息堆在一起，想直接复制给同事或朋友，结果格式全部乱掉。其实有个实用技巧——把总结内容以代码块形式展示，瞬间让文字变得结构清晰、一目了然。下面直接上干货，三个方法外加一个美化技巧，几步就能搞定。

确认脑图组件已启用总结功能

先确保基础功能处于开启状态。打开豆包AI网页版，进入「脑图」工作区，新建或打开已有脑图，点击右上角「设置」图标（那个齿轮），勾选「自动生成总结」并保存。这一步是前提——如果没开启，脑图右下角根本不会出现「总结」标签页，后续所有代码化操作都无法进行。

导出总结为代码格式的三种方法

方法一：使用内置「代码视图」切换按钮

在脑图编辑界面右下角找到「总结」标签页并展开，页面顶部会出现「文本」「代码」「表格」三个视图按钮。直接点击「代码」——系统会自动把总结信息按层级缩进、添加注释符号（//），并包裹在三重反引号里展示。操作非常简单，点一下即可。

方法二：手动复制后套用Markdown代码块语法

先在「总结」标签页点击「复制全文」，然后新建一个纯文本编辑器（比如记事本、VS Code），把内容粘贴进去，接着在内容前后分别加上 ```text 和 ```，最后保存为 .md 文件。注意：千万别用Word这类富文本编辑器，【Word会自动把反引号替换成中文引号，导致代码块失效】。

方法三：调用豆包API获取原始JSON再格式化

这种方法适合批量处理多个脑图。先开通豆包开发者权限，在脑图详情页点击「…」，选择「获取API链接」，用curl或Postman发送GET请求，从响应体中提取 summary.content 字段，再用Python执行 json.dumps(summary_json, indent=2, ensure_ascii=False)，输出即可得到标准缩进代码格式。首次配置API密钥大约需要5分钟以上，但后续可一劳永逸。

调整代码块内字体与配色（仅限网页端）

如果你觉得默认的代码块样式不够美观，还可以手动调整。右键点击已切换至「代码」视图的总结区域，选择「检查元素」，在开发者工具中定位到

 标签。然后在右侧Styles面板里新增两条CSS规则：font-family: 'JetBrains Mono', 'Fira Code', monospace; 以及 color: #2a5298;。回车生效后刷新页面，代码块就会变成深蓝文字加等宽字体的效果。这一步字体声明不能省略，否则浏览器默认使用衬线字体，代码可读性会大打折扣。