블로그에 소스코드 넣기 (Github Gist)

이번 포스팅에서는 Github Gist 를 이용하여 블로그에 소스코드를 삽입하는 방법에 대해 알아보자.

Gist?

Gist 는 Github 에서 제공하는 서비스로 "Instantly share code, notes, and snippets." 라고 하여

짧은 코드, 메모 등을 기록 또는 공유 목적으로 사용할 수 있는 무료 서비스다.

 

하단은 Gist 로 삽입한 소스코드다.

아마도, 여러 블로그에서 하단과 같은 형태를 보았을 것이다.

 

Gist 로 소스코드 삽입하기

1. GitHub 에 로그인하기.

https://github.com/

 

2. GitHub 에서 '+' 를 click 하여 'New gist' 선택하기.

3. 신규 Gist 작성하기.

◼ 설명 : 해당 Gist 에 대한 설명이다.

◼ 파일이름 & 확장자 : 확장명에 따른 syntax highlighting 이 제공된다.

동일한 이름과 확장자를 써도 된다.(중복 허용 가능)

확장자가 없다면 syntax highlighting 이 안 된다.

◼ 생성

- Create secret gist : 검색엔진에서 검색되지 않도록 한다. 단, URL 만 있으면 누구든 볼 수 있다.

- Create public gist : 검색엔진에서 검샏 되도록 한다.

 

4. 생성된 Gist 를 클립보드로 복사하기.

5. 블로그에 삽입하기

5.1 블로그에 진입하여 "HTML" 모드로 변경하기

 

5.2 클립보드에 복사되어 있는 Gist 붙여넣기

6. 삽입된 Gist 확인하기