깃허브를 통한 티스토리에 소스코드 넣기

깃허브의 gist를 통해 티스토리에 소스코드를 삽입하는 방법을 소개합니다. 

 

gist는 "Instantly share code, notes, and snippets" 라고 해서

아이디어나 메모, 코드 조각 등을 남겨서 저장하고 공유하기에 유용한 기능을 제공합니다. 

 

1. 깃허브에 로그인합니다.

http://github.com 

GitHub: Where the world builds software

2. 깃허브에서 (+) 버튼(오른쪽 상단)을 클릭하고 New gist 를 선택한다. 

New gist

 

3. gist 에 대한 description을 입력하고, 파일이름과 확장자를 입력합니다.

확장자(cpp, cs, js)를 넣지 않으면 소스코드가 하이라이팅 되지 않아요~!

그리고 코드를 입력 후 "Create secret gist" 벝ㄴ을 클릭합니다. 

(secret 이라고 해서 비공개가 아니고, URL만 공개되면 누구든 볼 수 있다.)

4. 생성된 gist 의 상단의 Embed 항목의 <script src> 코드를 선택 복사한다. 

5. 티스토리 글쓰기에서 기본모드를 HTML 모드로 변환 후 복사한 src 코드를 삽입 후 기본모드로 다시 전환한다. 

6. 글쓰기를 완료하면 gist 의 소스가 삽입된 것을 확인 할 수 있다.