이미지를 활용한 정말 간단한 대시보드 만들기에 관련된 글입니다.

적용 모습은 위와 같습니다.

출처는 다음과 같습니다. 다만, 유튜브 영상에 나온 것처럼 구성하기는 힘듭니다. 커스텀 CSS를 사용했다고 하더군요.

Home Buttons Links | Obsidian Full Build 2023 - YouTube

GitHub - efemkay/obsidian-modular-css-layout: CSS Layout hack for Obsidian.md

설치는 다음 경로 '볼트이름\옵시디언폴더이름\.obsidian\snippets'에 첨부한 'MCL Multi Columns' 파일을 이동시켜 줍니다.

그리고 Settings -> Appearance -> CSS snippets -> MCL Multi Column 활성화 버튼을 눌러줍니다.

> [!multi-column|center-fixed]
>
>> [!blank-container]
>> ![[Journal.png]]
>
>> [!blank-container]
>> ![[Knowledge.png]]
>
>> [!blank-container]
>> ![[Thoughts.png]]
>
>> [!blank-container]
>> [![[Projects.png]]](<To Do>)
> 
>> [!blank-container]
>> ![[Videogames.png]]
>
>> [!blank-container]
>> ![[Finance.png]]

노트 하나를 생성 후 위와 같이 입력하시면 됩니다. 이미지는 불러오기 하셔야 합니다.

이미지 파일을 활용해서 특정한 노트로 이동하는 간단한 예제였습니다.