옵시디언 가이드
추천 플러그인
노트관리방법론
플러그인 사전

다다

옵시디언 활용, 개인 지식 관리

분류 전체보기 (352)

로그인

로그아웃 글쓰기 관리

Mermaid 4

옵시디언에서 Mermaid를 쉽게 사용하는 Mermaid Tools 플러그인 개요 Mermaid Tools는 옵시디언에서 Mermaid를 클릭만으로 쉽게 작성할 수 있게 해 줍니다. 사용자 친화적인 인터페이스 덕분에, 차트 추가, 편집, 스타일 조정과 같은 기능을 손쉽게 이용할 수 있습니다. Plugin Info 플러그인 명 Mermaid Tools 플러그인 설명 사이드바에서 클릭으로 Mermaid 사용 플러그인 분류 입력 지원 Github 링크 Github 링크 옵시디언 링크 플러그인 링크 별점 ⭐ 기능 설정 설정에서 자주 사용하는 Mermaid chart를 수정, 등록해서 사용할 수 있습니다. 관련 글 옵시디언 심화: Mermaid 개요 Mermaid는 복잡한 다이어그램과 차트를 간단한 텍스트와 코드를 통해 생성할 수 있게 해주는 도구입니다. 옵시디언에서는 Mermaid를 기..
옵시디언 플러그인/커뮤니티 플러그인 2024.02.26 0
[CSS Snippet] Mermaid를 노트 가로사이즈에 맞게 조정하기 가로사이즈에 맞게 조정하기 Mermaid 다이어그램의 가로 길이가 옵시디언의 노트 가로 사이즈보다 길 경우, 그래프 오른쪽이 짤려나온다. .mermaid svg { max-width: 100%; height: auto; } 위 CSS를 적용하면, 다음과 같이 노트 가로 사이즈에 맞춰진다. 가운데로 정렬 .mermaid svg{ display: block !important; margin: 0 auto !important; } Mermaid 다이어그램의 기본값은 왼쪽 정렬입니다. 위 CSS Snippet은 다이어그램을 가운데 정렬로 변경합니다.
Homemade Source/Css Snippets 2024.02.17 0
옵시디언 심화: 간트 차트(Gantt Chart) 개요 Mermaid의 기능중 하나인 간트 차트(Gantt Chart)는 프로젝트 일정관리를 위한 바(bar)형태의 도구로서, 각 업무별로 일정의 시작과 끝을 그래픽으로 표시하여 전체 일정을 한눈에 볼 수 있습니다. Gantt diagrams | Mermaid mermaid.js.org 간트 차트 예시 ```mermaid gantt title 간트 차트 dateFormat YYYY-MM-DD section 섹션 할일1 :a1, 2024-01-01, 30d 할일2 :after a1, 20d section 섹션2 나중에 할일 :2024-02-12, 12d 나중에 할일2 :24d ``` Dataviewjs + Gantt chart 간트 차트의 문법과 입력방식의 까다로움 등으로 인해 사용하기엔 많이 불편합니다. ..
옵시디언 활용/옵시디언 심화 2024.02.12 0
옵시디언 심화: Mermaid 개요 Mermaid는 복잡한 다이어그램과 차트를 간단한 텍스트와 코드를 통해 생성할 수 있게 해주는 도구입니다. 옵시디언에서는 Mermaid를 기본으로 지원하여 마크다운 문서 내에 다이어그램을 삽입하고 시각화할 수 있습니다. Tutorials | Mermaid mermaid.js.org Flow Chart 플로우 차트는 정보의 흐름이나 프로세스를 시각적으로 표현할 수 있는 방법입니다. 그래프 방향 플로우 차트를 시작하기 위해서는 먼저 graph TD (Top Down) 또는 graph LR (Left Right) 같은 방향 지시어로 그래프의 방향을 정의해야 합니다. TD (Top to Down) 또는 TB (Top to Bottom): 위에서 아래로 LR (Left to Right): 왼쪽에서 오른쪽으로..
옵시디언 활용/옵시디언 심화 2024.02.12 0

1

Obsidian Page

옵시디언 기초 가이드

노트 관리 방법론

플러그인 가이드

플러그인 사전

최근 글

인기 글

© Copyright 2024 Jnik

Uploading...

티스토리툴바