MarkdownでMindmapを描く

2290 ワード

概要

markmap-libというNodeライブラリーを使って、Markdownの箇条書きをMindmapのHTMLを簡単に変換できます。

Github: https://github.com/gera2ld/markmap-lib

下記の内容を変換すると、

# Engineering Roadmap
## Frontend
### HTML
### CSS
### JavaScript

- Basic
- ES6
- TypeScript
- Frameworks
    - React.js
    - Vue.js
- Libraries
    - Material-ui

### SVG

## Backend
### Programming

- Python
    - Basic
    - Flask
    - ORM

### Server

- Nginx

## DevOps
### Docker

以下のイメージになります。

インストールと使用

# install
npm i markmap-lib -g

# markdown を作成
touch mindmap1.md
# Markdownを書く

# MindMapを作成
markmap mindmap1.md --output mindmap1.html

参考

https://github.com/gera2ld/markmap-lib
https://github.com/dundalek/markmap

Author And Source

この問題について(MarkdownでMindmapを描く), 我々は、より多くの情報をここで見つけました https://qiita.com/hirokizaka46/items/c08690b15b6757f59930

著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。

Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .