Quartz의 Tab Indent

def foo(a, b) -> None:
	if a < b :
            a + b
	else :
            a - b

QuartzObsidian 을 웹에 게시할 경우, Code Block 에 위와 같이 기본으로 처음은 4칸, 이외의 레벨에서는 8칸의 Tab Indent가 적용된다. (위는 임의로 8칸의 Tab Indent를 적용한 모습)

첫 레벨만 4칸의 Tab Indent 가 적용되는 것도 이상하거니와, 대부분은 4칸의 Tab Indent 를 사용할 것이므로, 변경하는 방법을 찾아보았다.

변경 방법

Quartz는 모든 코드 하이라이팅 결과를 HTML + CSS로 렌더링한다.

따라서 quartz/styles/custom.scss 에 다음과 같은 코드를 추가하면 모든 코드블록 (pre, code) 의 Tab Indent Size를 조절할 수 있다.

StyleSheets

/* quartz/styles/custom.scss */
 
pre, code {
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;
}
  • tab-size 값을 원하는 값으로 (2, 4, 8 등) 변경 후 다시 Quartz 를 빌드하면 적용된다.

Quartz - Code Block Custom 관련 글