본문 바로가기

티스토리 블로그 온라인 소스 코드 넣기 ColorScript

티스토리 블로그에 온라인 소트 코드 넣기 ColorScript



출처 : c# 익스플로러 user agent 변경




출처 : c# 인터넷 익스플로러 제어




위와 같이 블로그들을 돌아다니다 보면은 소스 코드에 디자인을 입혀서 예쁘게 만들어진 것들을 보실 수 있습니다.


티스토리 블로그에 소스 코드 디자인으로 검색을 하면은 대부분 SyntaxHighlighter 라이브러리가 대부분입니다.


그런데 글들을 읽다 보면, 라이브러리들을 다운로드 받아서 업로드를 시켜야 합니다.


시간이 없는 우리와 같은 사람들은 온라인으로 바로 복사 & 붙여넣기를 하길 원하죠


그래서 찾아보니 ColorScripter 라는 사이트가 존재합니다.



코드를 붙여 넣기 하면, 언어도 바로 인식이 가능합니다.


그리고 원하는 스타일패키지도 기본으로 제공하고 있습니다.


저는 주로 기본 혹은 서브라임 블랙을 사용합니다.


내 코드를 붙여 넣은 후, 가장 중요한 포인트는 아래와 같습니다.



1. 세부설정 버튼 클릭





2. HTML태그 자체 복사 선택



3. 클립보드에 복사 버튼 클릭




4. 내 티스토리 블로그 글쓰기에서 "HTML"  체크박스 클릭 후, 아래 창에 붙여넣기




이렇게 하시면, 아래와 같이 내 블로그에 이쁜 디자인을 입힌 코드가 들어가 있는 것을 확인 하실 수 있습니다.



어렵지 않죠?


이제 여러분들도 내 코드에 이쁜 테마를 온라인으로 실시간으로 입힐 수 있습니다.


굳이 라이브러리들을 파일 첨부해서 하실 필요는 없으실꺼예요.