티스토리 코드블럭 변경

기본 코드블럭 위치

더보기 - 코드블럭

기본 코드블럭

 

highlight.js 적용하기

HTML 편집에서 </head> 위에 다음 코드 추가

<P>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/androidstudio.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script>
<style>
  pre { padding: 0px; }
</style>
</P>

 

하이라이트 스타일 데모

highlightjs.org/static/demo/

highlight.js demo

스타일을 선택한 후 CSS 경로를 바꿔줍니다. 예를 들어 Androidstudio가 마음에 든다면 default를 androidstudio로 바꿔주면 됩니다.(스타일 이름에서 대문자를 소문자로 고치고, 띄어쓰기는 -로 바꿉니다. 예를 들어 An Old Hope라면 an-old-hope입니다.)