티스토리 코드블럭 테마 변경하기

1. https://highlightjs.org/static/demo/ 에서 마음에 드는 테마 이름 기억해두기

 

highlight.js demo

 2. 플러그인으로 코드 문법 강조 설정되어 있으면 해지하기

 

3. 스킨 편집에서 html 편집하기

#</head>#  앞에 아래 코드 입력해주기

##<link>#의 href 마지막 부분에 변경하고 싶은 테마 이름 입력해주기

예를 들어 tokyo-night-dark 테마를 사용하고 싶으면

#<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/tokyo-night-dark.min.css">#

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/테마이름.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

 

참고) https://habitus92.tistory.com/9