티스토리 소스코드 하이라이트 (Tistory highlight)

안녕하세요. 소프트웨어 IT김군(MBEJ)입니다.

오늘은 티스토리에서 소스코드를 하이라이트 처리하는 방법에 대해 포스팅을 해보도록 하겠습니다.

1. https://highlightjs.org/ 페이지에 접속하여 'Get version 9.12.0' 버튼을 클릭합니다. (버전 정보는 상이할 수 있습니다.)

2. 'cdnjs'와 'jsdelivr' 둘 중 하나를 선택하여 링크와 스크립트 내용을 복사합니다. 저는 'cdnjs'를 사용해보도록 하겠습니다.

3. '티스토리 -> 내 블로그 -> 블로그 관리 -> HTML/CSS 편집' 에 들어가서 적당한 위치에 2번에서 복사한 내용을 넣어줍니다.

4. https://highlightjs.org/usage/ 를 참고하여 아래 세 줄의 소스를 복사합니다.

5. 이번에도 복사한 소스를 블로그 관리 -> HTML/CSS 편집에 붙여넣어 줍니다.

6. 그 다음 저장하면 세팅은 완료되었습니다.

   사용하는 방법은 글을 작성하시면서 소스 코드를 넣으실 때 html 모드로 변경하신 후 

   <pre><code> CODE 넣으시는 부분 </code><pre>

   이 방식으로 작성하시면 됩니다. 아래는 예제입니다.

궁금하신 사항은 댓글로 남겨주세요.

감사합니다.