将读书笔记自动生成思维导图（Markdown）

文章目录

引言
一、用 markdown 整理读书笔记
- （一）从电子书导出笔记
- （二）自己整理读书笔记
二、自动生成思维导图
- 方法①：xmind 自动导入 markdown
- 方法②：借助 markmap 插件
结语
参考链接

引言

我们在看书、学习课程的时候，常常会记笔记，为了形成更加结构化的记忆，就会用到思维导图。

#mermaid-svg-4m8jEIZrM8smTbs2 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .label text{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .node rect,#mermaid-svg-4m8jEIZrM8smTbs2 .node circle,#mermaid-svg-4m8jEIZrM8smTbs2 .node ellipse,#mermaid-svg-4m8jEIZrM8smTbs2 .node polygon,#mermaid-svg-4m8jEIZrM8smTbs2 .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-4m8jEIZrM8smTbs2 .node .label{text-align:center;fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .node.clickable{cursor:pointer}#mermaid-svg-4m8jEIZrM8smTbs2 .arrowheadPath{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-4m8jEIZrM8smTbs2 .flowchart-link{stroke:#333;fill:none}#mermaid-svg-4m8jEIZrM8smTbs2 .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-4m8jEIZrM8smTbs2 .edgeLabel rect{opacity:0.9}#mermaid-svg-4m8jEIZrM8smTbs2 .edgeLabel span{color:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-4m8jEIZrM8smTbs2 .cluster text{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-4m8jEIZrM8smTbs2 .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-4m8jEIZrM8smTbs2 text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-4m8jEIZrM8smTbs2 .actor-line{stroke:grey}#mermaid-svg-4m8jEIZrM8smTbs2 .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-4m8jEIZrM8smTbs2 #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .sequenceNumber{fill:#fff}#mermaid-svg-4m8jEIZrM8smTbs2 #sequencenumber{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 #crosshead path{fill:#333;stroke:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .messageText{fill:#333;stroke:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-4m8jEIZrM8smTbs2 .labelText,#mermaid-svg-4m8jEIZrM8smTbs2 .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-4m8jEIZrM8smTbs2 .loopText,#mermaid-svg-4m8jEIZrM8smTbs2 .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-4m8jEIZrM8smTbs2 .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-4m8jEIZrM8smTbs2 .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-4m8jEIZrM8smTbs2 .noteText,#mermaid-svg-4m8jEIZrM8smTbs2 .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-4m8jEIZrM8smTbs2 .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-4m8jEIZrM8smTbs2 .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-4m8jEIZrM8smTbs2 .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-4m8jEIZrM8smTbs2 .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 .section{stroke:none;opacity:0.2}#mermaid-svg-4m8jEIZrM8smTbs2 .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-4m8jEIZrM8smTbs2 .section2{fill:#fff400}#mermaid-svg-4m8jEIZrM8smTbs2 .section1,#mermaid-svg-4m8jEIZrM8smTbs2 .section3{fill:#fff;opacity:0.2}#mermaid-svg-4m8jEIZrM8smTbs2 .sectionTitle0{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .sectionTitle1{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .sectionTitle2{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .sectionTitle3{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-4m8jEIZrM8smTbs2 .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 .grid path{stroke-width:0}#mermaid-svg-4m8jEIZrM8smTbs2 .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-4m8jEIZrM8smTbs2 .task{stroke-width:2}#mermaid-svg-4m8jEIZrM8smTbs2 .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 .taskText:not([font-size]){font-size:11px}#mermaid-svg-4m8jEIZrM8smTbs2 .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-4m8jEIZrM8smTbs2 .task.clickable{cursor:pointer}#mermaid-svg-4m8jEIZrM8smTbs2 .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-4m8jEIZrM8smTbs2 .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-4m8jEIZrM8smTbs2 .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-4m8jEIZrM8smTbs2 .taskText0,#mermaid-svg-4m8jEIZrM8smTbs2 .taskText1,#mermaid-svg-4m8jEIZrM8smTbs2 .taskText2,#mermaid-svg-4m8jEIZrM8smTbs2 .taskText3{fill:#fff}#mermaid-svg-4m8jEIZrM8smTbs2 .task0,#mermaid-svg-4m8jEIZrM8smTbs2 .task1,#mermaid-svg-4m8jEIZrM8smTbs2 .task2,#mermaid-svg-4m8jEIZrM8smTbs2 .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-4m8jEIZrM8smTbs2 .taskTextOutside0,#mermaid-svg-4m8jEIZrM8smTbs2 .taskTextOutside2{fill:#000}#mermaid-svg-4m8jEIZrM8smTbs2 .taskTextOutside1,#mermaid-svg-4m8jEIZrM8smTbs2 .taskTextOutside3{fill:#000}#mermaid-svg-4m8jEIZrM8smTbs2 .active0,#mermaid-svg-4m8jEIZrM8smTbs2 .active1,#mermaid-svg-4m8jEIZrM8smTbs2 .active2,#mermaid-svg-4m8jEIZrM8smTbs2 .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-4m8jEIZrM8smTbs2 .activeText0,#mermaid-svg-4m8jEIZrM8smTbs2 .activeText1,#mermaid-svg-4m8jEIZrM8smTbs2 .activeText2,#mermaid-svg-4m8jEIZrM8smTbs2 .activeText3{fill:#000 !important}#mermaid-svg-4m8jEIZrM8smTbs2 .done0,#mermaid-svg-4m8jEIZrM8smTbs2 .done1,#mermaid-svg-4m8jEIZrM8smTbs2 .done2,#mermaid-svg-4m8jEIZrM8smTbs2 .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-4m8jEIZrM8smTbs2 .doneText0,#mermaid-svg-4m8jEIZrM8smTbs2 .doneText1,#mermaid-svg-4m8jEIZrM8smTbs2 .doneText2,#mermaid-svg-4m8jEIZrM8smTbs2 .doneText3{fill:#000 !important}#mermaid-svg-4m8jEIZrM8smTbs2 .crit0,#mermaid-svg-4m8jEIZrM8smTbs2 .crit1,#mermaid-svg-4m8jEIZrM8smTbs2 .crit2,#mermaid-svg-4m8jEIZrM8smTbs2 .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-4m8jEIZrM8smTbs2 .activeCrit0,#mermaid-svg-4m8jEIZrM8smTbs2 .activeCrit1,#mermaid-svg-4m8jEIZrM8smTbs2 .activeCrit2,#mermaid-svg-4m8jEIZrM8smTbs2 .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-4m8jEIZrM8smTbs2 .doneCrit0,#mermaid-svg-4m8jEIZrM8smTbs2 .doneCrit1,#mermaid-svg-4m8jEIZrM8smTbs2 .doneCrit2,#mermaid-svg-4m8jEIZrM8smTbs2 .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-4m8jEIZrM8smTbs2 .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-4m8jEIZrM8smTbs2 .milestoneText{font-style:italic}#mermaid-svg-4m8jEIZrM8smTbs2 .doneCritText0,#mermaid-svg-4m8jEIZrM8smTbs2 .doneCritText1,#mermaid-svg-4m8jEIZrM8smTbs2 .doneCritText2,#mermaid-svg-4m8jEIZrM8smTbs2 .doneCritText3{fill:#000 !important}#mermaid-svg-4m8jEIZrM8smTbs2 .activeCritText0,#mermaid-svg-4m8jEIZrM8smTbs2 .activeCritText1,#mermaid-svg-4m8jEIZrM8smTbs2 .activeCritText2,#mermaid-svg-4m8jEIZrM8smTbs2 .activeCritText3{fill:#000 !important}#mermaid-svg-4m8jEIZrM8smTbs2 .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-4m8jEIZrM8smTbs2 g.classGroup text .title{font-weight:bolder}#mermaid-svg-4m8jEIZrM8smTbs2 g.clickable{cursor:pointer}#mermaid-svg-4m8jEIZrM8smTbs2 g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-4m8jEIZrM8smTbs2 g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-4m8jEIZrM8smTbs2 .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-4m8jEIZrM8smTbs2 .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-4m8jEIZrM8smTbs2 .dashed-line{stroke-dasharray:3}#mermaid-svg-4m8jEIZrM8smTbs2 #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 .commit-id,#mermaid-svg-4m8jEIZrM8smTbs2 .commit-msg,#mermaid-svg-4m8jEIZrM8smTbs2 .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-4m8jEIZrM8smTbs2 g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-4m8jEIZrM8smTbs2 g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-4m8jEIZrM8smTbs2 g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-4m8jEIZrM8smTbs2 .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-4m8jEIZrM8smTbs2 .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-4m8jEIZrM8smTbs2 .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-4m8jEIZrM8smTbs2 .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-4m8jEIZrM8smTbs2 .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-4m8jEIZrM8smTbs2 .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-4m8jEIZrM8smTbs2 .edgeLabel text{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-4m8jEIZrM8smTbs2 .node circle.state-start{fill:black;stroke:black}#mermaid-svg-4m8jEIZrM8smTbs2 .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-4m8jEIZrM8smTbs2 #statediagram-barbEnd{fill:#9370db}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-state .divider{stroke:#9370db}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-4m8jEIZrM8smTbs2 .note-edge{stroke-dasharray:5}#mermaid-svg-4m8jEIZrM8smTbs2 .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-4m8jEIZrM8smTbs2 .error-icon{fill:#522}#mermaid-svg-4m8jEIZrM8smTbs2 .error-text{fill:#522;stroke:#522}#mermaid-svg-4m8jEIZrM8smTbs2 .edge-thickness-normal{stroke-width:2px}#mermaid-svg-4m8jEIZrM8smTbs2 .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-4m8jEIZrM8smTbs2 .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-4m8jEIZrM8smTbs2 .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-4m8jEIZrM8smTbs2 .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-4m8jEIZrM8smTbs2 .marker{fill:#333}#mermaid-svg-4m8jEIZrM8smTbs2 .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-4m8jEIZrM8smTbs2 {color: rgba(0, 0, 0, 0.75);font: ;}

阅读书籍

结构化大纲

思维导图

课程学习

那么如何把笔记生成思维导图的形式呢？

画图总是一件费时费力的事情，最好不用自己动手去画思维导图。

现在有很多软件可以支持自动生成思维导图，写完笔记直接生成即可，是不是很方便？

如果你已经有 markdown 格式的笔记，可以直接跳到第二节。

一、用 markdown 整理读书笔记

#mermaid-svg-hTVzsNLXKdfFBmDU .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .label text{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .node rect,#mermaid-svg-hTVzsNLXKdfFBmDU .node circle,#mermaid-svg-hTVzsNLXKdfFBmDU .node ellipse,#mermaid-svg-hTVzsNLXKdfFBmDU .node polygon,#mermaid-svg-hTVzsNLXKdfFBmDU .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-hTVzsNLXKdfFBmDU .node .label{text-align:center;fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .node.clickable{cursor:pointer}#mermaid-svg-hTVzsNLXKdfFBmDU .arrowheadPath{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-hTVzsNLXKdfFBmDU .flowchart-link{stroke:#333;fill:none}#mermaid-svg-hTVzsNLXKdfFBmDU .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-hTVzsNLXKdfFBmDU .edgeLabel rect{opacity:0.9}#mermaid-svg-hTVzsNLXKdfFBmDU .edgeLabel span{color:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-hTVzsNLXKdfFBmDU .cluster text{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-hTVzsNLXKdfFBmDU .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-hTVzsNLXKdfFBmDU text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-hTVzsNLXKdfFBmDU .actor-line{stroke:grey}#mermaid-svg-hTVzsNLXKdfFBmDU .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-hTVzsNLXKdfFBmDU #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .sequenceNumber{fill:#fff}#mermaid-svg-hTVzsNLXKdfFBmDU #sequencenumber{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU #crosshead path{fill:#333;stroke:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .messageText{fill:#333;stroke:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-hTVzsNLXKdfFBmDU .labelText,#mermaid-svg-hTVzsNLXKdfFBmDU .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-hTVzsNLXKdfFBmDU .loopText,#mermaid-svg-hTVzsNLXKdfFBmDU .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-hTVzsNLXKdfFBmDU .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-hTVzsNLXKdfFBmDU .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-hTVzsNLXKdfFBmDU .noteText,#mermaid-svg-hTVzsNLXKdfFBmDU .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-hTVzsNLXKdfFBmDU .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-hTVzsNLXKdfFBmDU .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-hTVzsNLXKdfFBmDU .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-hTVzsNLXKdfFBmDU .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU .section{stroke:none;opacity:0.2}#mermaid-svg-hTVzsNLXKdfFBmDU .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-hTVzsNLXKdfFBmDU .section2{fill:#fff400}#mermaid-svg-hTVzsNLXKdfFBmDU .section1,#mermaid-svg-hTVzsNLXKdfFBmDU .section3{fill:#fff;opacity:0.2}#mermaid-svg-hTVzsNLXKdfFBmDU .sectionTitle0{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .sectionTitle1{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .sectionTitle2{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .sectionTitle3{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-hTVzsNLXKdfFBmDU .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU .grid path{stroke-width:0}#mermaid-svg-hTVzsNLXKdfFBmDU .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-hTVzsNLXKdfFBmDU .task{stroke-width:2}#mermaid-svg-hTVzsNLXKdfFBmDU .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU .taskText:not([font-size]){font-size:11px}#mermaid-svg-hTVzsNLXKdfFBmDU .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-hTVzsNLXKdfFBmDU .task.clickable{cursor:pointer}#mermaid-svg-hTVzsNLXKdfFBmDU .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-hTVzsNLXKdfFBmDU .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-hTVzsNLXKdfFBmDU .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-hTVzsNLXKdfFBmDU .taskText0,#mermaid-svg-hTVzsNLXKdfFBmDU .taskText1,#mermaid-svg-hTVzsNLXKdfFBmDU .taskText2,#mermaid-svg-hTVzsNLXKdfFBmDU .taskText3{fill:#fff}#mermaid-svg-hTVzsNLXKdfFBmDU .task0,#mermaid-svg-hTVzsNLXKdfFBmDU .task1,#mermaid-svg-hTVzsNLXKdfFBmDU .task2,#mermaid-svg-hTVzsNLXKdfFBmDU .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-hTVzsNLXKdfFBmDU .taskTextOutside0,#mermaid-svg-hTVzsNLXKdfFBmDU .taskTextOutside2{fill:#000}#mermaid-svg-hTVzsNLXKdfFBmDU .taskTextOutside1,#mermaid-svg-hTVzsNLXKdfFBmDU .taskTextOutside3{fill:#000}#mermaid-svg-hTVzsNLXKdfFBmDU .active0,#mermaid-svg-hTVzsNLXKdfFBmDU .active1,#mermaid-svg-hTVzsNLXKdfFBmDU .active2,#mermaid-svg-hTVzsNLXKdfFBmDU .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-hTVzsNLXKdfFBmDU .activeText0,#mermaid-svg-hTVzsNLXKdfFBmDU .activeText1,#mermaid-svg-hTVzsNLXKdfFBmDU .activeText2,#mermaid-svg-hTVzsNLXKdfFBmDU .activeText3{fill:#000 !important}#mermaid-svg-hTVzsNLXKdfFBmDU .done0,#mermaid-svg-hTVzsNLXKdfFBmDU .done1,#mermaid-svg-hTVzsNLXKdfFBmDU .done2,#mermaid-svg-hTVzsNLXKdfFBmDU .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-hTVzsNLXKdfFBmDU .doneText0,#mermaid-svg-hTVzsNLXKdfFBmDU .doneText1,#mermaid-svg-hTVzsNLXKdfFBmDU .doneText2,#mermaid-svg-hTVzsNLXKdfFBmDU .doneText3{fill:#000 !important}#mermaid-svg-hTVzsNLXKdfFBmDU .crit0,#mermaid-svg-hTVzsNLXKdfFBmDU .crit1,#mermaid-svg-hTVzsNLXKdfFBmDU .crit2,#mermaid-svg-hTVzsNLXKdfFBmDU .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-hTVzsNLXKdfFBmDU .activeCrit0,#mermaid-svg-hTVzsNLXKdfFBmDU .activeCrit1,#mermaid-svg-hTVzsNLXKdfFBmDU .activeCrit2,#mermaid-svg-hTVzsNLXKdfFBmDU .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-hTVzsNLXKdfFBmDU .doneCrit0,#mermaid-svg-hTVzsNLXKdfFBmDU .doneCrit1,#mermaid-svg-hTVzsNLXKdfFBmDU .doneCrit2,#mermaid-svg-hTVzsNLXKdfFBmDU .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-hTVzsNLXKdfFBmDU .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-hTVzsNLXKdfFBmDU .milestoneText{font-style:italic}#mermaid-svg-hTVzsNLXKdfFBmDU .doneCritText0,#mermaid-svg-hTVzsNLXKdfFBmDU .doneCritText1,#mermaid-svg-hTVzsNLXKdfFBmDU .doneCritText2,#mermaid-svg-hTVzsNLXKdfFBmDU .doneCritText3{fill:#000 !important}#mermaid-svg-hTVzsNLXKdfFBmDU .activeCritText0,#mermaid-svg-hTVzsNLXKdfFBmDU .activeCritText1,#mermaid-svg-hTVzsNLXKdfFBmDU .activeCritText2,#mermaid-svg-hTVzsNLXKdfFBmDU .activeCritText3{fill:#000 !important}#mermaid-svg-hTVzsNLXKdfFBmDU .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-hTVzsNLXKdfFBmDU g.classGroup text .title{font-weight:bolder}#mermaid-svg-hTVzsNLXKdfFBmDU g.clickable{cursor:pointer}#mermaid-svg-hTVzsNLXKdfFBmDU g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-hTVzsNLXKdfFBmDU g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-hTVzsNLXKdfFBmDU .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-hTVzsNLXKdfFBmDU .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-hTVzsNLXKdfFBmDU .dashed-line{stroke-dasharray:3}#mermaid-svg-hTVzsNLXKdfFBmDU #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU .commit-id,#mermaid-svg-hTVzsNLXKdfFBmDU .commit-msg,#mermaid-svg-hTVzsNLXKdfFBmDU .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-hTVzsNLXKdfFBmDU g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-hTVzsNLXKdfFBmDU g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-hTVzsNLXKdfFBmDU g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-hTVzsNLXKdfFBmDU .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-hTVzsNLXKdfFBmDU .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-hTVzsNLXKdfFBmDU .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-hTVzsNLXKdfFBmDU .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-hTVzsNLXKdfFBmDU .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-hTVzsNLXKdfFBmDU .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-hTVzsNLXKdfFBmDU .edgeLabel text{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-hTVzsNLXKdfFBmDU .node circle.state-start{fill:black;stroke:black}#mermaid-svg-hTVzsNLXKdfFBmDU .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-hTVzsNLXKdfFBmDU #statediagram-barbEnd{fill:#9370db}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-state .divider{stroke:#9370db}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-hTVzsNLXKdfFBmDU .note-edge{stroke-dasharray:5}#mermaid-svg-hTVzsNLXKdfFBmDU .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-hTVzsNLXKdfFBmDU .error-icon{fill:#522}#mermaid-svg-hTVzsNLXKdfFBmDU .error-text{fill:#522;stroke:#522}#mermaid-svg-hTVzsNLXKdfFBmDU .edge-thickness-normal{stroke-width:2px}#mermaid-svg-hTVzsNLXKdfFBmDU .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-hTVzsNLXKdfFBmDU .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-hTVzsNLXKdfFBmDU .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-hTVzsNLXKdfFBmDU .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-hTVzsNLXKdfFBmDU .marker{fill:#333}#mermaid-svg-hTVzsNLXKdfFBmDU .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-hTVzsNLXKdfFBmDU {color: rgba(0, 0, 0, 0.75);font: ;}

