화이트 러시안

라인넘버 검색 결과

해당 글 2건

highlights.js 라인넘버 특정 코드(언어)에는 적용하지 않기

LINK 티스토리 코드블럭에 라인넘버 적용(highlightjs-line-numbers) 라인넘버 적용 방법은 위 포스팅을 참고. 코드블럭에 라인넘버를 적용하면 모든 언어의 코드에 전부 적용이 된다. 그런데 예를 들어 shell, terminal 등과 같은 프롬프트 창에는 라인넘버를 표시하지 않고 싶을 수가 있다. 두가지 방법 모두 정리한다. 적용 방법 티스토리 환경설정 - 스킨편집 - html편집 부분 상단에 제외할 언어를 지정해 놓으면 된다. hljs.initLineNumbersOnLoad() 실행 전에 넘버링에서 제외할 언어를 지정해 주면 해당 언어는 자동으로 적용된다. 적용 결과 넘버링 하지 않는 코드 $ chkconfig --level 3 tomcat on $ service proxy tomca..

코딩/JavaScript & jQuery 2022. 8. 10. 16:40

티스토리 코드블럭에 라인넘버 적용(highlightjs-line-numbers)

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

코딩/HTML & CSS 2022. 8. 10. 15:51