Markdown 에 diagram 을 넣자.

github 에도 추가된 mermaid.

 

Include diagrams in your Markdown files with Mermaid | The GitHub Blog

Include diagrams in your Markdown files with Mermaid | The GitHub Blog

Markdown 에 텍스트만 가지고 다양한 다이어그램을 넣을 수 있다.

 

https://mermaid-js.github.io/

Redirecting to https://mermaid-js.github.io/mermaid/#/

Flowchart

Sequence diagram

Gantt diagram

Class diagram 

등등

 

좋은 기능이지만 텍스트로만 작성한다는게 직관적이지가 않아서 어려울것 같다.

 

그래서 인지 Live Editor 가 있고 바로 렌더링 결과를 확인하며 작성할 수 있다.

 

mermaid live editor

 

사용중인 Typora 에서도 잘 작동한다.

 

typora

이제 Readme 에도 다이어그램이 들어가는 시대가 오는가 보다.