电子书

导出划线笔记

替换标题符号

生成markdown格式

实体书

自己整理归纳

结构化笔记

（一）从电子书导出笔记

如果你用的是电子书，比如 wx读书，可以直接导出全部笔记。

复制所选的划线笔记：

然后对笔记文本进行标号的预处理，以生成 markdown 文档，以 *.md 为文件后缀名保存。如果你对 markdown 不熟悉，可以参考一些 markdown语法教程。

md 文件主要是用不同个数的 # 符号代表不同级的标题，来组织笔记的层次结构：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

例如，wx读书导出的章节标题以◆符号开头，可以替换为#开头。
小标题的开头 <<符号，可以替换为 ## 开头。
章节内的具体文本，可以根据你的需要，用更次级的标题 ### 或 - 进行组织。

（二）自己整理读书笔记

如果你用的是纸质书，可以考虑用 OCR 软件提取文字，或者自己手动整理成 markdown 或其他大纲格式。

从笔记效果来说，自己亲自整体、归纳的笔记内容，肯定比直接复制粘贴的划线内容效果好，结构化体系也更符合你自己的逻辑。

二、自动生成思维导图

markdown 笔记文件准备好了，就可以用不同软件直接生成思维导图。

如果需要对思维导图的样式进行拖拽调整，推荐使用 xmind。
如果需要所见即所得，同步修改 markdown，推荐使用 markmap。

