본문 바로가기
Tistory 운영

[Tistory] Syntax Highlight 플러그인 적용

by 까망 하르방 2021. 2. 15.
반응형

Tistory 새 글 에디터에는 코드를 시각적으로 잘 보일 수 있도록 "코드블럭" 기능을 제공한다.

하지만 Highlight가 제대로 적용되어 있지 않아 추가적으로 설정이 필요하다.

추가적인 설정이 필요하도록 한 이유는 여러가지 모양이나 방식을 사용자가 선택하도록 지원하기 위함과

이미 스킨에서 highlight를 적용하는 사용자들을 고려했기 때문이다.

 

코드블럭으로 소스코드 작성하기

코드 블럭 삽입하기 개발자 블로거를 위하여 코드 삽입 기능을 제공합니다. 코드 블럭은 소스코드를 입력하고 보기 좋게 공유하는 것을 돕는 기능입니다. 툴바 메뉴에서 더보기 > 코드블럭을

notice.tistory.com

 

tistory에서도 기본적인 syntax Highlight 플러그인을 지원한다.

 

플로그인 목록 중 아래 항목 선택

 

기본적으로 아래와 같은 스타일들을 제공한다.

 

가령, "Atom One Dark" 테마는 아래와 같은 결과가 보여진다.

Tistory (구) 에디터 사용하는 경우, HTML 편집창에서 아래 태그 이용

"LANG" 부분에는 사용하는 언어 기입 ex) "python", "html" 등 

<pre><code class="LANG">...</code></pre>

 

 

반응형

댓글