본문 바로가기

블로그 노하우

티스토리에 소스코드 올리기

블로그를 운영하다보면 소스코드를 그대로 공유해야 할 경우가 가끔씩 있습니다.

보통 txt파일로 등록을 하는 방식으로 공유를 하곤 합니다.

오늘은 조금 더 보기 좋게 소스코드를 공유하는 방법에 대해서 공유해 드리도록 하겠습니다.

 

1. 먼저 필요한 파일을 다운로드 받으셔야 합니다.

http://alexgorbatchev.com/SyntaxHighlighter/download/ 이 사이트에서 다운로드 받으실 수 있습니다.

(바로 다운로드 받기 Click here to download )

 

2. 압축을 푼 후, 티스토리 관리자 설정메뉴 중 [ HTML/CSS편집]의 파일업로드에 scripts폴더와 styles폴더의 파일을 모두 업로드 시킵니다.

 

3. [ HTML/CSS편집]의 skin.html란에 </head>바로 위에 아래 코드를 삽입합니다.



































 

4. html작성 모드로 두고 아래와 같이 소스코드를 입력하시면 됩니다.

<pre class=brush:javascript>
소스코드
</pre>

쉽죠?

이제 조금 더 전문가 같은 포스팅을 하실 수 있을거에요~