새롭게 업데이트된 "코드블럭" 기능이 작성중일때만 적용되고 미리보기나 발행을 하게되면 적용되지 않습니다. 기능 오류가 아닌 다양한 플러그인을 적용할 수 있도록 "pre, code" 와 같은 테그만 생성 해주는 기능 입니다.
그렇기 때문에 티스토리에서 제공하는 하이라이트 플러그인이나 highlight.js 를 적용해야 합니다.
두가지 방법 모두 어렵지 않습니다.
방법1. 티스토리 플러그인 설치
1. 티스토리 관리 페이지 > 플러그인 > "코드" 검색 후 클릭
2. 테마 선택 및 적용
3. 결과 확인
방법2. highlight.js 플러그인 적용
1. 플러그인 적용
- CDN 링크 복사
- 스킨 편집에서 <head></head>사이 가장 하단에 붙여 넣습니다.
<link rel="stylesheet"
href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/styles/default.min.css">
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
2. 스타일 테마 변경
- 데모사이트이동
- Styles을 고른 후 마음에 드는 Styles이름을 스킨에 붙여넣었던 link의 'default.min.css' 부분을 수정해 줍니다. (ex. androidstudio.min.css)
<link rel="stylesheet"
href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/styles/androidstudio.min.css">
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.16.2/build/highlight.min.js"></script>
<script><!--hljs.initHighlightingOnLoad();--></script>
3. 결과 확인
'기타 > 블로그 팁' 카테고리의 다른 글
| 티스토리 애드센스(3-1) 반응형 디스플레이 광고 설정 방법(단위기준설정) (0) | 2019.12.02 |
|---|---|
| 티스토리 애드센스(2) 자동 광고 넣기 (3) | 2019.12.01 |
| 티스토리 애드센스(1) 신청 방법과 승인후기 (0) | 2019.11.30 |
| 티스토리 구글 검색 등록하기 (0) | 2019.11.27 |
| 티스토리 네이버 검색 등록하기 (1) | 2019.11.26 |
