본문 바로가기

공부/기타창고

티스토리 코드블럭 사용하기

반응형

https://www.jbfactory.net/12748

 

티스토리 강좌 | 새 에디터에서 코드블럭 입력하고 highlight.js로 예쁘게 출력하는 방법

티스토리에는 코딩 관련 자료가 많습니다. 그런데, 글을 작성할 때 코드를 삽입하는 것은 쉽지 않았습니다. 특히 HTML 관련 코드를 넣을 때는 특정 문자를 변환해야 하는 불편도 있었습니다. 그러나 티스토리에서 새 에디터를 출시하면서 코드를 쉽게 삽입할 수 있는 기능을 추가했습니다. 이름은 [코드블럭]입니다. [코드블록]을 클릭하면... 코드를 넣을 수 있는 창이 뜹니다. 언어를 선택하고 코드를 입력하고 [확인]을 클릭하면... 코드가 [...]

www.jbfactory.net

코드 블럭을 저대로 사용하면 아래와 같이 이쁘게~나온다.

하지만 막상 글을 게시하면 저렇게 안나오고 폰트색이 모두 블랙으로 나옵니다.

 

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

위 코드를 </head> 에 붙여넣기하면 이젠 제대로 표현이 되네요.

반응형

'공부 > 기타창고' 카테고리의 다른 글

stm32 예제 다운로드  (0) 2019.08.06
usb monitor - WIRESHARK  (0) 2019.07.29
color table RGB565,ARGB8888  (0) 2019.07.09
IEEE 754 Converter  (0) 2019.07.08
Thermistor 계산기  (0) 2018.09.17