반응형
Github(깃허브)의 Gist를 통해서 티스토리에 소스 코드를 쉽게 공유할 수 있습니다.
Gist를 사용했을 때의 장점은 나중에 코드를 변경했을 때 자동적으로 적용이 된다는 점입니다.
Gist 주소는 아래와 같습니다.
깃허브 계정이 없는 경우 우측 상단의 Sign up for a Github account 버튼을 누르고 계정을 생성합니다.
이메일과 비밀번호 등을 입력하면 간단하게 계정 생성이 가능합니다.
로그인을 하면 우측 상단에 New gist라는 메뉴가 생깁니다.
New gist를 클릭하고 코드에 대한 설명, 파일명과 함께 코드를 작성하면 됩니다.
우측 상단 부분에서는 탭과 공백에 대한 설정을 할 수 있습니다.
코드 작성을 완료하고 Add file 버튼을 눌러서 코드를 생성합니다.
해당 코드 조각을 선택하면 Embed 태그가 제공되는 것을 확인할 수 있습니다.
이제 티스토리 글 작성시 좌측 상단의 외부컨텐츠를 선택합니다.
소스 입력 부분에 Gist의 스크립트 코드를 붙여넣기 하고 확인을 누르면 됩니다.
에디터에서는 실제 코드는 표시되지 않습니다.
미리보기를 통해서 코드가 적용된 것을 확인할 수 있습니다.
Gist의 장점은 코드를 수정하면 해당 코드를 추가한 모든 곳에 자동으로 반영이 된다는 점입니다.
Gist를 통해서 깔끔하고 편리하게 코드 조각 공유가 가능합니다.
반응형
'IT > Blog Tip' 카테고리의 다른 글
[블로그로 돈벌기] 티스토리 글 목록 사이에 애드센스 추가하기 (2) | 2020.09.18 |
---|---|
[티스토리] 네이버 서치 어드바이저에 RSS 등록 (0) | 2019.11.22 |
[티스토리] SyntaxHighlighter의 물음표(Question Mark) 제거 (0) | 2017.01.01 |
[티스토리] 깔끔한 코드 적용을 위한 SyntaxHighlighter 적용 (0) | 2016.12.26 |
[블로그로 돈벌기] 2015년 구글 애드센스 수익 결산 (2) | 2016.01.25 |