Jupyter-notebookをブログに貼り付ける方法(Github gist)
前提条件
- 貼り付けたいnotebook(.ipynb)が存在する.
- Githubのアカウントを取得している.
1.Githubでの作業
Githubページの右上「+」ボタンをクリックし,表れたプルダウンメニューの中の「New gist」をクリックする.
すると,新たなgistを作成する画面が表示される.(下図)
この画面中央のコード部分に,対象のファイル(.ipynb)をドラッグ&ドロップする.
すると,自動的に2つのファイルが読み込まれる.
ここで,上のJSONファイルのみを消去して,「Create public gist」する.
これでgistが作成されました.
あとは,このgistの埋め込みスクリプトをクリップボードにコピーします.
下図で赤線で囲ったボタンをクリックしたらコピーできます.
2.ブログでの作業
ここでは,Wordpressを対象にします.
投稿編集画面(ビジュアルエディター)において,「フォーマット」ブロックの中の「カスタムHTML」を挿入します.
このブロックの中に,先ほどコピーしたスクリプトを貼り付ければ,完了です!
プレビューで確認してみてください.
おわりに
ほんとにgistは便利ですね(^o^)