Original link: https://java4u.cn/tools/1602.html
Source l Snail Internet (ID: woniu_internet)
For reprint, please contact authorization (WeChat ID: 919201148)
foreword
I believe that many programmer friends are using Markdown . I came across it when I was looking for an internship in my junior year, and my resume was written in Markdown.
The advantage of Markdown is that it can focus on codewords and also take into account the typesetting . You don’t need to move the mouse to make the text bold like word. The experience is very good.
Its disadvantage is that its visualization ability is very weak, which reduces the efficiency of information dissemination . After all, people are more receptive to image content than text.
In terms of visual expression, mind maps are very good. As a graphical tool, it helps us better remember, learn and think by organizing topics in a hierarchical and divergent manner .
But in the past, these two types of tools were independent of each other, that is, after you wrote the Markdown text, if you want to visually convey some key points to the readers, you need to re-enter the mind map, so it is more cumbersome, which is why I don’t use it much. The reason for mind mapping.
However, recently I found a very useful tool that can solve the above problems very well, and I will share it with you here. The following is the mind map corresponding to the key content of this article, which is generated with this tool.
The focus of this article
markmap-tool introduction
This tool is called markmap [1] .
markmap can visualize the text of Markdown syntax through mind map . The following is a screenshot of the official website. The name markmap comes from the first half of markdown and the second half of mindmap. slogan is Visualize your Markdown with mindmaps.
Official website page
tool usage
online version
If you don’t want to install anything, you can directly visit https://ift.tt/tGWVBZY on your browser (chrome browser is recommended) to follow the official website template for conversion, as shown below. Enter the Markdown text on the left, and the mind map will be displayed in real time on the right.
use page
Links in Markdown syntax, bold, strikethrough, italics, single-line code, code blocks, mathematical formulas, and converted into mind maps have corresponding view effects. And supports downloading and generating dynamic html files and svg files.
The dynamic effect is as shown in the figure below, which can be folded and opened.
dynamic effect
Offline version
If you want to have a better user experience and want to be able to use it even when the network is disconnected, then I recommend the following solution.
Install the markmap plugin [2] on Visual Studio Code, as shown below.
vscode using plugins
Edit Markdown text, the file name ends with .mm.md and you can use it, and you can click the “export” button in the lower right corner to export the dynamic html file.
vscode user interface
This tool is simple and easy to use. If it is useful to you, you can give me a like and share it with your friends. I am very grateful to my readers and friends, and welcome to follow me . I will share more high- quality original content .
Welcome to follow me
Citation link
[1] markmap: https://markmap.js.org/
[2] markmap plugin: https://marketplace.visualstudio.com/items?itemName=gera2ld.markmap-vscode
For more resources, please bookmark: Java for You
This article is transferred from: https://java4u.cn/tools/1602.html
This site is for inclusion only, and the copyright belongs to the original author.