-
티스토리 코드 하이라이트기타 2021. 1. 20. 18:34728x90
1. highlightjs.org 사이트에 들어가 스타일을 다운 받는다.
Get version 클릭 -> 맨 밑으로 내려서 다운로드 클릭
2. highlightjs.org/static/demo/ 원하는 스타일을 고른다
3. 다운 받은 파일에서 highlight.pack 과 원하는 코드 스타일 파일을 아래의 위치에 업로드 한다.
티스토리 관리 홈 -> 꾸미기 -> 스킨 편집 -> html 편집 -> 파일 업로드
4. HTML에서 <head> 아래에 코드를 넣어준다.
<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.5.0/build/styles/atom-one-dark.min.css"> <script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.5.0/build/highlight.min.js"></script>default.min.css 에서 default 부분을 원하는 코드 스타일 이름으로 바꿔준다.
5. 하이라이트가 나오도록 도와주는 코드도 그 밑에 넣어준다.
<script>hljs.initHighlightingOnLoad();</script>6. 적용
티스토리 코드 하이라이트 간단한 3가지 방법 - 플러그인, highlight.js, 웹 사이트 활용 - 아이공
티스토리 코드 하이라이트 간단한 3가지 방법 - 플러그인, highlight.js, 웹 사이트 활용 - 아이공 코드를 많이 사용하는 프로그래머나 혹은 개발자를 꿈꾸는 사람들에게 블로그 활동을 하는데 밋밋
aigong.tistory.com
'기타' 카테고리의 다른 글
맥(Mac)에서 데스크탑(우분투) 원격 접속하는 방법 (0) 2021.02.28 메타버스란? (0) 2021.02.24 우분투에서 구글 크롬(Chrome) 설치하기 (0) 2021.01.20 2021년 가트너 9가지 전략기술 (0) 2021.01.18 2020년 이후 가트너 10대 전망 (0) 2020.07.01