Study Everyday :)

티스토리 블로그에 소스코드 넣는법 1 Gist 본문

티스토리

티스토리 블로그에 소스코드 넣는법 1 Gist

은세 2017. 8. 19. 08:30



안녕하세요 ~

오늘은 티스토리 블로그에 소스코드를 쉽게 넣는 방법을 설명하려고 해요

블로그 글 포스트에 소스코드를 예쁘게 넣는 법은 여러가지가 있지만

두가지를 설명해드릴게요


하나는 Gist 를 이용하는 방법인데요


Gist 소개는 About Gist 에 있습니다.



Gists are a great way to share your work. You can share single files, parts of files, or full applications. You can access gists at https://gist.github.com.




라고 하네요 :) !



Gist를 사용하려면





1. Gist 사이트에 갑니다.



Gist 사이트 를 누르셔서 사이트에 가면








이런 페이지를 보게 됩니다.

이 페이지에서 Gist description 밑에 큰 박스에 code를 넣으세요



GitHub 아이디가 있으시면 가입 안하시고 로그인 하셔서 쓰시면 됩니다.









description 입력 후  소스 코드를 입력하고 (보여드리기 위해서 랜덤으로 썼습니다)


Create public gist 를 누르시면 됩니다 !





가입이 안되어있어도 test 소스코드를 작성하고 등록하면 등록이 되어지지만

예전의 작성된 글들도 저장하고 볼 수 있게 가입하셔서 쓰세요 :) !









작성한 소스코드를 티스토리 글에 올리기 위해서 Embed의 script를 복사를 합니다

복사 버튼 (Copy to Clipboard)을 클릭해서 복사를 하셔도 됩니다.





2. 티스토리 블로그 글쓰기를 합니다.









티스토리 글쓰기에서 HTML을 클릭한 후 방금전에 복사 한 script 를 붙여넣기 합니다









그렇게 하면 위의 소스코드처럼 티스토리 글에 등록됩니다 :) !


간단하고 쉽게 티스토리 블로그에 소스코드를 넣는 방법입니다 !

좋은하루 되세요 ~



Comments