[개발팁] 티스토리에 code highlight 적용하기

목표

• 웹페이지에서 작성한 코드를 IDE 처럼 보여주기 위해, highlight를 적용한다.

highlight

• 관리자 모드 > 스킨 편집 > html 편집을 누르고, head 안쪽에 아래 내용을 삽입한다.

 

<link rel="stylesheet" href="//cdn.jsdelivr.net/highlight.js/9.5.0/styles/default.min.css">

<script src="//cdn.jsdelivr.net/highlight.js/9.5.0/highlight.min.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

style

• https://highlightjs.org/static/demo/에 접속하면, demo 버전들이 있다.
• 원하는 스타일을 골라 link 부분을 수정해주자.
• 현재 default.min.css를 적용하였다.