선생님, 개발을 잘하고 싶어요.

tistory 코드 하이라이트 구성 본문

블로그 배우기

tistory 코드 하이라이트 구성

알고싶은 승민 2018. 8. 21. 09:15

code 를 보기 좋게 보이게 하기위해서 필요했다. 검색해보다가 정리가 잘된 블로그 발견 : https://www.jbfactory.net/10351


내꺼 블로그에는 skin.html 에 head 태그 사이에 3줄의 코드만 추가했다.


<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/styles/androidstudio.min.css">

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.5.0/highlight.min.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

첫번째 줄의 androidstudio.min.css 에 androidstudio는 https://highlightjs.org/static/demo/ 이 사이트에서 style 원하는데로 변경해주면 된다.


skin.html에 접근하려면 

  : 블로그 관리 - 꾸미기 - 스킨 편집 - html 편집 에서 접근할 수 있다.

Comments