코드블럭 highlight.js 사용

MISC

코드블럭 highlight.js 사용

woonizzooni 2019. 6. 13. 04:14

Hosted 파일을 head태그 내에 삽입

난 cdnjs를 이용하기로. 스킨 html에 적용, style은 hybrid로 선택.

<head>
    ....
	
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/styles/hybrid.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script>
</head>
...

Styles참고 : https://highlightjs.org/static/demo/

사용법 : ... calling "inithighlightingonload()"

https://highlightjs.org/usage/

https://highlightjs.readthedocs.io/en/latest/api.html#inithighlightingonload

<head>
    ....
	
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/styles/hybrid.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</head>
...