티스토리 마크다운 코드블럭에 스킨 적용(highlight.js)

티스토리 마크다운에 코드 블럭을 적용하면 밋밋한(?) 코드가 보인다.
검색을 해보니 Highlight.js 라는게 존재한다.

적용방법은 다음과 같다.
설정 => 스킨편집 => HTML 편집 => HTML 에 아래 코드를 삽입한다.

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
<script>hljs.highlightAll();</script>

코드 예시

fun Context.changeDP(value : Int) : Int {
    val displayMetrics = resources.displayMetrics
    return (value * displayMetrics.density).roundToInt()
}

이쁘게 나온다.