方法①：xmind 自动导入 markdown

xmind 是大名鼎鼎的思维导图软件了，样式丰富，体验流畅。免费版已经基本够用。

打开 xmind 软件，文件——导入——Markdown，选择你的笔记文件。
导入 markdown 文件，或者你用来记录读书笔记的其他格式，xmind 就会自动生成思维导图，你可以在图上直接拖拽修改，并重新保存markdown。
保存并导出。文件——导出——pdf 或你想保存的其他格式。

方法②：借助 markmap 插件

VSCode 默认集成了 Markdown 文档编辑插件，原生就支持高亮 Markdown 的语法。
如果要打开 VSCode 的中 Markdown 的实时预览， Ctrl+Shift+P 打开命令面板，输入 Markdown: Open Preview to the Side 即可在侧边看到文档的预览。

如果你有 VSCode，可以安装 markmap插件，支持实时编辑文本，自动在侧边栏生成思维导图，所见即所得。

使用步骤如下：

用 vscode 打开你的 markdown 笔记。文件——打开文件。
点击vscode右上角标题栏的图标，markmap 将即时更新。一半是markdown原文，一半是markmap自动生成的思维导图。
导出思维导图。点击右下方的 Export 按钮，即可以保存思维导图（Html 格式）。

结语

markdown 格式已经成为主流的文本格式之一，结合各种工具，可以自动生成漂亮的思维导图。省时省力，提高效率，工作学习必备。

