Computer

Jupyter notebook으로 작성한 ipynb파일 tistory 업로드 하기

woni_ju 2020. 6. 25. 15:59

Jupyter notebook으로 작성한 code를 tistory에 바로 업로드 하고 싶었습니다.

처음에는 캡쳐해서 업로드를 할까 생각도 했지만,
tistory 블로그에서는 마크다운, HTML 양식을 지원하므로 이를 적극 이용해보기로 했습니다.

처음에 마크다운 형식으로 업로드를 진행했을 때는 처참히 실패하고 말았습니다.

Google에 jupyter notebook tistory라고 검색하니 다행히 저보다 먼저 하신 분들이 계시더라구요 ㅎㅎ

그 분들 덕분에 성공적으로 업로드를 완료했습니다!!

1. Jupyter notebook 파일에서 'File => Print Preview' 클릭

image

2. 오른쪽 마우스 클릭 후 '페이지 소스 보기' 클릭

image

3. 나오는 HTML 코드 전체 복사

image

4. Tistory 글쓰기에 들어가 HTML 양식으로 글쓰기

오른쪽 위에 보이시는 것을 클릭하면 '기본모드', '마크다운', 'HTML' 세 개 중 하나를 고를 수 있는데 그 중 'HTML'을 선택해 줍시다.

image

여기까지 하고 미리보기를 보니,

image

이렇게 정해진 칸을 벗어나 오른쪽으로 보기 좋지 않게 나오더라요..ㅠㅠ

5. 크기 조절 해주는 code 추가

from IPython.core.display import display, HTML
display(HTML("<style>.container {width:90% !important;}</style>"))

ipynb파일의 맨 끝에 위에 있는 코드를 실행시켜준 다음, 다시 1~4의 과정을 거쳐 업로드를 진행했습니다.

image

그랬더니 보기좋은 크기로 조절되어 나오는 것을 확인 할 수 있었습니다!

매우 간단하니 잘 보고 따라 하시면 여러분도 무사히 업로드 하시길 기원합니다 😁