본문 바로가기

IT/Blog Tip

[티스토리] Gist Github(깃허브)로 소스 코드 추가

Github(깃허브)의 Gist를 통해서 티스토리에 소스 코드를 쉽게 공유할 수 있습니다.

Gist를 사용했을 때의 장점은 나중에 코드를 변경했을 때 자동적으로 적용이 된다는 점입니다.

Gist 주소는 아래와 같습니다.

https://gist.github.com/

깃허브 계정이 없는 경우 우측 상단의 Sign up for a Github account 버튼을 누르고 계정을 생성합니다.

이메일과 비밀번호 등을 입력하면 간단하게 계정 생성이 가능합니다.

로그인을 하면 우측 상단에 New gist라는 메뉴가 생깁니다.

New gist를 클릭하고 코드에 대한 설명, 파일명과 함께 코드를 작성하면 됩니다.

우측 상단 부분에서는 탭과 공백에 대한 설정을 할 수 있습니다.

코드 작성을 완료하고 Add file 버튼을 눌러서 코드를 생성합니다.

해당 코드 조각을 선택하면 Embed 태그가 제공되는 것을 확인할 수 있습니다.

이제 티스토리 글 작성시 좌측 상단의 외부컨텐츠를 선택합니다.

소스 입력 부분에 Gist의 스크립트 코드를 붙여넣기 하고 확인을 누르면 됩니다.

에디터에서는 실제 코드는 표시되지 않습니다.

미리보기를 통해서 코드가 적용된 것을 확인할 수 있습니다.

Gist의 장점은 코드를 수정하면 해당 코드를 추가한 모든 곳에 자동으로 반영이 된다는 점입니다.

Gist를 통해서 깔끔하고 편리하게 코드 조각 공유가 가능합니다.