콘텐츠로 건너뛰기
Home » 워드프레스에 jupyter notebook 삽입

워드프레스에 jupyter notebook 삽입

워드프레스 포스트에 Jupyter notebook을 삽입하는 방법을 알아보겠습니다. 가장 손쉬운 방법은 Github Gist 에 정적 HTML로 변환한 파일을 업로드하고 해당 Gist를 포스트에 삽입하면 되는 것입니다. 로컬에서 작성한 ipynb 파일을 업로드해도 되지만, Google Colab을 사용하면 Gist로 저장하는 일을 좀 더 간편하게 할 수 있습니다.

  1. Google Colab에서 노트북을 작성하거나, 로컬에서 작성한 파일을 업로드합니다.
  2. Google Colab에서 파일 > Gist로 저장하기를 선택합니다. (이 과정에서 GitHub Oauth를 한 번 거치게 됩니다.)
  3. 등록된 Gist를 봅니다. 여기서 Gist ID를 알 수 있습니다. URL의 맨 뒷부분으로 해시값처럼 된 부분입니다.
  4. 워드프레스 포스트를 작성하면서 [gist] github-gist-id [/gist] 와 같은 형식으로 [gist][/gist] 태그를 사용해서 입력합니다.

글을 발행하면 해당 위치에 노트북이 삽입되는 것을 볼 수 있습니다.

Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
view raw untitled0.ipynb hosted with ❤ by GitHub