Leeyebin의 블로그

[git]완전 간편하게 gist 이용하여 티스토리에 소스코드 올리기 본문

프로그래밍/궁금해궁금해

[git]완전 간편하게 gist 이용하여 티스토리에 소스코드 올리기

안되면될때까지 2017. 5. 19. 17:56

1. 준비해야할 것 github아이디

2. 없음


처음 티스토리를 하게 되었을 때는 github에 gist의 기능을 알지 못하였다.

그래서 syntaxhilighter를 사용하려고 js파일도 티스토리에 올리고 여차저차 사용하게 되었다. (<pre class="brush:java"></pre>을 넣어 사용하였고,  꺽쇠가 있으면 소스가 깨져서 '<'을 &lt;로 매번 바꿔야하는 일이 번거로웠다.)

그러다가 다른 사람들의 블로그를 보다가 gist를 알게 되었고, 사용해보니 완전 간편했다. 처음부터 티스토리를 사용하는 개발자가 편리하게 소스를 올릴 수 있으면 좋겠다.


깃허브 로그인 후 처음 깃허브 상단의 gist를 클릭한다.




그렇게 되면 상단과 같은 폼이 나오게 되는데 왼쪽 상단에는 "파일명.확장자"(ex: test.java)를 입력하고 아래에는 소스를 붙여넣기 해준다. 오른쪽 상단의 옵션중에 spaces와 숫자4의 의미는 space(공백)을 4번 준다 라는 의미인 것 같다. 소스가 복잡하다면 숫자를 늘려주면 좋겠다. 

p.s 파일명 입력시 확장자에 따라서 하이라이트를 주는 것 같다. txt를 해보니 그냥 맹맹한 텍스트가 나왔다.

다 입력을 하였으면 오른쪽 하단의 버튼을 눌러보자.(버튼위에 마우스를 올려보면 도움말이 나온다. 필자는 secret으로 하였다.)


소스를 만들었다면 화면의 빨강 상자를 클릭하여 스크립트 형식으로 되어있는 소스의 주소를 복사하도록하자



티스토리에 글쓰기를 하고 편집기 오른쪽 상단의 HTML을 클릭하여 html형식으로 보도록하고 그대로 붙여넣기 하도록한다. 추가적으로 적을 내용이 있다면 html체크박스를 해제하고 이어서 작성하면 되는데 해제해도 소스코드가 보이지 않는게 정상이다. 확인을 하고 싶은경우에는 '미리보기'혹은 '등록'을 해보자


위 화면처럼 등록되면 끝!



테스트


Comments