gist - 예제 코드들을 정리 하기
프로그래밍 2023. 7. 5. 00:39프로그래밍 블로그를 작성 하면서 가장 많이 필요하고 사용하는게 코드를 정리하는 일이다.
블로그 별로 코드 하이라이트 처리를 하는 plugin을 적용 했는데 생각보다 관리가 쉽지 않다.
gist를 사용해 예제 코드를 정리 하는 방법을 설명 한다.
1. gist 로 이동(https://gist.github.com/)
2. 로그인 하면 새 코드 생성을 위한 화면이 나온다.
3. 내용을 작성한다.
- Gist description : 코드에 대한 간단한 설명, 입력하지 않아도 되지만 나중에 다시 볼때를 생각해서 입력한다.
- Filename including extension : 확장자에 맞춰서 코드 하이라이팅이 된다.
- 코드 입력
- Create secret gist : 검색이 되지 않을 뿐 누구나 볼수 있다.(public으로 선언하면 검색도 된다)
4. 블로그에 가져오기
- Embed 에서 스크립트 코드를 복사한다.
- 블로그 html 보기로 이동한다.
- 복사한 코드를 붙여 넣고 한 후 블로그 미리 보기에서 확인 한다.
- Add file 를 통해 하나의 추가한 코드는 Embed 코드를 통해 같이 움직인다.
=> 개별적으로 하고 싶을 때는 Add file 이 아닌 우상단에 있는 "+" 를 통해 새로 생성 해야 한다.
Revision 으로 관리 되고 있어 이전 수정 내용확인이 가능 하다.
자주 사용하지는 않겠지만 한번쯤은 이전 내용을 보는 일이 있을 걸로 생각된다.
블로그 적용 형상