본문 바로가기

기타/팁

티스토리] 글 내용에 소스코드 예쁘게 삽입하기

 안녕하세요.

티스토리 블로그 글 내용에 소스코드를 삽입할 때,

소스코드를 각 언어의 문법에 맞는 형식으로

예쁘게 넣는 방법 알려드리겠습니다.


------------------------------------------------


 먼저, 아래의 첨부 파일을 받아주세요.

(색인에 사용되는 파일들 입니다.)


syntaxhighlighter_2.0.287.zip


압축을 풀어 나온 파일을 전부


'블로그 관리> 꾸미기> HTML/CSS 편집'


에 들어가면 나오는

파일 업로드 란에

'추가' 해줍니다.




----------------------------------------------


그리고 HTML 텝을 클릭하면

HTML 소스코드를 입력할 수 있는데요.

<head>의 다음 공간

아래의 코드를 붙여넣습니다.


SourceSkin.txt




완료되셨다면 저장을 하시고 

빠져나옵니다.


----------------------------------------------


이제 적용이 됬는지 확인을 위해

소스코드를 삽입해보겠습니다.


그 전에,


소스코드를 각 언어에 맞는 형식으로 변경하려면

'이 부분이 소스코드다'

라는 것을 알려줘야 겠죠?



그 방법은 간단합니다.

먼저, 글쓰기에서 html 체크를 하셔서

html 입력모드로 들어갑니다.


그리고 다음과 같은 양식으로

소스코드를 삽입합니다.


<pre class="brush:삽입할 언어 ">

소스코드

</pre>





그럼 다음과 같이 소스코드에 스킨이 적용이 된 것을

확인하실 수 있습니다.

 


string="this is test"

print string



이 정보가 상당히 유용하여

바지가 축축해졌다면

공감 버튼을 눌러주세요.


(내년 초봄의 어느 날, 루돌프가 새 속옷을 선물해줄 수도?)