티스토리 코드블럭 원하는 언어로 확장(bash shell, json, LaTeX 등)

티스토리에는 프로그램 코드를 편히 볼 수 있는 코드블럭 플러그인이 있습니다.

공식적으로 지원하는 코드는 HTML, CSS, JS, Python 등이 있습니다.

그런데 Bash Shell 등을 공식적으로 지원하지 않아서 아쉬웠는데요

다행히도 html코드를 조금만 변경하면 원하는 언어를 설정할 수 있습니다.

 

highlight.js class 코드 확인

Tistory의 코드블럭은 highlight.js를 이용합니다.

github.com/highlightjs/highlight.js/blob/master/SUPPORTED_LANGUAGES.md

highlightjs/highlight.js

이 페이지에서 본인이 사용하고자 하는 언어의 Classes를 찾아서 기억해주세요

 

Tistory 글 HTML 변경

코드블럭을 일단 작성하고 HTML 편집 모드로 들어갑니다.

 

코드블럭 HTML코드를 찾아서 class와 data-ke-language 값을 위에서 찾은 highlight.js 코드로 바꿔줍니다.

 

기본모드로 돌아오면 원하는 언어로 적용된 것을 볼 수 있습니다.

 

- 이 글은 특정 대가를 지급받고 작성된 글이 아닙니다.
- 이 글에는 잘못된 내용이 포함되어 있을 수 있으며, 글쓴이는 이로 인해 발생하는 불상사에 대해 어떠한 책임도 지지 않습니다.
- 잘못된 정보나 수정이 필요한 점이 발견되면 댓글로 알려주시면 감사하겠습니다.