Color Scripter 블로그 소스 코드 포스팅

반응형

Color Scripter

보안 공부를 하면서 다양한 언어를 많이 접하는데 블로그 포스팅할 때 소스 코드를 입력하는 경우가 많다. 하지만 그냥 평문으로 코드를 입력하면 이쁘지도 않고 가독성도 많이 떨어지는게 사실이다. 그래서 사람들이 포스팅할때 많이 사용하는 디자인된 소스 코드를 사용하기로 했다. 여러가지 찾아본 결과 Color Scripter라는 사이트를 찾았는데 무료로 소스코드를 하이라이팅 할 수 있는 사이트이다. 가장 사용하기 간편하고 이쁜 것 같아서 홍보도 할 겸, 사용방법을 포스팅 하려고 한다. 


[링크]

https://colorscripter.com                 //웹페이지 직접 코딩

https://colorscripter.com/pcver        //PC 프로그램 버전


[디자인]

Color Scripter는 3가지의 스타일과 3가지의 배경을 제공한다.

스타일

배경

기본

단일색상

핑크 레몬에이드

이중색상(격배경)

서브라임 블랙

배경없음(투명)  


[지원 언어]

지원 언어

Text

JSP

ActionScript

MarkDown

ASP

Objective-C

Bash

Perl

C

PHP

C#

Python

CSS

Ruby

HaXe

SQL

HTML

Swift

Java

VisualBasic

JavaScript

XML


[예시]

1) 스타일패키지 : 기본 / 배경 : 단일색상

1
2
3
4
5
6
#include <stdio.h>
int main()
{
    printf("Hello, world!\n");                                                
    return 0;
}
cs


1-2) 스타일패키지 : 기본 / 배경 : 배경없음(투명)

1
2
3
4
5
6
#include <stdio.h>
int main()
{
    printf("Hello, world!\n");                                                
    return 0;
}
cs


2) 스타일패키지 : 핑크 레몬에이드 / 배경 : 이중색상(격배경)

1
2
3
4
5
6
#include <stdio.h>
int main()
{
    printf("Hello, world!\n");                                                
    return 0;
}
cs


3) 스타일패키지 : 서브라임 블랙 / 배경 : 단일색상

1
2
3
4
5
6
#include <stdio.h>
int main()
{
    printf("Hello, world!\n");                                                
    return 0;
}
cs


[사용 방법]

웹페이지에서 직접 코딩하는 것을 기준으로 설명하자면 첫번째 링크를 타고 들어가서 입력할 언어를 선택하고 원하는 스타일패키지 및 배경을 선택한후 오른쪽 하단에 클립보드로 복사를 누르면 된다.


[그림 1] Color Scripter 메인 화면

[그림2] 언어 선택

[그림 3] 스타일패키지 선택

[그림 4] 배경 선택

[그림 5] 세부설정 화면

반응형
TAGS.

Comments