티스토리 코드블럭에 라인넘버 적용(highlightjs-line-numbers)
티스토리 코드블럭에 highlight.js가 적용된 경우, 코드 앞부분에 라인넘버를 표시하는 방법 정리. 플러그인 확보, HTML에 적용 highlightjs-line-numbers라는 플러그인이 필요한데, 아래 github에서 다운로드하거나 cdn 경로를 얻어 적용할 수 있다. https://github.com/wcoder/highlightjs-line-numbers.js/ 티스토리 환경설정 - 스킨편집 - html편집 부분 상단 태그 안에 추가한다(highlight.min.js는 기존에 있던 것). 이제 코드블럭을 확인해 보면 매우 간단하게 라인넘버가 추가된 것을 확인할 수 있다. 그런데 코드와의 간격이나 색상 차이 등이 명확하지 않아 가독성이 떨어진다. 디자인(CSS) 수정 간격을 띄우고 색상(투명..
