highlight.js 에서 hljs.initHighlightingOnLoad() 는 구식이다. hljs.highlightAll() 를 이용하자.

블로그 HTML 편집을 하며 디버깅을 하던 중에 콘솔창에 해당 메세지를 확인했습니다.

 

 

initHighlightingOnLoad() 는 구식 함수입니다.

highlightAll() 로 변경하여줍시다.

 

<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.0/build/highlight.min.js"></script>
<link rel="stylesheet"
href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.0/build/styles/default.min.css">
<script>hljs.initHighlightingOnLoad();</script>

 

이렇게 된 부분을

 

<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.0/build/highlight.min.js"></script>
<link rel="stylesheet"
href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.0/build/styles/default.min.css">
<script>hljs.highlightAll();</script>

 

이렇게 변경해주면 끝입니다.

 

관련 공식 Post : https://highlightjs.org/#news-142