줄 간격을 어떻게 바꾸나요?

Created at

Jan 20, 2025 3:14 PM

1. 개요

옵시디언의 기본 설정에는 줄 간격 조절이 없습니다.

대신에 CSS snippets 을 통해 가능합니다.

CSS가 뭘까요?

마크다운이 간단한 문서 편집용 문법이라면, CSS는 더 정교하고 복잡하게 꾸미기 위한 문법으로 이해하시면 됩니다.

2. 설정 방법

Step 1. CSS snippet 만들기

[Option 1] 편집기와 미리보기 설정을 다르게

/* 편집기 모드에서의 행간 조절 */
.cm-contentContainer {
    line-height: 1.5;
}

/* 미리보기 모드에서의 행간 조절 */
.markdown-preview-view {
    line-height: 1.5;
}

[Option 2] 편집기와 미리보기 설정을 동일하게

/* 편집기와 미리보기 모두 적용 */
.cm-contentContainer, 
.markdown-preview-view {
    line-height: 1.5; /* 행간 */
}

메모장(Windows) 또는 텍스트 편집기(Mac OS)로 파일을 만드시고 위 코드를 입력해주세요.

하나의 파일에는 위 두 가지 코드 중 하나만 입력해 주세요.

파일 확장자는 'css'이어야합니다. 파일 이름이 filename.css 의 형식으로 만들어주세요.

코드에서 다음 부분의 숫자를 통해 줄 간격을 조절하실 수 있습니다.

line-height: 1.5;

CSS snippet 다운받기

LIne Spacing(줄 간격)_편집기와 미리보기 모드 분리.css191Bytes

LIne Spacing(줄 간격)_편집기와 미리보기 모드 병합.css131Bytes

Step 2. 옵시디언에서 CSS Snippet 활성화하기

'Step 1'에서 만든 파일을 내 옵시디언 볼트의 snippets 폴더에 넣고 활성해야합니다.

가이드 순서에 따라서 해보아요.

옵시디언 볼트를 여시고 설정(톱니바퀴)에 들어가 주세요.

Appearance 에서 드래그를 주욱 내리시면 CSS snippets 를 보실 수 있습니다.

우측에 폴더 모양을 클릭하시면 snippets 폴더가 열립니다. 앞서 만들었던 css 파일을 넣어주세요.

회색으로 된 토글을 활성화해 주세요.

Made with Slashpage