티스토리, 네이버 블로그에 소스코드 넣기

아래와 같이 티스토리나 네이버 블로그에 여러분들이 작성한 소스코드를 추가하려면 어떻게 해야 할까요?

 

#include <stdio.h>
 
int main()
{
    printf("소스코드를 멋지게 꾸미자!\n");
    return 0;
}

보통은 SyntaxHighlighter를 다운로드 받아 설치 및 설정 후 사용합니다.

하지만, 개인적으로 SyntaxHighlighter의 디자인이 조금 딱딱하고 복잡해 보여 심플하면서도 보기 편한 디자인을 찾게 되었는데요.

Color Scripter가 딱 마음에 들었습니다.

https://colorscripter.com/

• 티스토리 네이버 블로그 상관없이 적용 가능하다는 점 

• 배경 라운드 박스 처리

• 자동 소스코드 언어 인식

• 클립보드 복사로 쉬운 사용법 

사용법은 다음과 같습니다. 

1. Color Scripter 사이트에 접속하여 코드를 붙여넣기 합니다.

2. 스타일패키지와 배경을 원하는 것으로 선택하고, 세부 설정으로 들어갑니다. (HTML 태그 자체 복사 체크)

3. 클립보드에 복사하기 버튼을 클릭하여 소스코드의 HTML을 복사합니다.

4. 티스토리나 네이버 블로그에 글을 작성할때 HTML 모드에서 복사된 내용을 붙여넣기 합니다.

5. 소스코드가 추가된 것을 확인합니다.

package exam1;
 
public class Hello {
    public static void main(String[] args) {
        System.out.println("Hello Java");
    }
}