플러그인 설정 확인
설정 > 플러그인 섹션 > 코드 문법 강조 사용중 해제


highlight.zip 다운 받고 압축 풀기
Download a Custom Build - highlight.js (highlightjs.org)
Download a Custom Build - highlight.js
highlightjs.org

테마 미리 확인해보기
Demo - highlight.js (highlightjs.org)
Demo - highlight.js
...
highlightjs.org
highlight.min.js 와 스킨파일 업로드하기
설정 > 꾸미기 > 스킨 편집 > html 편집

파일업로드에 파일 추가하기
스킨은 styles 폴더에 있습니다

HTML </head> 바로위에 아래 코드 추가하기
<script src="./images/highlight.min.js"></script>
<link rel="stylesheet" href="./images/적용하고싶은 테마 이름.min.css">
<script>hljs.initHighlightingOnLoad();</script>
'ETC > 💡KnowHow' 카테고리의 다른 글
[VSCode 확장추천] ES7+ React/Redux/React-Native snippets (0) | 2024.08.17 |
---|---|
[API] TMDB API Key 발급 (0) | 2024.08.17 |
[Tistory Skin] hELLO 적용 가이드 (0) | 2024.07.30 |
[Download] Git 설치 가이드 by Windows (0) | 2024.07.30 |
플러그인 설정 확인
설정 > 플러그인 섹션 > 코드 문법 강조 사용중 해제


highlight.zip 다운 받고 압축 풀기
Download a Custom Build - highlight.js (highlightjs.org)
Download a Custom Build - highlight.js
highlightjs.org

테마 미리 확인해보기
Demo - highlight.js (highlightjs.org)
Demo - highlight.js
...
highlightjs.org
highlight.min.js 와 스킨파일 업로드하기
설정 > 꾸미기 > 스킨 편집 > html 편집

파일업로드에 파일 추가하기
스킨은 styles 폴더에 있습니다

HTML </head> 바로위에 아래 코드 추가하기
<script src="./images/highlight.min.js"></script>
<link rel="stylesheet" href="./images/적용하고싶은 테마 이름.min.css">
<script>hljs.initHighlightingOnLoad();</script>
'ETC > 💡KnowHow' 카테고리의 다른 글
[VSCode 확장추천] ES7+ React/Redux/React-Native snippets (0) | 2024.08.17 |
---|---|
[API] TMDB API Key 발급 (0) | 2024.08.17 |
[Tistory Skin] hELLO 적용 가이드 (0) | 2024.07.30 |
[Download] Git 설치 가이드 by Windows (0) | 2024.07.30 |