반응형
https://github.com/syntaxhighlighter/syntaxhighlighter
(※ 기존에 3.0.83에서 version up 되었습니다.)
현재 시점에서는 Linux나 OS X에서 빌드가 용이하며,
이 과정은 추후 업로드 하겠습니다.
(공식 사이트에서 정상 빌드하여 사용하시길 권장드립니다.)
Tistory 적용에 필요한 파일은 아래 3가지 입니다.
- theme.css
- syntaxhighlighter.js
- syntaxhighlighter.js.map
※ 파일을 블로그에 업로드 하는 방법은 아래 링크에 작성된 방법 참고
[Tistory] SyntaxHighlighter v3 적용
Tistory에 가독성을 위해 아래와 같이 Code를 첨부하는 경우가 많다. 이번 내용은 SyntaxHighlighter를 이용하여 Code 올리는 방법입니다. 아래 사이트에서 style(.css) / scripts(.js) 파일 다운받아 압축해제..
zoosso.tistory.com
v3과 달리 v4는 <head> 태그 영역에 아래 3줄만 입력하시면 됩니다.
<!-- Syntax HighLighter V4-->
<link href="./images/theme.css" rel="stylesheet" type="text/css"/>
<script src="./images/syntaxhighlighter.js" type="text/javascript"></script>
<script src="./images/syntaxhighlighter.js.map" type="text/javascript"></script>
반응형
'Tistory 운영' 카테고리의 다른 글
| [Tistory] highlightjs-line-numbers.js 적용 (0) | 2021.02.15 |
|---|---|
| [Tistory] Code Block 가로 스크롤 (0) | 2021.02.15 |
| [Tistory] SyntaxHighlighter v3 적용 (0) | 2021.02.15 |
| [Tistory] [Code Block] Color Scripter 이용하기 (0) | 2021.02.15 |
| [Tistory] Syntax Highlight 플러그인 적용 (0) | 2021.02.15 |
댓글