728x90
반응형

css 2

옵시디언 콜아웃 사용법 — 기본 문법부터 CSS로 커스텀 콜아웃 만들기까지

들어가며옵시디언 마크다운 문법 정리에서 콜아웃을 짧게 소개한 적이 있습니다. [!note], [!tip], [!warning] 정도를 보여주고 넘어갔습니다. 하지만 콜아웃은 그 몇 줄로 끝나는 기능이 아닙니다.콜아웃은 노트 안에서 특정 내용을 시각적으로 분리해주는 블록입니다.중요한 경고, 참고 사항, 요약, 질문 같은 것을 본문 흐름을 끊지 않으면서 눈에 띄게 만들어줍니다. 기본 제공 타입만 13가지이고, 접기/펼치기도 되고, 중첩도 되고,CSS 스니펫으로 색상과 아이콘을 바꾸거나 아예 나만의 콜아웃을 만들 수도 있습니다.이 글에서는 콜아웃의 기본 사용법부터 커스텀 콜아웃 만들기까지 한 편에 다룹니다.콜아웃 기본 문법만들기콜아웃은 인용문(>) 문법에 타입 지정자를 붙이는 것입니다.> [!note]> 여기..

옵시디언 2026.03.04

옵시디언 CSS 스니펫 기초 가이드—헤딩 색상부터 체크박스 스타일까지

들어가며옵시디언 Minimal 테마 커스터마이징 가이드에서 Style Settings 플러그인으로 헤딩 크기, 볼드 색상, 태그 스타일 같은 세부 요소를 조정하는 방법을 다루었습니다.그런데 Style Settings는 테마가 노출한 옵션만 바꿀 수 있습니다. “완료한 체크박스에 취소선을 넣고 싶다”, “H1 아래에 밑줄을 넣고 싶다”, “인용문의 왼쪽 테두리를 두껍게 바꾸고 싶다” 같은 요구는 Style Settings의 메뉴에 없을 수 있습니다.CSS 스니펫은 이 한계를 넘어서는 방법입니다..css 파일 하나를 만들어서 스니펫 폴더에 넣으면, 옵시디언의 거의 모든 시각적 요소를 직접 바꿀 수 있습니다."CSS를 배워야 하나요?"라는 걱정이 들 수 있습니다. 이 글에서는 CSS를 처음 보는 사람도 따라할..

옵시디언 2026.03.04
728x90
반응형