[nbviewer] jupyter notebook 사이트 내 표시

 

포트폴리오 사이트들을 찾아보니 다들 웹 사이트 내에서 바로 쥬피터노트북이 보이게 잘 설정하던데
그 방법을 못찾아서 깃허브 블로그를 써야하나 고뇌에 빠졌다가... 근데 아주 쉽게 해결되는 방법을 찾아 당황

 

wix를 사용해 포트폴리오 사이트 제작, 만들어 놓은 jupyter notebook을 웹에서 바로 보길 원한다.

 

 

1. 공유하고자 하는 쥬피터 노트북의 raw 코드를 복사 - 붙여넣기한다.

( github에 업로드 후 보이는 raw 버튼을 눌러 모두 복사 - 붙여넣기 )

 

Raw 코드 전체 복사

 

2. 전체 코드를 해당 사이트의 코드 부분에 붙여넣고 이름은 마음대로 지어준 후, create 버튼 클릭

 

https://gist.github.com/

Discover gists

 

 

3. 코드가 나오면 해당 사이트의 URL에서 / 뒤에 있는 dc140d~916 (랜덤 문자) 복사

 

 

 

 

4. 해당 사이트에 들어가 dc140d~916 (랜덤 문자)를 입력한 후 Go! 클릭

 

https://nbviewer.jupyter.org/

 

nbviewer

 

 

5. 결과물이 나온 URL을 복사해 내 사이트에서 html 중 URL에서 붙여넣기

 

 

6. 사이트 내에서 쥬피터 노트북 출력

 

 

 

 

 

 

+ 참고 자료

 

https://3months.tistory.com/12

NbViewer를 통해 Jupyter Notebook Share하기