'Code Snippet'에 해당되는 글 1건

  1. 2023.07.05 gist - 예제 코드들을 정리 하기

gist - 예제 코드들을 정리 하기

프로그래밍 2023. 7. 5. 00:39
반응형

프로그래밍 블로그를 작성 하면서 가장 많이 필요하고 사용하는게 코드를 정리하는 일이다.

블로그 별로 코드 하이라이트 처리를 하는 plugin을 적용 했는데 생각보다 관리가 쉽지 않다.

https://gist.github.com/

 

Discover gists

GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

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 으로 관리 되고 있어 이전 수정 내용확인이 가능 하다.

자주 사용하지는 않겠지만 한번쯤은 이전 내용을 보는 일이 있을 걸로 생각된다.

 

블로그 적용 형상

 

반응형
: