옵시디언 - CSS 스니펫 적용하기

CSS 스니펫으로 '행간 간격'만 만져줬다.

 

적용 방법은,

- 옵시디언 설정창 > 테마 > 가장 하단 부분의 'CSS 스니펫' 부분에서, 폴더를 열고

- 해당 폴더에 css 파일을 생성. (난 style.css 로 이름을 지어줬다.)

- 다시 설정창에 들어와 CSS 스니펫을 활성화.

 

- 이후 적용하고자 하는 코드를 css 파일 안에 작성해준다.

 

'행간 간격'을 위해 내가 적용한 코드는 다음과 같다. 각자 입맛에 맞게 값을 조절해서 사용하면 된다.

나는 이정도가 괜찮은 듯하다.

.markdown-source-view.mod-cm6 .cm-line,
.markdown-preview-view p{
    line-height: 160% !important;
}

.markdown-source-view :is(.cm-line + .cm-line) {
    padding-top: 0.4em !important;
}

 

깔끔해져서 마음에 든다.

 

 

옵시디언 custom한 부분

1. 행간 간격 수정

2. 폰트 변경 → '리디바탕'

3. 테마 → GitHub Theme

 

 

참고 url

• https://blog.naver.com/im_writer/223212832211 (CSS 스니펫 파일 생성)
• https://blog.naver.com/im_writer/223213548316 (행간, 문단, 단락 간격 조절하기)
• https://kaminik.tistory.com/entry/%EC%98%B5%EC%8B%9C%EB%94%94%EC%96%B8-%EA%B8%B0%EC%B4%88-%ED%8F%B0%ED%8A%B8%EC%99%80-%EA%B0%80%EB%8F%85%EC%84%B1-%ED%96%A5%EC%83%81#%ED%96%89%EA%B0%84-%EC%A1%B0%EC%A0%88