[python] jupyter notebook 코드를 tistory에 올리는 법.

친절하고 완벽하게 정리한다.

 

jupyter lab 기준(notebook과 다를바 없지만..)

 

1. jupyter notebook/lab 스타일 수정

윈도우 기준

경로 : C:\Users\본인피시사용자명\.jupyter\custom

파일 생성 : custom.css (제가 쓰는 파일을 첨부해 놓겠습니다.)

custom.css

0.01MB

 

css파일 내용이 notebook 스타일이다. 아래 링크에서 사용하는 스타일을 추천한다.

(단 중간에 " overflow-x: auto; " 이 부분을 주석처리해야 불필요한 스크롤바가 없어진다)

 

A Github Flavored Theme for Ipython or Jupyter Notebook

https://gist.github.com/aahoo/e8ed425759711ead1ef7e7a3332dcd2d

 

2.  jupyter notebook/lab export html

1번에서 스타일을 입힌 후 원하는 jupyter notebook을 작성한 후 html소스로 변환한다.

원하는 노트북을 html로 export

 

html 파일이 생성 및 다운로드 되고 이를 클릭한다.

 

 

html 파일에서 우클릭 후 페이지 소스 보기 클릭

 

소스 ctrl + a로 전체 복사

 

3.  tistory에 붙여넣기 + 주의사항

tistory에서 html 모드로 변경 후 해당 소스를 입력(ctrl + v)하고 발행한다.

 

주의사항이 있다.

1. html 모드에서 바로 발행해야 한다.

2. 제목 및 tag를 미리 설정하고 html모드에서 해당 소스를 입력하는 것이 좋다.

3. 수정을 할 경우 jupyter notebook 형태로 보이던 코드들이 tistroy에서 제공하는 코드 스타일이 적용되어 버린다.

   때문에.. 수정을 하지 않도록... 잘 작성하고 해당 글과 매핑되는 jupyter notebook 파일을 잘 보관할 필요가 있다.