-
티스토리에서 JSON 코드블럭을 작성하고 싶다 !블로그 관리하는 방법 2023. 3. 14. 23:09
블로그 글을 작성하던 중에 불편한 사실 한 가지를 깨달았다.
바로 티스토리의 코드블럭 서식에는 JSON 탭이 없다 !!
실화냐 !! 물론 많은 탭이 있긴 하다. 하지만 JSON 이 없다니, 지금 보니까 YAML 도 없네 ..?
하지만 걱정할 필요가 없다. 탭이 보이지 않는다고 해서 지원하지 않는 게 아니니까 !
티스토리의 코드블럭은 highlight.js 를 이용한다.
github.com/highlightjs/highlight.js/blob/master/SUPPORTED_LANGUAGES.md
GitHub - highlightjs/highlight.js: JavaScript syntax highlighter with language auto-detection and zero dependencies.
JavaScript syntax highlighter with language auto-detection and zero dependencies. - GitHub - highlightjs/highlight.js: JavaScript syntax highlighter with language auto-detection and zero dependencies.
github.com
따라서, highlight.js 에서 지원하는 언어는 티스토리 코드블럭에서 전부 사용할 수 있다.
찾아보면 당연히 JSON 도 있고, YAML 도 있다. 당연하지, 얼마나 많이 쓰는데 하이라이팅을 지원 안할리가 없지.
그럼 괘씸하게 탭을 지원 안하는 티스토리에서 JSON 을 하이라이팅 하고 싶으면 어떻게 하면 될까 ?
일단 코드블럭을 아무 언어로 작성하고, HTML 편집 모드로 들어간다.
{ "JSON이 되고 싶은": "Javascript 코드", }
단순히 class 와 data-ke-language 어트리뷰트의 값을 다음과 같이 변경해주면 된다.
{ "JSON으로 하이라이팅이 된": "JSON 문서 !", }
끝 ! 어렵진 않지만 매번 하기 조금 귀찮을지도 ..?
'블로그 관리하는 방법' 카테고리의 다른 글
코드블럭 서식 탭 간격 줄이기 ! (0) 2023.03.04