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

ブログ

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

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

Gistにログイン

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

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

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

Gistにjupyter notebookで作成したファイルをアップロード

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

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

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

Gist上で公開、URLを取得しブログにはりつけ

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

まとめ

こんな感じになります。

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

参考

WordPressでjupyter notebookの実行結果を表示させる
WordPress上でjupyter notbookなどに書いたソースコードとその実行結果を、wordpressの追加プラグインなしで表示する方法について紹介します。
Jupyter Notebook を手っ取り早くWordPressに貼り付ける方法
Jupyter Notebook をWordPressに表示したい!という記事の第2段 第1段はJupyter…

コメント