Programming/Etc

티스토리 블로그 소스코드 하이라이트 Color Scripter 적용 (highlight.js 대체)

통통만두 2018. 11. 13. 19:25
반응형

프로그래머분들이 블로그에 포스팅을 하시다보면 소스코드를 올리시는 경우가 있습니다. 조금 더 이쁘게 소스코드를 표현할 방법이 없을까~ 한 번쯤 고민을 해보셨을것 같습니다. 보통 티스토리 블로그를 사용하시는 분들은 highight.js를 사용하실지도 모르겠습니다. 아니면 prism이나 MarkDown을 이용해서 하시는 분들도 있을것 같네요.

하지만 이 모든 것들은 뭔가를 설정을 해줘야하고 js파일이나 css파일을 업로드하는 등의 일련의 과정이 필요합니다. 하지만 지금 소개해드리는 Color Scripter은 그런거 없습니다. 그냥 소스 코드를 입력해서 클립보드로 복사해서 블로그에 붙여넣기(paste)하면 끝입니다.

Color Scripter 사이트


사용방법

Color Scripter 사이트로 이동 후 위의 화면과 같이 소스코드를 붙여넣습니다. 언어는 자동으로 인식을 하지만 자동인식된 언어가 틀릴 경우 수동으로 변경하여주시면 됩니다. 이 뿐만 아니라 스타일, 배경 등등 세부적인 설정도 가능하니 자세한 것은 Color Scripter 사이트에서 확인해주세요.

소스코드를 붙여넣으셨다가 우측 하단의 클립보드에 복사 버튼을 누르신 다음 블로그에 붙여넣기(paste)하시면 됩니다. 이 때 html모드로 하지마시고 그냥 붙여넣으시면 됩니다.

1
2
3
4
5
#include <stdio.h>
 
void main() {
    printf("Hello! World!");
}
cs



짜잔~ 잘 되쥬?

반응형