코드블록으로 코드를 티스토리에 집어 넣는법

코드블록

가끔 코드를 사용하는 글을 쓸 때 기본모드로 사용 시 이상하게 글이 나올 때를 종종 볼 수 있다. 예를 들면 다음과 같이 박스모양의 스크립이 코드가 아니게 나오는 경우도 있다. 다음 예시의 코드의 출처는 https://sunstar2.tistory.com/2414 입니다.

기본모드에서 코드를 붙여 넣기 했을시, 코드가 이상하게 표현되는 경우를 볼수 있는 예시이다.

 

다음은 내가 원하는 코드의 모양이다.  색깔별로 자동으로 정리되어 나온다. 이를 위해서는 티스토리에서 제공하는 코드블록 메뉴를 사용하면 쉽게 작성이 가능하다.

<div class="tt_article_useless_p_margin contents_style"><div id="player">&nbsp;</div>
<p data-ke-size="size16">
<script src="https://www.youtube.com/iframe_api"></script>
</p>

 

코드블록 사용법

1. 세게의 작은 점모양을 클릭후, 코드블록을 선택하여 준다. 

세개의 점 모양 클릭후 코드블록을 선택

2. 코드블럭을 선택하면 다음과 같은 코드를 집어넣을 수 있는 새로운 창이 나온다. 여기에 코드를 붙여 넣기를 하고 확인을 누르면 정상적으로 코드가 블로그에 표현이 됨을 볼 수 있다.

코드블록창에 코드를 붙여 넣기 한후 확인을 누르면 정상적으로 스크립이나 코드가 표현이 된다.