[블로그] 티스토리에 소스코드 이쁘게 올리는방법

이번에는 블로그상에 소스코드를 이쁘게 올리는 방법에 대하여 알아보겠습니다. 예쁘게 꾸며진 블로그들을 보면 소스코드를 보기쉽고, 복사하기 쉽게 해놓은 사이트들이 많습니다. Color Scripter를 이용하면 소스코드를 보다 이쁘게 올릴수 있습니다. 먼저 아래사이트로 접속합니다. colorscripter.com/

세부설정-> HTML테그 자체복사를 선택후 저장을 클릭합니다. 

소스코드를 붙여넣은후 클릭보드에 복사를 선택합니다. 

스타일패키지를 클릭해보면 기본,핑크레몬에이드,서브라임 블랙 3가지 스타일로 올릴수 있는 HTML코드를 생성해줍니다. 

이제 복사된 HTML코드를 티스토리에 넣어보도록 하겠습니다. 메뉴-> 기본모드 항목을 HTML로 선택합니다.

HTML로 선택하면 아래와같이 HTML문서가 나타납니다. 이제 클릭보드에 복사한내용을 표출하고 싶은 곳에 붙여 놓습니다. 

소스코드를 붙여놓은다음에 기본모드 설정값을 HTML -> 기본모드로 변경합니다. 해당부분으로 변경하면 아래와같이 왼쪽에 앞쪽에 라인번호가 나타나고, 오른쪽에 자동적으로 색상이 적용된 소스코드가 적용됩니다. 언어는 자동으로 테스트정보를 보고 색상을 맞쳐줍니다. 

using System;
 
namespace ConsoleApp4
{
    class Program
    {
        static void Main(string[] args)
        {
            Console.WriteLine("Hello World!");
        }
    }
}