옵시디안당

[8] 이미지를 활용한 간단한 대시보드 만들기

shunnna쪽지보내기 자기소개 아이디로 검색 전체게시물 136.♡.35.54
2024.04.24 18:47
158
4
0

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

7c9bb-6628d548c1ed4-82614f59af30113fe3ba9c342a8c62679fd9443e.jpg

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

출처는 다음과 같습니다. 다만, 유튜브 영상에 나온 것처럼 구성하기는 힘듭니다. 커스텀 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]]

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

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

shunnna쪽지보내기 자기소개 아이디로 검색 전체게시물

    사변적 실재론(Speculative Realism), 객체지향 존재론 (Object-Oriented Ontology)에 관심이 많으며 연구하고 있습니다.

댓글 4
shunnna쪽지보내기 자기소개 아이디로 검색 전체게시물 (136.♡.35.52)
2024.04.25 08:52
마치, 다꾸하는 기분이랄까요. 꾸미는거 좋아하는 분들에게는 가지고 놀만한 요소같습니다. ㅎ
문없는문쪽지보내기 자기소개 아이디로 검색 전체게시물 (119.♡.18.31)
05.03 15:26
헛.. 너무 이쁩니다.
노션에서 꾸미기 놀이 하다가 ... 옵시디언에서는 날것넣고 dataview로 뽑아보기 위주로 활용했는데...
이렇게 이쁘면 또 꾸미기 버릇 도집니다. ㅡㅡ;;
shunnna쪽지보내기 자기소개 아이디로 검색 전체게시물 (39.♡.222.244)
05.03 18:21
네, 본말이 전도되는 거죠. ㅎ 개인적으로 저 아이콘은 너무 커서 이렇게도 사용가능하다는 정도로만 이해하시면 될거같습니다. 아이콘도 커스텀으로 디자인하고 싶지만, 적당한 선에서 타협해야죠. ㅎ
전체 87 / 1 페이지
로그인
회원가입
정보찾기