티스토리 코드블럭 테마 바꾸기

내가 보려고 올리는 코드블럭 테마 변경법

 

블로그 스킨 테마마다 다를 수 있음.

 

1. 블로그 관리 - 스킨 편집 - HTML 편집

2.. https://highlightjs.org/download/ 에 접속

Getting highlight.js

3. cdnjs 밑의 코드 복사

4. </head>바로 위에 코드 삽입

5. 바로 밑에 <script>hljs.initHighlightingOnLoad();</script> 붙여 넣기

6. 붙여넣기 한 부분 중 default.min.css의 default를 원하는 테마명으로 변경(모두 소문자로, 띄어쓰기 부분은 '-'로)

7. CSS 탭의 code 부분 혹은 pre code 부분에서 font-family와 font-size 변경

font-family: Consolas, Monaco, monospace;

font-size: 16px;

 

 

참고: https://qqyukim.tistory.com/57

티스토리 코드블럭 스타일 변경 - highlight.js 적용 및 폰트 변경