티스토리 블로그에 Gist로 코드 스니펫 삽입하기

깃허브 블로그를 최근 들어 다시 쓰려고 하고 있는데 블로그 테마를 갈아 엎고 난 뒤 검색 최적화가 너무 안되고 있기도 하고, 포스팅 할 때 오류가 너무 자주 난다.. 그래서 티스토리에 다시 옮겨 가려고 하는데 티스토리의 자체 코드 스니펫이 사용도 불편하고 보기도 불편해서 Github Gist를 대신 사용하려고 정리해두려 한다.

1. Github Gist란?

Github Gist는 짧은 코드 스니펫(Code Snippet: 코드 조각)이나 메모 등을 공유 목적으로 사용할 수 있는 서비스이며, Private/Public 모두 무료로 사용할 수 있다.

2. Github Gist 사용법

Github Gist를 사용하려면 먼저 Github에 로그인해야 한다. 로그인을 한 뒤 접속해보면 아래와 같은 화면을 볼 수 있다.

Filename including extension란에 확장자를 포함한 파일명을 입력한 뒤 코드를 입력한 다음 create 버튼을 누르면 작성이 완료된다.

• Create secret gist: 검색엔진에 노출되지 않지만 URL을 통해 누구나 접근 가능(포스팅에 삽입 가능)
• Create public gist: 검색엔진에 노출되고 URL을 통해 누구나 접근 가능

포스팅에 삽입할 Gist 파일의 Embedded URL을 복사한다.

티스토리에 포스팅을 작성할 때 HTML 혹은 마크다운 모드로 변경한 뒤 복사한 Embedded URL을 붙여 넣는다.

다음과 같이 Gist 코드 스니펫이 포스팅에 삽입된다.