[ 방법 ] 티스토리에 소스코드 넣기 | 설치없이 하이라이팅 소스코드 삽입

티스토리에 소스코드를 넣어서 포스팅 하고 싶으신가요?

이왕이면 소스코드를 한 눈에 보기 쉽게 하이라이팅하여 삽입하면 가독성에도 좋죠.

이를 위해선 하이라이터를 이용해서 소스코드를 업로드하면 되는데 이번 포스팅은 어떠한 별도 설치 없이 사용 가능한 하이라이터를 소개해드릴게요.

| Color Scripter를 이용한 소스코드 포스팅

Color Scripter (컬러 스크립터 사이트)를 이용하면 쉽고 간단하게 하이라이트된 소스코드를 블로그에 삽입할 수 있어요.

컬러 스크립터에서는 아래와 같이 다양한 언어를 지원합니다.

Text, ActionScript, ASP, Bash, C, C#, CSS, HaXe, HTML, Java, JavaScript, JSP, MarkDown, Objective-C, Perl, PHP, Python, Ruby, SQL, Swift, VisualBasic, XML

[스타일패키지]에서 코드 하이라이트에 사용할 스타일을 선택할 수 있어요.

컬러 스크립터 스타일패키지

[세부설정]에서 글꼴, 줄간격, 줄번호 복사 여부 선택, 줄번호 시작숫자, 탭 공백 4개로 변경 여부 선택, HTML태그 자체 복사 여부 선택, 가로/세로 크기 제한 등을 설정하실 수 있어요.

컬러 스크립터 세부설정

| 소스코드 하이라이트 및 복사

1. Color Scripter 페이지에 하이라이트 시키고 싶은 소스코드 작성하기 (복사/붙여넣기 가능)

2. 하이라이팅 규칙 적용하고 싶은 언어 설정하기 (언어 자동설정 가능)

컬러 스크립터 코드 작성

3. 소스코드 작성 후 오른쪽 하단에 있는 [HTML로 복사] 클릭 후 복사

공유/복사

4. 티스토리 포스팅 작업 페이지에 붙여넣기한 후, 광고 텍스트가 적혀있는 셀에 커서를 두고 [열 지우기]를 한 다음 소스코드 레이아웃 사이즈 조절하기

광고 열 삭제 및 소스코드 레이아웃 사이즈 조절

| 최종 결과

아래 하이라이트 된 소스코드 결과물입니다.

1 2 3 4 5 6 7 8 #include < stdio.h > main( void ){ printf ( "Hello World!

" ); return 0 ; }

from http://onthefastlane.tistory.com/53 by ccl(A) rewrite - 2020-03-16 21:20:08