티스토리에 GitHub Gist 코드 삽입하기

그동안 티스토리에 코드를 올릴 때 자체 코드블럭 플러그인을 이용했는데, 진짜 너무 구려서 이전에 올렸던 글까지 싹 다 바꾸기로 결심했다.

 

gist는 간단하게 짧은 코드를 공유할 수 있는 서비스이다.

 

https://gist.github.com/

Discover gists

접속하면 이런 창이 나타난다

Gist description에는 설명을 쓰면 되고, Filename including extension은 그냥 파일 이름 쓰란 뜻이다. 그리고 밑에 Add file을 통해 한 gist 안에 여러 파일들을 넣을 수 있다. 근데 이거 따로 따로 못 올리고 한번에 다 올라가니 주의.

 

그리고 오른쪽 아래에 secret/public으로 gist를 생성할 수 있는 두가지 옵션이 있다. secret은 URL이 있어야만 접속 가능하다.

 

작성하고 생성하면 다음처럼 뜰 것이다.

여기서 우측 상단에 보면

이런 부분이 있는데 이 스크립트 태그를 복사해서 게시물 HTML 모드에서 삽입하면 된다. 그럼 깔끔하게 코드를 집어넣을 수 있을 것이다.

 

예시)