티스토리에 소스 하이라이트(highlight) 적용하기

아무래도 개발관련 분야를 하고 있다보니 소스나 xml 등의 하이라이트가 들어가는 포스팅을 하는 것이 보기가 좋다. 적용을 하는 것은 매우 간단하다. 

티스토리 관리자 화면으로 들어간 뒤 좌측 메뉴들의 중간을 보면 꾸미기 파트에 `스킨 편집`이라는 메뉴가 있다. 

스킨 편집으로 들어가보자. 그 다음 우측 상단에 'html 편집'이 보인다. 들어가서 하이라이트를 적용해보자. 

바로 요렇게 넣어주면 된다. 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js" ></script>
<script>hljs.initHighlightingOnLoad();</script>	

나 같은 경우에는 atom 스타일을 좋아해서 첫줄에 있는 것처럼 atom-one-dark.min.css를 적용했다. 스타일은 하이라이트 cdnjs 홈페이지(https://cdnjs.com/libraries/highlight.js/)에 가서 직접 골라서 고르면 된다. 스타일시트가 어디있는지 모르겠다고? 여기서 고르면 된다.https://highlightjs.org/static/demo/