blogspot(구글 블로거)에 highlight.js로 code block 적용하기

-

1. 사전작업: highlight.js에서 최신버전 확인 후 HTML편집에서 </head> 앞부분에 다음 코드 삽입

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/atom-one-dark.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js"></script>
<!-- and it's easy to individually load additional languages 
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/languages/css.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/languages/javascript.min.js"></script>
-->
<script>hljs.highlightAll();</script>
2. html escape 필요시 여기에서 코드 변환

3. <pre><code>...</code></pre> 사이에 코드 삽입