Home
📚 CMDS Materials
Obsidian
Subscribe

Obsidian FAQ

Templater 플러그인 에러가 발생했어요.
줄 간격을 어떻게 바꾸나요?
  1. CSS snippet
  2. Editor(편집기)

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

Created at
Category
  1. Style(스타일)
Multiple Choice Dropdown
  1. CSS snippet
  2. Editor(편집기)

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; /* 행간 */ }
1.
메모장(Windows) 또는 텍스트 편집기(Mac OS)로 파일을 만드시고 위 코드를 입력해주세요.
2.
하나의 파일에는 위 두 가지 코드 중 하나만 입력해 주세요.
3.
파일 확장자는 'css'이어야합니다. 파일 이름이 filename.css 의 형식으로 만들어주세요.
코드에서 다음 부분의 숫자를 통해 줄 간격을 조절하실 수 있습니다.
line-height: 1.5;
CSS snippet 다운받기
LIne Spacing(줄 간격)_편집기와 미리보기 모드 분리.css191B
LIne Spacing(줄 간격)_편집기와 미리보기 모드 병합.css131B

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

'Step 1'에서 만든 파일을 내 옵시디언 볼트의 snippets 폴더에 넣고 활성해야합니다.
가이드 순서에 따라서 해보아요.
1.
옵시디언 볼트를 여시고 설정(톱니바퀴)에 들어가 주세요.
2.
Appearance 에서 드래그를 주욱 내리시면 CSS snippets 를 보실 수 있습니다.
3.
우측에 폴더 모양을 클릭하시면 snippets 폴더가 열립니다. 앞서 만들었던 css 파일을 넣어주세요.
4.
회색으로 된 토글을 활성화해 주세요.
Made with SlashPage