본문 바로가기
관리자 기고

티스토리 프로그래밍 코드 하일라이팅 및 라인 넘버링 Tistory Code Block Highlight Line Number

by 와이즈캣 2021. 9. 2.
728x90
반응형

[하일라이트] 1 : 아래 사이트에 접속해서 관련 파일을 다운로드 받습니다.

https://highlightjs.org/

 

highlight.js

Version 10.3.2 Tiny tiny release, just to fix the website incorrectly not listing Javascript in the list of languages you could choose for a custom build. There are no other changes.

highlightjs.org

 

Get Version 버튼 클릭
적당하게 체크하세요
다운로드 클릭!!!

클릭을 하면 압축 파일이 다운로드 됩니다.

압축파일을 열어 봅니다.

위 파일들만 필요하니 적당한 곳에 압축을 풀어 놓습니다.

 

[하일라이트] 2 : 아래 링크로 가서 마음에 드는 하일라이트 타입을 구경해 둡니다.

https://highlightjs.org/static/demo/

 

highlight.js demo

 

highlightjs.org

 

[하일라이트] 3 : 파일 준비

위 파일만 필요(styles 디렉토리내 css파일만 필요)

[라인 넘버링] 1 : 아래 사이트 접속

https://github.com/wcoder/highlightjs-line-numbers.js/

 

GitHub - wcoder/highlightjs-line-numbers.js: Line numbering plugin for Highlight.js

Line numbering plugin for Highlight.js . Contribute to wcoder/highlightjs-line-numbers.js development by creating an account on GitHub.

github.com

 

 

 

 

 

티스토리설정.zip
0.12MB

728x90