Gist를 사용해 티스토리에 코드 업로드하기

원래 코드를 syntaxhighlighter 를 사용해 업로드 해왔습니다.

그런데 최근 티스토리 스킨 변경을 해봤다가 작동이 안되어 고쳐볼려고 이것저것 해봤습니다만 쥐쥐쳤습니다.

티스토리 이번에 새로생긴 에디터에는 코드블록을 작성하는 기능을 제공했지만 비주얼이 맘에 들지 않았습니다. (ㅈㅅ)

그래서 Gist를 사용해 업로드 하기로 했습니다.

개인적으로 편한건 전에 쓰던게 낫더군요. 

그래도 Gist는 작성 후 링크만 삽입하는 방법으로 진행되기 때문에,

github이 박살나는 경우만 아니면 티스토리 변경에 영향을 받지 않을거 같습니다.

 

https://gist.github.com/

Discover gists

 

해당 링크를 누르게 되면 밑의 화면이 나올겁니다. (작성일 기준)

(화면의 tomato 어쩌구는 신경 ㄴㄴ) 

제가 메뉴얼을 보진 않았습니다. 자세한 부분은 따로 메뉴얼을 찾아봐주시면 고맙겠습니다.

Gist Description : 코드 설명부분

Filename  including extension : 해당 파일 이름.  자신이 업로드할 언어에 대한 확장자를 입력하면

                                         자동으로 그 언어에 대한 하이라이트기능을 제공합니다.

넓직한 textarea부분은 말씀 안드려도 되겟죠? 코드 부분입니다.

 

작성해 보겠습니다.

에디터의 Indent mode, Indent Size, Line wrap mode 는 입맛에 맞게 설정해주시면 됩니다. 

작성 후 Create 버튼을 누르시면 됩니다.

Secret 과 Public 이 있는데 저는 Public 으로 진행하겠습니다. 

검색해보니 secret은 URL을 가진 사람만 접속하거나, 검색엔진에 수집되지 않거나 그런거 같습니다.

create 후 화면입니다.

 화면을 보시면 Embed와 옆에 script태그가 있습니다. 

이것을 복사 후 티스토리의 HTML작성으로 가서 

붙여넣기 해주시면 완료입니다.

 

결과물입니다. 고맙습니다.

 

(저는 티스토리에 업로드할 목적으로 필요한 만큼만 알아보았습니다. 자세한 부분은 따로 검색하셔야 합니다.)