Color Scripter Tistory에서 사용하기(단계별로)

항상 Tistory를 사용할 때, 코드를 이쁘게 넣고 싶다.

다른 분들도 항상 잘하니까!

그래서 코드 블럭도 사용해보려고는 했지만, 결국 시간이 지나면 좀 복잡하기도 하고 까먹는다.

 

그래서 검색 끝에 찾은 가장 간단한 방법은 Color Scripter를 사용하는 것이다!

 

나중에 잊어먹지 않도록, 그리고 나 같은 사람들을 위해서 정리해서 올린다.

 

 

1단계: colorscripter.com 으로 들어간다.

이런 창이 뜬다

---

2단계: 코드를 ctrl+c , ctrl+v를 한다.

이런식으로 들어가게 된다.

 

 

3단계: 이제 언어, 스타일패키지, 배경을 고르면 된다!

위의 사진은 스타일패키지를 "서브라임 블랙"으로 선택한 것이다.

 

4단계: 이제 스타일이 바뀌었으니, 오른쪽 아래에 있는 "HTML 복사"를 눌러서 해당 코드를 "HTML" 형태로 복사를 한다

"HTML로 복사"를 누르면 저런 작은 1줄까리 창이 뜨는데, 저걸 ctrl+c하면 된다.

 

5단계: 이제 복사를 했으니, Tistory로 와서 글쓰기를 하는 창에서 "기본모드"를 "HTML"로 바꾼다.

HTML로 바꾸는 것은 별표로 표시한 부분을 누르면 된다.

HTML로 바꾸면 해당 창이 나온다.

 

6단계: 이제 HTML창에서 원하는 곳에 아까 color scripter에서 복사한 HTML을 붙여넣기(ctrl+v)를 해주면 된다!

이런 형태로 집어넣게 되면 밑에처럼 코드가 잘 나오는 것을 볼 수 있다!

#include <stdio.h>
int main(void) {
    /* 간단한 출력문을 만들어봤습니다. */
    int num;
    scanf("%d", &num);
    printf("Hello World\n");
    printf("This is a test for color scripter\n");
    printf("%d에는 int가 저장되어 있습니다.\n", num);
    return 0;
}