
[옵시디언] Obsidian 코드 블럭 노션(notion) 처럼 만들기
·
기타/notion&obsidian
옵시디언에서 노션 스타일의 코드 블록으로 커스터마이징 하기 📌 서론 옵시디언 코드 블럭의 문제점을 알아보고 커스텀 css를 적용시켜 노션처럼 만들어 보자 1. 옵시디언 코드 블록의 문제점 나는 옵시디언에서도 코드를 이쁘게 보고 싶은데 코드의 길이가 길어지니 읽기 모드에서 코드가 강제로 한 칸 내려가는 현상이 발생했다. 같은 코드를 노션에 가지고가면 이렇게 나온다. 노션에서는 "wrap code" 설정을 하면 코드가 길어도 다음줄로 잘려서 넘어가지 않고 코드블록 하단에 좌우 스크롤이 생성되면서 코드를 한눈에 볼 수 있도록 해준다. (가독성이 좋다.) 2. 커스텀 css를 만들어서 코드 블록 노션처럼 만들기 환경설정으로 이동한다. 옵시디언 좌측 하단의 톱니바퀴 모양 버튼을 누른다. "테마" 메뉴 선택하기 환..