This is the 27th day of my participation in the August More Text Challenge

A lifelong learner, practitioner and sharer committed to the path of technology, a busy and occasionally lazy original blogger, an occasionally boring and occasionally humorous teenager.

Welcome to dig friends wechat search “Jie Ge’s IT journey” attention!

This is awesome, Markdown can generate a mind map in just a few lines!

Hello, I’m JackTian.

My first experience with the Markdown editor came during my days running the public account.

Markdown

I started out with a messy layout and a Markdown editor that I had never heard of. As time went on and I got to know the big guys in the industry and learned from them, I started to move away from rich text editors and embrace Markdown editors.

First, why did I embrace the Markdown editor? Friends who often write know that before using rich text editor, the written article will go through a series of operations such as adjusting the style and modifying repeatedly. Although it looks not difficult, when an article is adjusted repeatedly, it feels very tedious, so it takes a long time in the article typesetting.

Later, I came across the Markdown editor. After using it for some time, I found that the basic syntax of Markdown editor could meet my daily writing and typesetting. However, the downside of the Markdown editor is that the text structure it supports is limited.

Markdown editors do not have the ability to style tags and therefore rely on third-party parsing and rendering, so the style rendering of Markdown syntax varies from Markdown editor to Markdown editor.

For some writers, there is no too much fancy design for article typeset, and Markdown’s basic syntax and text structure are different from those of the third party. They can also choose an editor suitable for themselves according to their own needs, whose syntax and text structure are unified. So you don’t have to worry about typography and design as you write and how it turns out, so that’s one of the reasons I embraced Markdown.

Mind mapping

Mind mapping, giving my first feeling is one of the things to mind their own detailed split, with the emphasis, the key point to carry on the list, make to others see, is very clear, generally through a piece of mind mapping can know you what this article is divided into parts and so on, mind mapping has become a tool for daily efficiency.

When I wrote an iPtables article, I used a mind map to divide the structure and sub-frame of an article into content points. For example, the structure is divided into title, sub-title, sub-title content, sub-title content, and sub-title content.

For mind mapping, I recommend two tools THAT I’ve been using.

  • Curtain: mubu.com/
  • processon：www.processon.com/

In short, no matter which way you draw a mind map, the ultimate goal is to render it efficiently. Usually, the edited mind map is exported, saved and shared with others. But sometimes, because the content level of the map drawing is too much, it takes up a lot of screen, and even some fonts after amplification can be seen blurred, giving people a bad effect.

Markmap

Markmap, an open source tool for mind mapping with Markdown

Markmap-lib serves as a visual component for rendering the Markdown mind map.

If you can use Markdown’s basic syntax, this Markmap mind mapping tool will be easy to use, if not Markdown’s syntax.

It doesn’t matter if you’re hearing about Markdown for the first time. It doesn’t matter if you’re using Markmap, even if all the other mind mapping tools you’ve been using have been through frequent design, selecting shapes, drawing lines, and so on.

Markmap supports direct rendering of Markdown syntax content from title to content as a mind map in SVG format, which can be scaled, expanded, and removed from child nodes.

To draw a mind map using Markmap, you need only three symbols.

  • # : title
  • List – :
  • — : delimiter

By using the three symbols above, you can easily add sub-branches. At the same time, in order to better cooperate with Markdown, Markdown code blocks and self-defined syntax are used as the syntax for drawing mind maps in Markdown, as shown below:

# My map ## Search sites - [Google](https://www.google.com/) - [Baidu](https://www.baidu.com/) - [Bing](https://www.bing.com/) - [pixabay](https://pixabay.com/) ## WeChat public number ### The preparatory work - The theme - conceived - writing - typography - Adjustment and supplement - Design cover drawing - Regularly send ### Late work - Public number text reading - The reader forward - The secondary transfer - Circle of friends - community - ......  --- - learning - The input - The outputCopy the code

As a result, when writing articles with the Markdown editor, we can quickly draw mind maps by adding blocks of code, as shown in the code implementation:

Markmap advantages

  • Lightweight, online direct use;
  • Open source and free;
  • Support hyperlinks;
  • Simple syntax characters, one-key generation map;
  • Downloadable as SVG and HTML files;

Expand the address

  • Markmap: address: markmap.js.org/repl/
  • GitHub Markmap: github.com/dundalek/ma…
  • GitHub markmap-lib: address: github.com/gera2ld/mar…

conclusion

Markmap this mind map tool can effectively help you who often write documents, after writing, generate a mind map similar to the document catalog, simple to see which chapters the article contains, if you have the habit of drawing mind maps often, you can try Markmap.

Recommended reading

Why learn Markdown? What’s the point?

Recommend several sites that use Markdown to create your resume online

In this paper, to the end.

Original is not easy, if you think this article is useful to you, please kindly like, comment or forward this article, because this will be my power to output more high-quality articles, thank you!

By the way, please give me some free attention! In case you get lost and don’t find me next time.

See you next time!