본문 바로가기

highlight.js

(2)
[코드 블럭] 티스토리 코드 블록 라인넘버 적용 안녕하세요 김작심입니다~! 오늘은 티스토리의 보기 불편했던 코드블럭에 코드 라인 넘버를 넣어 줌으로써 가독성을 높여 보도록 하겠습니다~! 코드 라인을 넣는 방법을 알아보기 전에 지난 포스팅에서 코드 블럭에 하이라이트를 넣어주는 방법을 알아봤는데요. 2021.09.29 - [개발 이야기/기타] - [코드 블럭] 티스토리 코드 블록 하이라이트 적용 [코드 블럭] 티스토리 코드 블록 하이라이트 적용 안녕하세요 김작심입니다~! 오늘은 티스토리의 밋밋한 코드 블럭에 하이라이트 테마를 넣어 줌으로써 가독성을 높여 보도록 하겠습니다~! 우선 코드 블럭에 하이라이트를 넣어주는 방법은 두 compunication.tistory.com 그때 사용하였던 highlight.js를 이용하여, 하이라이트에 이은 코드 라인 넘버도..
[코드 블럭] 티스토리 코드 블록 하이라이트 적용 안녕하세요 김작심입니다~! 오늘은 티스토리의 밋밋한 코드 블럭에 하이라이트 테마를 넣어 줌으로써 가독성을 높여 보도록 하겠습니다~! 우선 코드 블럭에 하이라이트를 넣어주는 방법은 두 가지가 있는데요. 첫 번째로 티스토리에서 플러그인으로 제공하는 Syntax Highlight를 이용하는 방법 두 번째로 highlight.js를 사용하는 방법입니다. 우선 플러그인으로 제공하는 Syntax Highlight를 적용하는 방법은 매우 간단한데요 티스토리 관리 -> 플러그인으로 들어가면 아래 사진과 같이 Syntax Highlight이 보입니다. 해당 플러그인을 설정해주면 됩니다. 클릭해보면 여러 가지 테마를 제공하고 있는데, 설정해보고 본인 입맛에 맞는 것으로 설정해주면 됩니다. 해당 플러그인만 적용해줘도 코드 ..