1. 程式人生 > 實用技巧 >Jupyter notebook中的Markdown單元格(4)圖片

Jupyter notebook中的Markdown單元格(4)圖片

講解如何在Markdown中顯示圖片。
如果要顯示的是一張本地圖片,那麼最簡單的方法是點選選單欄中的Edit,Insert Image,選擇一張本地圖片:
在這裡插入圖片描述
在這裡插入圖片描述
可以看到圖片名中的中文被自動編碼了,Cell->Run Cells執行,就顯示出了選擇的本地圖片:
在這裡插入圖片描述
這種方式不能控制圖片的顯示尺寸,而且這種方式會將圖片轉換為字串,並存儲在notebook中,因此notebook的體積會變大,這種方式的好處是圖片和notebook捆綁在了一起,當把notebook轉移到其他地方時,不需要單獨處理圖片。

接下來點選+加號,改為Markdown,如果要顯示的是一張本地圖片或網路圖片,我們可以這樣標記,歎號、中括號、小括號:

在這裡插入圖片描述
小括號中是圖片的本地路徑或網址,其中本地路徑只支援相對路徑,而且相對的是notebook的Files選項卡中的路徑,我們開啟Files選項卡看一下:
在這裡插入圖片描述
在這裡插入圖片描述
我們可以這樣指定上圖滑鼠所指圖片的相對路徑:
在這裡插入圖片描述
使用windows的朋友要注意了,windows目錄中的路徑使用的是\反斜線,但是這裡要全部改為/斜線,Cell->Run Cells執行,就顯示出來指定的本地圖片:
在這裡插入圖片描述

拷貝貼上,雙擊進行編輯,也可以在小括號中指定圖片的網址,Cell->Run Cells執行,就顯示出了指定的網路圖片:
在這裡插入圖片描述
我們可以在小括號裡面的本地路徑或網址的後面,新增一個空格和一個文字字串,以指定滑鼠懸停在圖片上時的提示文字:

在這裡插入圖片描述
先選中上面的、先執行上面的本地圖片,並把滑鼠放在圖片上,可以看到顯示出了文字圖解Python,有點小:
在這裡插入圖片描述
再Cell->Run Cells執行下面的網路圖片也顯示出提示文字。

還可以在前面的中括號中指定找不到圖片時的替代顯示文字:
在這裡插入圖片描述
在這裡插入圖片描述
對於本地圖片,找不到圖片時顯示的時我們剛剛指定的替代文字。

修改網路圖片地址為錯誤地址:
在這裡插入圖片描述

Cell->Run Cells執行:在這裡插入圖片描述
對於網路圖片,找不到圖片時顯示的是一張替代圖片。

注意,當我們使用歎號、中括號、小括號這種方式來顯示圖片時,也不能控制圖片的顯示尺寸,而且這種方式的本體圖片和notebook是分離的,當我們把notebook轉移到其他地方時,圖片也要隨之轉移,而且要注意圖片的路徑。

點選+加號,改為Markdown,如果要顯示的是一張本地圖片或網路圖片,還可以使用HTML中的img標籤:
在這裡插入圖片描述
先執行顯示上面的本地圖片,再執行顯示下面的網路圖片:
在這裡插入圖片描述
使用這種方式顯示圖片的好處,我們可以控制圖片的顯示尺寸,比如將寬度和高度分別指定為150畫素和120畫素,先來指定本地圖片的尺寸:
在這裡插入圖片描述
指定網路圖片的尺寸:
在這裡插入圖片描述
在這裡插入圖片描述
這種方式顯示圖片時,本地圖片和notebook也是分離的,當把notebook轉移到其他地方時,圖片也要隨之轉移,而且要注意圖片的路徑。

在這裡插入圖片描述

這樣就給大家介紹了3種在Markdown單元格中顯示圖片的方式,大家可以根據自己的具體需求,選擇最合適的方式,平時用的最多的是第一種方式,先把本地圖片的尺寸調整好,然後將其以字串的形式儲存到notebook,這樣不管把notebook轉移到什麼地方,都不需要單獨處理圖片了。

至此,Markdown單元格中常見的富文字形式,幾乎全都給大家介紹了,Markdown就是一種輕量級的標記語言,用於將純文字格式化為富文字,以後大家就可以在Markdown單元格中編寫各種形式的富文字了,從而與程式碼單元格有機的整合到一起。