問題:我的圖片顯示不出來了
小明使用 Asciidoc 來記筆記,他將筆記輸出為 HTML 文件。小麗向小明借筆記。小明將 Asciidoc 筆記輸出為 HTML文件,并拷貝給了小麗。
但是,小麗發現,圖片都顯示不出來了。
小麗:小明,你給我的筆記,圖片都顯示不出來啊。
小明:是我給你的那個 HTML 文件嗎?
小麗:是的。
小明:哦,我忘記拷貝 HTML 文件依賴的圖片了。等我重新整理一下,再發給你。
說完,小明犯了難,因為這些 HTML 文件涉及多個本地的圖片,要把它們都挑選出來,還真是麻煩。而且,即使挑選出來,這些圖片所在的路徑也不一樣,這樣需要建立多個對應的圖片文件夾來放置這些挑出來的圖片,而且,給小麗時,不是一個單一的HTML文件就可以,必須是一個壓縮包,小麗需要解壓縮所有文件到一個文件夾,然后進入這個文件夾,打開HTML文件,才能看到筆記。
怎么辦呢?
data-uri
在默認情況下,Asciidoc 輸出為 HTML 時,圖片是不會嵌入到 HTML 文件的。因為圖片在 HTML 文件中就是一個 img 標簽,該標簽的 src 屬性是一個URL,引用一個外部的圖片,例如:
<img src=".images/logo.png" alt="logo" />
上述圖片要求,自己在images文件夾下,同時