레이블이 Syntax Highlight인 게시물을 표시합니다. 모든 게시물 표시
레이블이 Syntax Highlight인 게시물을 표시합니다. 모든 게시물 표시

2018년 12월 15일 토요일

블로그에 소스 코드 넣기


블로그에 소스 코드를 넣을 때, 그냥 복사해서 붙여넣으면 가독성이 많이 떨어진다.
코드용 에디터들은 Syntax Highlight를 지원하기 때문에 함수나 상수들을 알록달록하게 표시해 주지만, 그냥 복붙하게 되면 일반 텍스트와 똑같이 들어가니까.
그렇다고 직접 하나하나 색을 넣는 것도 상당히 귀찮은 일이다.

이럴 때 사용하는 방법이 몇 가지 있는데, 가장 쉬운 방법은 웹서비스를 이용하는 것이다.
설치할 필요도 없고, HTML 문법을 몰라도 사용가능하다.
사용가능한 몇몇 웹사이트가 있지만 가장 유명한 건 역시 Color Scripter이다.

https://colorscripter.com

워낙 간단해서 특별히 설명할 것이 없다.
위 사이트에 접속하면 아래와 같은 화면을 볼 수 있는데,
1. 코드를 붙여넣고 (코드를 넣으면 어떤 언어로 된 코드인지가 자동으로 인식된다),
2. 스타일패키지 버튼을 눌러 컬러 테마를 선택하고,
3. 세부선택 버튼을 눌러 몇몇 옵션을 골라주고,
4. 오른쪽 아래에 있는 '클립보드에 복사' 버튼을 눌러주면 된다.


세부 설정을 들어가면 몇몇 옵션을 고를 수 있는데,
1. 글꼴
2. 줄간격
3. 줄번호 (줄번호를 표시할지 말지, 표시한다면 몇 번부터 시작할 건지를 고를 수 있다)
4. 탭을 공백으로 변환
5. 가로 세로 사이즈 (픽셀 단위) 제한
등의 옵션이 있다. 간단하니 조금만 만져보면 바로 알 수 있다.

아래는 실제로 넣어본 코드이다.

1
2
3
4
5
6
7
#include <stdio.h>
int main(int argc, char * argv[])
{
    printf("Hello, world\n");
    return 0;
}
cs