参考链接

https://www.xmind.cn/
https://weread.qq.com/
https://www.runoob.com/markdown/md-tutorial.html
https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode

将读书笔记自动生成思维导图（Markdown）相关推荐

极简大纲笔记 | 一键生成思维导图 mubu
幕布,不只是大纲笔记,更是一种思考方式. 在幕布中,大纲笔记与思维导图可以一键转换,再也不需要为思维导图的编辑而头疼幕布帮你将宝贵的精力节省下来,让你专注于内容创作. 幕布的几个优点: 思维导图,超 ...
《朝花夕拾》读书笔记|主要内容思维导图
暑期很多老师都会布置阅读名著的作业,<朝花夕拾>是七年级的必读名著,其中的<从百草园到三味书屋>更是被收录在语文课本里,要求精读.那么今天小编就给大家分享一下[树图思维导图]模 ...
兰小欢《置身事内》读书笔记，含思维导图（PDF+epub+mobi+azw3分享）
大家好,我是涨官先生. 今天来给大家分享一本2021年豆瓣商业类排名第一的书--<置身事内:中国政府与经济发展,作者是复旦大学中国社会主义市场经济研究中心.经济学院副教授,上海国际金融与经济研究 ...
如何让你的Typora笔记利用xmind离线自动生成思维导图
作者:虚坏叔叔博客:https://xuhss.com 早餐店不会开到晚上,想吃的人早就来了!
xman的思维导图快捷键_一次性入门大纲笔记神器“幕布”，支持一键生成思维导图...
很多人都有记笔记的习惯,我们的老师经常教导我们"上课要记笔记".其实老师说的不做,只不过我们大部分人并没有按照老师的要求去做,或者把老师的要求当做一种"作业"来 ...
一次性入门大纲笔记神器“幕布”，支持一键生成思维导图
很多人都有记笔记的习惯,我们的老师经常教导我们"上课要记笔记".其实老师说的不做,只不过我们大部分人并没有按照老师的要求去做,或者把老师的要求当做一种"作业"来 ...
亿图AI助手一键生成思维导图，捕捉万千灵感，快速出彩！
短短几个月,AIGC(AI-Generated Content)人工智能生成内容,就像一场惊涛骇浪席卷了全球,AIGC会改变人类创作者与工具之间的协作关系,形成新的分工方式. 不久前,亿图软件上线了一 ...
一句话生成思维导图，【ProcessOn AI 功能上线】
一句话生成思维导图,[ProcessOn AI 功能上线] AI 思维导图已经越来,让思考和创作更加简单!就像一个新魔法一样,打开了我们的新世界! 只需输入关键词,即可就会生成一张完整的思维导图. P ...
ChatGPT自动化提高工作效率： 2分钟快速生成思维导图
一.简要说明 ChatGPT不止是一个聊天机器人,更是一个自然语言处理.文本内容生成模型,它可以理解语言规则,不仅仅是给你输出已有的知识内容,还会给到你一些创意点子:所以我们应该学会如何使用它,让它更 ...
【xmind】使用 Java 生成思维导图
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:你这代码写得真丑,满屏的try-catch,全局异常处理不会吗?个人原创+1博客:点击前往,查看更多前言在日 ...

将读书笔记自动生成思维导图（Markdown）

文章目录

引言