기타
티스토리 코드 하이라이트
moving
2021. 1. 20. 18:34
728x90
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