티스토리(Tistory)에 Jupyter Notebook 올리기

TIL(Today I Learned, 이하 TIL) 작성을 위해 벨로그(velog)를 개설했으나, 관리의 귀찮음과 게으름으로 TIL의 주 사용 플랫폼인 Jupyter Notebook을 티스토리(Tistory)에 올릴 수 있는 방법을 찾아보았다.

 

조금 번거롭긴 하지만, 복수의 블로그를 관리하기보다는 나을 것 같아 티스토리에서 TIL을 작성하기로 했다.

 

---

1. 출력 폼 조정 코드 삽입

Jupyter 노트의 최상단에 다음과 같은 코드를 추가해 준다.

 

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

 

2. 'File > Print Preview' 선택

 

'File > Print Preview' 선택

 

3. 'Print Preview' 페이지에서 마우스 우클릭 후 'View Page Source' 선택

 

마우스 우클릭 후 'View Page Source' 선택

 

 

4. HTML 소스코드 전체 복사

다음과 같이 HTML 소스코드 페이지가 뜨면, 전체선택('Command + A' 또는 'Ctrl + A') 후 복사('Command + C' 또는 'Ctrl + C')한다. (소스코드의 양이 엄청나기 때문에 마우스로 긁어서 선택은 불가능할 듯 하다)

 

HTML 소스코드 전체 복사

 

5. 티스토리에서 글쓰기 모드를 'HTML'로 변경 

글쓰기 모드를 'HTML'로 변경한 후 이전 단계에서 복사한 HTML 소스코드를 붙여 넣는다.

 

'글쓰기 > HTML모드'

 

6. 등록 확인

 

티스토리에 Jupyter 노트 등록 확인

 

 

---

참고로, 위 방법은 Google Chrome에서 진행한 것으로, Safari에서는 '소스코드 보기(View Page Source)' 기능을 찾지 못했다.