hELLO 스킨 코드하이라이트 적용

티스토리 hELLO 스킨에서 코드블럭 스타일 변경 방법을 변경해보자

 

 

여럿 블로그 따라해봐도 적용이 안됐는데, 드디어 방법을 찾았다~

 

 

 

1. 패키지 다운로드

https://highlightjs.org/download

Download a Custom Build - highlight.js

 

해당 사이트에 접속해 사용하려는 언어 체크하고 다운로드 및 압축해제

(나는 Common을 모두 체크해 다운로드했다)

 

 

 

 

 

2. 테마 선택

https://highlightjs.org/demo

Demo - highlight.js

 

사용하려는 스타일 테마를 고른다.

 

 

 

3. 테마 스타일 수정

방금 다운받았던 highlight > styles > 사용하려는 테마.min.css 파일을 열어

모든 style 값 뒤에 `!important`를 붙인다.

 

 

 

 

 

4. 스킨 편집

티스토리 스킨편집에 들어가, highlight.min.js 와 방금 수정한 테마.min.css 을 업로드 한다.

 

 

HTML 코드에 들어가 `</head>` 태그 앞에 다음 코드를 붙여넣는다.

<script src="./images/highlight.min.js"></script>
<link rel="stylesheet" href="./images/테마.min.css">
<script>hljs.highlightAll();</script>

 

 

끝 😊