当前位置:网站首页>Markmap!!!

Markmap!!!

2020-12-07 16:05:29 Senior brother Wu, programmer

The official account is concerned  “ Five minutes to learn the algorithm ”

Set to “ Star standard ”, I'll take you to dig more and develop artifact !

Preface

I believe that many programmers are using  Markdown  Well , I came into contact with when I was a junior when I was looking for an internship , Resume is to use Markdown Written .

Markdown Are the benefits of Focus on code, but also take into account typesetting , Don't look like word In that case, it needs to move the mouse if the text is thick , Very good experience .

Its disadvantage is that the visualization ability is very weak , This is It reduces the efficiency of information dissemination , After all, people are more receptive to pictorial content than text .

Visual expression , Mind maps are great . It works as a visualization tool , adopt Organize the theme hierarchically and divergently , Help us remember better 、 Learning and thinking .

But in the past , These two kinds of tools are independent , That's when you finish writing Markdown Text , Want to visually convey some key points to the reader , You need to re-enter the mind map , So it's complicated , That's why I don't use mind maps very much .

But recently I found a tool that works well , It can solve the above problems very well , Let's share with you . The following is the corresponding mind map of the key content of this paper , It's generated with this tool .

This paper mainly

Tool is introduced

This tool is called  markmap[1].

markmap Can be  Markdown Grammar text is visualized by mind mapping . Here is a screenshot of the official website ,markmap The name comes from markdown First half of and mindmap The second half of ,slogan yes  Visualize your Markdown with mindmaps .

Official website page

Tool use

Online version

If you don't want to install anything , That can go straight to the browser ( Suggest chrome browser ) Visit https://markmap.js.org/repl You can copy the official website template for conversion , Here's the picture . Input on the left Markdown Text , The mind map is displayed in real time on the right .

Use page

Markdown Links in grammar , In bold , Delete line , Italics , Single line code , Code block , The mathematical formula , Converting to mind maps has a corresponding view effect . And support download generation dynamic html Files and svg file .

The dynamic effect is shown in the figure below , It can be folded and opened .

Dynamic effect

Offline version

If you want to have a better experience , And hope to be able to use when the network is disconnected , Then I recommend the following plan .

stay Visual Studio Code Installation on  markmap plug-in unit [2], Here's the picture .

vscode The use of plug-in

edit Markdown Text , File name to  .mm.md  At the end, you can use , And you can click in the lower right corner 「export」 Button to export dynamic html file .

vscode User interface

This tool is simple and easy to use , If it works for you , Remember to give me some “ Looking at ”, By the way, share it with your friends , thank !


Reference link

[1] markmap: https://markmap.js.org/
[2] markmap plug-in unit : https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode

版权声明
本文为[Senior brother Wu, programmer]所创,转载请带上原文链接,感谢
https://chowdera.com/2020/12/20201207160347945t.html