highlight.js 적용하기
1. tistory 로그인 - 블로그 관리 - 스킨편집
2. html 편집
3. HTML 편집
<head></head> 사이에 아래의 코드를 넣어준다.
<link rel="stylesheet" href="//cdn.jsdelivr.net/highlight.js/9.5.0/styles/androidstudio.min.css">
<script src="//cdn.jsdelivr.net/highlight.js/9.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
다른 style로 변경하고 싶다면
androidstudio.min.css를 https://highlightjs.org/static/demo/ 에서 원하는 style로 변경해주면 된다.
highlight.js 다운로드
https://highlightjs.org/download/
다운로드 경로 - highlight - styles 폴더에 있는 파일을 모두 업로드 한다.
모두 업로드한 모습
글쓰기
블로그 글쓰기 - HTML 편집기
<pre><code class="java">
여기에 코드 작성
</code></pre>