본문 바로가기

TIP

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

깃허브의 Gist를 사용하여 블로그에 소스코드를 넣을 것이다.

 

Gist는 "Instantly share code, notes, and snippets" 라고 하여,

 

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

 

 

1. 깃허브에 로그인한다.

 

http://github.com

 

Build software better, together

GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects.

github.com

 

 

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

 

 

 

 

3. 맨 위에 설명을 입력하고, 다음으로 파일의 이름과 확장자를 입력한다.

그리고 코드 입력후, "Create secret gist" 버튼을 클릭한다.

(secret이라고 나만 볼 수 있는건 아니다. 검색엔진에서 검색되지 않을뿐, URL만 있으면 누구든 볼 수 있다.

검색엔진에서 검색되길 원한다면 public을 선택하면 된다.)

 

확장자(cpp, cs, js)를 넣지 않으면 코드가 하이라이팅 되지 않는다!

 

 


4. 이제 Gist에 생성된 "sample.cpp" 코드가 보여진다. 상단에 Embed 태그가 보여지는데 우측에 클립보드 버튼을 클릭하여 복사한다.

 

 

 

 

5. 블로그에 들어가서 글쓰기를 하고, Html 모드로 변경한다.

 

 

6. 태그를 붙여넣고, 다시 기본모드로 돌아온다.

 

 

 

 

7.  GIST 박스가 생성된 것을 확인할 수 있다. 이제 제목을 입력하고, 글을 추가한 후에 완료를 클릭한다.

 

 

 

 

8. 이제 다음과 같이 소스 코드가 표시된다.

 

 

 

끝!