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