티스토리 코드블럭 테마 변경 방법

1. 블로그 관리 홈에 들어간다.

2. 좌측바 중간쯤 꾸미기 영역에 있는 스킨편집 -> html

3. 코드 한 줄을 추가합니다! ** 위치 너무너무 중요함 **

<link rel="stylesheet" href="./style.css" /> // 이 문장 다음 줄에 
 
// 아래 코드를 추가
<link rel="stylesheet"
  href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/styles/gruvbox-dark.min.css">

 

여러가지 테마를 적용할 수 있는데, 해당 사이트에서 원하는 디자인을 찾아서
추가 했던 소스 뒷부분에 "gruvbox-dark" 부분만 원하는 디자인 이름으로 교체한다.

 

4.  하나만 더 추가하면 끝나는데, html 소스를 끝까지 내려서 </body> 위에 아래 코드를 추가한다.

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>