티스토리에서 소스 코드 입력 처리 하기 [Tstory + Syntaxhighlighter]

개발 관련 소스 코드를 입력하기 위해 Code 를 Tstory 게시판에 어떻게 작성할수 있을까? 찾아보았다

역시 많은 사람들이 설정하는 방법에 대해서 알려주었고 그 덕분에 나 역시 소스 코드를 입력할수 있게 되었다 :) 

소스코드를 다운받아 업로드 하여 사용하는 방법 대신 

손쉽게 소스를 서버로 받아오는 CDN 방식으로 설명하고자 한다.

우선 Head 에 CDN 주소를 넣어야 하기에 Html / CSS 편집 창으로 진입한다.

위 소스를  Head 사이에 소스를 추가 한다. 

개인적으로 다크 테마를 좋아하기에 다크만을 추가 하였다. 

그 다음으로 CSS 수정 탭으로 이동하여 제일 상단에 다음에 소스를 추가 한다.

div .syntaxhighlighter {
overflow-y: hidden!important; overflow-x: auto!important;
	padding:20px 0px;
}

모든 설정은 끝이 났고 이제 코드를 넣으려 할때 아래 부분을 넣어서 코드만 넣어주면 끝이난다.

이부분에 소스를 넣어주면 끝~! 

근데 위 코드를 매번 기억해서 쓰기가 귀찮으니 서식관리를 통해서 클릭한번으로 언제든지 코드를 추가 할수 있도록 진행하였다.

콘텐츠 > 서식 관리 에서 아래 이미지 처럼 작성해서 저장하였다.

글쓰기 창에서 우측 하단에 아까 저장해 놓은 서식이 보여진다 

이제 마음껏 추가 해서 쓰면 끝~!