[혼공분석] 부록 _ Github Gist에 Jupyter Notebook 파일 등록하고 Tistory 블로그에 추가하기

혼공단 - 혼공분석, Github Gist에 주피터 노트북 파일을 등록하고 티스토리 블로그에 링크 추가하기

 

 

 

■ 시작에 앞서..

혼공 족장님께서 블로그에 깃허브를 연동하는 팁을 공유하면 좋을 것 같다고 하셔서 간단히 정리해 봤습니다. 절대 2주차 우수혼공족으로 뽑아주셔서 작성하는 게 아닙니다. Github Gist에 Jupyter Notebook 파일을 등록한 후에 Tistory 블로그에 링크를 추가하면, 이미지를 캡처하여 붙이거나 Google Colab에서 링크를 공유하거나 또는 주피터 노트북에서 html로 파일을 변환하여 올리는 방법에 비해 좀 더 간편한 것 같습니다.

 

 

 

□ 01 | Github Gist에 Jupyter Notebook 파일 올리기

1. Gist 웹사이트 접속 및 로그인

 1) Gist 웹사이트에 접속 합니다.  → https://gist.github.com/

  -  Gist는 GitHub에서 제공하는 서비스로, 코드 스니펫이나 파일을 쉽게 공유할 수 있는 플랫폼입니다.

Discover gists

 

 2) GitHub 계정으로 로그인합니다. 계정이 없다면 'Sign up'을 통해 새로 생성합니다.

 

 

2. 새 Gist 생성 및 파일 올리기

 1) 오른쪽 상단의 + 버튼을 클릭하여 새 Gist를 만듭니다.

 

 2) ipynb 파일을 화면으로 끌어다가 놓습니다.

 

 3) Filename including extension...에 원하는 파일 이름을 입력하고, .ipynb 확장자를 추가합니다. (확장자가 중요합니다!)

 

 4) Create secret gist 버튼을 클릭하여 비공개 Gist를 생성합니다. (기본적으로 보이지 않지만 URL을 클릭하면 볼 수 있습니다.)

 - 공개를 원할 경우 Create public gist 옵션을 선택한 후 Gist를 생성합니다.

 

 5) Embed 할 URL 주소를 복사해둡니다.

 

 

 

□ 02 | Tistory 블로그에 HTML 링크 추가하기

1. Tistory 블로그에 접속 및 로그인

2. Tistory 블로그에 새 글 작성 및 HTML 코드 추가

 1) '글쓰기' 버튼을 눌러 새 글을 작성합니다.

 2) 글 작성 화면에서 화면 우측 상단의 '기본모드' 버튼을 눌러 'HTML'로 변경합니다.

 

 3) HTML 모드로 전환되면, Gist에서 생성한 비공개 Gist의 URL을 붙여넣습니다.

 4) 글 제목과 내용을 추가한 후, 발행 버튼을 클릭하여 글을 게시합니다.

 5) 게시된 글에서 Gist의 Jupyter Notebook 파일이 잘 임베드 되었는지 확인합니다.