블로그에 코드 작성하기(color script)

안녕하세요??

자운대 고라니입니다.

오늘은 블로그에 소스코드 깔끔하게 작성하는 방법에 대해서 알아보겠습니다.

---

코딩 블로그에 들어가 보면 아래와 같이 깔끔하게 코드가 정렬된 것을 본 적 있으실 겁니다.

 

#include <iostream>
 
using namespace std;
 
int main(void) {
    cout << "hello world!" << endl;
    return 0;
}

이제 막 블로그에 소스코드를 업로드하려는 분들 중 어떻게 하는지 방법을 모르는 분들도

꽤 많을 거라 생각해서 글을 작성해봤습니다.

---

우선 구글에 color scripter라고 검색해봅니다.

그 후 맨위에 colorscripter.com이라는 사이트에 들어가 줍니다.

 

위와 같이 소스코드를 작성하는 부분과 언어, 스타일 패키지, 배경 등 설정하는 부분으로 나뉩니다.

일단 소스코드를 작성하고, 자신이 원하는 형태로 설정을 바꿔줍니다.

(저는 검은색 배경을 선호하므로 스타일 패키지를 서브라임 블랙으로 설정하였습니다.)

 

이렇게 설정이 완료되었다면, 우측 하단에 'html복사'라는 버튼을 클릭하여서 해당 소스코드를 복사해줍니다.

 

HTML로 복사 클릭

CTRL + c(소스코드 복사)

 

그 후 업로드할 글에 상단에 보시면 기본 모드라고 있을 겁니다. 이를 HTML로 바꿔줍니다.

모드를 바꿔주면 아래와 같이 현재 페이지에 작성했던 글들이 소스코드 HTML 소스코드 형태로 바꿔집니다.

이때 자신이 원하는 위치에 "Color scripter"사이트에서 복사해 둔 소스코드를 붙여 넣어줍니다.

 

빨간색으로 표시해둔 부분이 color scripter에서 복사한 소스코드

그 후 다시 HTML -> 기본 모드로 바꾼다면 아래와 같이 이쁘게 소스코드가 작성되어있을 것입니다.

 

#include <iostream>
 
using namespace std;
 
int main(void){
    cout << "hello wolrd!" << endl;
    return 0;
}

---

블로그에 소스코드를 작성하실 생각이라면  colorscripter 사이트 활용은 선택이 아닌 필수라고 생각합니다.

이 글이 큰 도움이 되면 좋겠습니다.

이상으로 글을 마치겠습니다.

항상 감사합니다. ^^