티스토리에 주피터 노트북 올리는 방법

두가지 방법이 있는데

1. html소스 코드를 직접 조절하는방법

2. 주피터 노트북에 코드 넣는방법

 

2가 훨씬 편한데 한번에 정리가 되있는곳이 없어서 씀

 

 

 

주피터 노트북을 실행 상태에서 메뉴의 File - Print Preview를 누른다.

 

 

 

---

 

 

 

이런식으로 나오는데 여기서 CTRL + U를 누른다.

 

 

---

 

 

 

이걸 모두(ctrl+A)복사(ctrl+c)해서 티스토리 html 모드에다가 붙여넣기하면 나오긴하는데
사이즈가 안맞아서 드럽게 나온다.
크기를 일일이 맞추는 방식도 있으나 굉장히 귀찮기 때문에 2번 방식을 쓰기로 했다.

 

 

 

 

In [1]:

from IPython.core.display import display, HTML

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

#창 맞추기위함

 

 

주피터 노트북에 위 코드를 실행한번시켜주면 창에 맞게 소스코드가 나온다.
그걸 티스토리 html모드에서 붙여 넣기 하면된다.

 

 

---

 

 

 

기본모드에서 보면 이런식으로 나오지면 완료하면 위 script는 없고 제대로 나온다.

 

 

주의점

주피터 노트북html으로 글 하나를 다 써라.

 

이게 뭔소린가 하면 주피터 노트북 소스코드가 길어 오류가 많이 난다.

나도 위에 저거 하면서 글 중간에 넣어서 오류가 나버렸다.

내가 멍청한걸수도 있지만 혹시나 안되는 것같으면

글하나에 주피터 노트북 하나만 올리도록하자.