계단을 오르듯이

Tistory에 코드 올리기 (feat. Color Scripter) 본문

기타

Tistory에 코드 올리기 (feat. Color Scripter)

happyAyun 2022. 1. 12. 08:00

아래의 링크로 Color Scripter로 들어갈 수 있다.

 

Color Scripter

Simple & Flexible Syntax HighLighter

colorscripter.com

 

첫 화면에 아래와 같이 해당 코드를 붙여넣는다.

 

위에 설정바를 살펴보면 

 

 

 스타일 패키지를 이용해 스킨을 바꿀 수 있고,

 

 

세부설정을 클릭하면 아래와 같은 화면이 나온다. 본인은 HTML태그 자체 복사를 체크해주었다.

 

 

이제 설정이 끝나며 오른쪽 아래에 버튼에서 HTML로 복사를 클릭한다.

 

아래의 결과물을 복사를 해준다.

 

 

이제 티스토리로 돌아가 위의 메뉴바에서 기본모드를 클릭하고 HTML를 클릭해준 후 

 

 

아래의 화면과 같이 붙여넣고 발행하면 끝~!!!

 

오늘도 Color Scripter 이용하기 성공!