GitHub Gist 사용법
본 글은 기존 velog에서 이전된 글입니다. (https://velog.io/@jinu0137/GitHub Gist 사용법)
참고
- 깃허브 로그인을 해야 한다. (회원이 아닐 경우 회원가입)
- 본 게시물은 Visual Studio Code를 기준으로 작성하였습니다. (사용자 환경에 따라 다를 수 있음)
1. https://gist.github.com/”GitHub아이디”를 통해 본인의 GitHub Gist 페이지로 이동
(현재 작성자의 GitHub Gist)
2. Gist 생성하기
본인의 GitHub Gist 페이지 우측 상단 ‘+’ 버튼을 클릭하여 새로운 Gist 만들기
3. Gist 작성하기
‘Gist description’에 Gist에 대한 설명을 적어주고 README.md 파일과 내용을 작성하여 ‘Create secret gist’ 버튼을 클릭하여 secret gist를 만든다 (Gist를 처음 Create할 때 파일과 내용이 존재하지 않을 경우 만들어지지 않기 때문에 README.md를 대충 작성해주도록 하자)
4. Gist 확인하기
(해당 Gist 세부 페이지)
(작성자의 Gist 페이지)
Gist가 정상적으로 작성된 것을 확인할 수 있다.
5. Local에서 Gist clone하기
사전작업1) 작성한 Gist 세부페이지에서 주소창의 링크를 그대로 복사한다.
Visual Studio Code를 열고 ‘Ctrl + `‘를 클릭하여 터미널을 열어준 후 “git clone 복사한_gist주소”를 입력해준다.
탐색기를 확인해보면 우리가 작성한 ‘gist주소’ 이름의 폴더와 ‘README.md’ 파일이 만들어진 것을 확인해볼 수 있다.
6. Local에서 Gist Commit하기
참고) 테스트를 위해 test.html을 만들었다. 실제로 사용할 때는 본인이 작성할 파일을 만들면 된다.
- test.html이라는 파일을 새로 만들어주고 ‘html:5’ 자동완성을 통해 html5 표준 양식으로 작성하였다.
- “cd 명령어”를 통해 생성된 gist 폴더로 들어간다. (Tab 키를 통해 자동완성으로 쉽게 타이핑하자)
- “git add 명령어”를 통해 test.html을 현재 working directory에서 staging area에 추가해준다.
- “git commit -m “커밋메시지” 명령어”를 통해 커밋해준다.
7. Local에서 Gist Push하기
“git push” 명령어만 입력하면 push가 성공적으로 될 것이다.
이제 GitHub Gist 페이지에서 확인해보자.
8. Local에서 Push한 Gist 확인하기
정상적으로 push된 것을 확인할 수 있다.
끝.