Jupyter-notebookをブログに貼り付ける方法(Github gist)

2019年9月1日プログラミングGist, Jupyter, WordPress

前提条件

  • 貼り付けたいnotebook(.ipynb)が存在する.
  • Githubのアカウントを取得している.

1.Githubでの作業

Githubページの右上「+」ボタンをクリックし,表れたプルダウンメニューの中の「New gist」をクリックする.

すると,新たなgistを作成する画面が表示される.(下図)

この画面中央のコード部分に,対象のファイル(.ipynb)をドラッグ&ドロップする.

すると,自動的に2つのファイルが読み込まれる.

ここで,上のJSONファイルのみを消去して,「Create public gist」する.

これでgistが作成されました.

あとは,このgistの埋め込みスクリプトをクリップボードにコピーします.

下図で赤線で囲ったボタンをクリックしたらコピーできます.

2.ブログでの作業

ここでは,Wordpressを対象にします.

投稿編集画面(ビジュアルエディター)において,「フォーマット」ブロックの中の「カスタムHTML」を挿入します.

このブロックの中に,先ほどコピーしたスクリプトを貼り付ければ,完了です!

プレビューで確認してみてください.

おわりに

ほんとにgistは便利ですね(^o^)