· software
Jekyll 블로그에 Mermaid 다이어그램 추가하기
기술 블로그를 운영하다 보면 아키텍처, 플로우차트, 시퀀스 다이어그램 등을 그려야 할 때가 많습니다. 이미지 파일을 별도로 만들어 첨부하는 방식은 번거롭고 수정도 어렵습니다. Mermaid.js를 사용하면 마크다운 코드 블록 안에서 텍스트로 다이어그램을 정의하고 자동으로 렌더링할 수 있습니다.
기술 블로그를 운영하다 보면 아키텍처, 플로우차트, 시퀀스 다이어그램 등을 그려야 할 때가 많습니다. 이미지 파일을 별도로 만들어 첨부하는 방식은 번거롭고 수정도 어렵습니다. Mermaid.js를 사용하면 마크다운 코드 블록 안에서 텍스트로 다이어그램을 정의하고 자동으로 렌더링할 수 있습니다.
Ferrite: Rust로 만든 빠른 Markdown/텍스트/코드 편집기, 네이티브 Mermaid 다이어그램 지원. Rust + egui를 사용해 Markdown 편집기를 만들었습니다. v0.2.1이 방금 출시되었으며 주요 Mermaid 기능이 포함되었습니다.
Mermaid 다이어그램—플로우차트, 시퀀스 다이어그램, Gantt 차트, 파이 차트 등—을 사랑하지만 Node.js를 설치해야 해서 막혔다면, np...
소개: 이전 게시물에서 Ollama와 로컬 LLM을 사용해 Mermaid 차트를 생성하는 방법을 다루었는데, 구독을 요구하는 사이트가 너무 지겨워서 다시 다룹니다.