WordpressにJupyter notebookのコードを綺麗に表示させる方法

こんにちは、しらすです。

Jupyter notebookで書いたPythonコードをブログに綺麗に表示させたい！と思ったので調べました。

この記事の内容

Gistにログイン

ツールとしてはGistを使います。こちらからGistにアクセスしてください。

右上のSign inからログインします。

GistはGitHubのサービスの一つになりますのでGitHubアカウントでログイン可能です。ログイン画面も”Sign in to GitHub to continue to Gist”となっています。

ログイン後、右上の”＋”ボタンをクリックします。

作成した.ipynbファイルをドラッグドロップするとアップロードできます。

終了したら”Create public git”からアップロードしましょう。”Create secret git”でもアップロードできますが、Privateなためブログに貼ってもコードが表示されません。

アップロードが完了したらファイルのURLを取得し、ブログにはりつければ完了です。

こんな感じになります。

綺麗に表示することができました。GitHub使っている方であればこれで十分ですね。