옵시디언 기초: CSS Snippets 적용하기

CSS Snippets이란?

옵시디언(Obsidian)에서 사용자 인터페이스의 시각적 요소를 사용자 정의하기 위한 작은 CSS 조각입니다. CSS Snippets를 사용하면, 텍스트의 색상, 폰트 크기, 간격, 배경색 등 다양한 스타일링 옵션을 사용자가 직접 조정할 수 있어, 보다 개인화된 노트 테이킹 환경을 만들 수 있습니다.

CSS Snippets 적용하기

일반적인 방법

1. CSS Snippets 폴더로 이동

• 옵시디언 설정에서 Appearance 섹션으로 이동하여 CSS Snippets 부분을 찾습니다. 여기서 폴더 모양의 아이콘을 클릭하면, CSS 스니펫을 저장할 폴더가 열립니다.

2. CSS 파일 생성
   • 윈도우 사용자: 스니펫 폴더 안에서 우클릭하여 '새 파일'을 선택하면 텍스트 파일이 생성됩니다. 파일의 확장자를 .txt에서 .css로 변경해주면 CSS 파일이 완성됩니다. 이 파일 안에 CSS 코드를 입력하여 옵시디언의 스타일을 변경 할 수 있습니다.
   • 맥 사용자: 스포트라이트 검색을 사용하여 텍스트 편집기를 열고 새 문서를 생성합니다. cmd + shift + t 단축키를 사용해 텍스트 파일로 설정한 다음, 파일을 .css 확장자로 저장합니다. 저장한 파일을 CSS 스니펫 폴더로 이동시키면 됩니다.
3. CSS 스니펫 적용하기
   • CSS 파일을 CSS Snippets 폴더에 저장한 후, 옵시디언 설정에서 'CSS 스니펫' 섹션으로 이동합니다. 여기서 새로 생성한 CSS 파일을 활성화하면 옵시디언 내에서 해당 스타일이 적용됩니다.

CSS Editer 플러그인

CSS를 옵시디언 내에서 수정 - CSS Editor 플러그인

1. CSS 파일 생성
   • 플러그인 설치 후 cmd/ctrl + p를 눌러 명령어 커맨드를 실행한 후, Create CSS Snippet을 클릭합니다. 파일이름을 작성하면 Vault 이름/.obsidian/snippets에 CSS 파일이 생성됩니다.
2. CSS 파일 수정
   • edit CSS Snippet을 실행해 수정할 CSS 파일을 열어 코드를 수정할 수 있습니다.

관련 글

옵시디언 기초: 테마와 테마 세팅

옵시디언 심화: 개발자 도구로 CSS변경하기

---