前の関連記事:GitHub Gistを使ってブログにJupyter(IPython) Notebookを表示する方法
Markdown Cells — Jupyter Notebook 4.0.0.dev documentationにローカルファイルの画像の貼り付け方が載っているのですが、GitHub Gistでの表示はどうするのでしょう?
ローカルにある画像の表示方法
ipynbファイルがあるフォルダにある画像の表示はMarkdownセルで次のように書いて実行するだけです。
1 |
<img src = "rain.gif" > |
linuxBean14.04(70)Jupyter NotebookをPyCharm4.5で使うでやったようにコマンドに--notebook-dir=<StarupFolder>をつけてスタートアップフォルダを指定して起動している場合は、スタートアップフォルダより下層のフォルダにある画像しか表示できません。
ipynbファイルがあるフォルダ以外のスタートアップフォルダの下層にあるフォルダにある画像ファイルを指定する場合は相対パスで指定します。
1 |
<img src = "../IPython/rain.gif" > |
GitHub Gistにアップロードしたipynbファイルで画像を表示させる方法
Jupyter Notebook Users Manualに画像のURLを使って画像を表示させる方法が載っていました。
このブログはBloggerを使っているのでまずBloggerに画像をアップしてそこの画像のURLを貼り付けることにしました。
先ほど使ったrain.gifはlinuxBean14.04(73)matplotlibでアニメーションのグラフですでにBloggerにアップしていますのでそのURLを使います。
1 |
 |
1 2 3 |
![画像が表示されなかった時に表示される文字列][rain] [rain]:https: / / blogger.googleusercontent.com / img / b / R29vZ2xl / AVvXsEi9CDEl7XTcYBgMMLRDrZ5PS1vYUXrUm5IJ28UpNRc_YQTujFz3vMIoMJtVeGdGmm769QBGAwgE7Hli4nFWMY4Q9YIqY - d8dkGSCbxSO_viwVlwDhaWhinfKIJU4ZKNHlgqAYTqjrrfce0 / s1600 / rain.gif |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
参考にしたサイト
Markdown Cells — Jupyter Notebook 4.0.0.dev documentation
Markdownセルでローカルにある画像の表示方法
Jupyter Notebook Users Manual
Bryn Mawr College Computer ScienceによるJupyter Notebookの使い方マニュアル
0 件のコメント:
コメントを投稿