티스토리는 현재 마크다운을 공식지원 하고 있지만
코드 하이라이팅은 기본으로 적용되지 않습니다.
코드 하이라이트가 적용 된 스킨을 사용하고 계시는 분들도 있고
개인의 취향에 따라 자율적으로 스타일을 적용할 수 있게 하려는 의도라고 합니다.
따라서 하이라이트가 적용되지 않은 스킨을 사용하신다면 별도로 설정을 해주셔야 합니다.
코드블럭에 하이라이트 적용하는 2가지 방법을 알아보겠습니다.
방법1: 플러그인 사용
- 블로그 관리페이지 > 플러그인 메뉴로 이동
- Syntax Highlight 선택
- 하단 테마에서 원하는 테마 선택 (대표 테마: Github)
- 적용 버튼 클릭
방법2: highlight.js 사용
cdn을 이용해서 html 태그에 삽입하는방법
- highlight.js demo 에 접속
- 원하는 스타일 찾기 (대표 스타일: Github 스타일)
- highlight.js demo
- highlightjs.org
스타일명은 github.min.css 이 된다. (.min.css 의 형태인지 반드시 확인 - 스타일명을 포함한 아래의 코드 복사
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.9/styles/github.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.9/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script>- 블로그관리 > 스킨편집 > Html
- 위에서 복사한 코드 붙여넣기
- 적용 버튼 클릭
출처: https://simsi6.tistory.com/43 [곰돌푸우❤️]에서 발췌