markdown插入本地圖片小技巧
markdown插入本地圖片小技巧
背景
markdown作為一種普通文字編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文字內容具有一定的格式,非常的好用,但是插入本地圖片很不方便,接下來我們介紹一種非常實用的上傳本地圖片的方法。
<The rest of contents | 餘下全文>
插入本地圖片的幾種方法
以下幾種方法參考他人部落格,末尾回帖出原文地址
插入本地圖片
只需要在基礎語法的括號中填入圖片的位置路徑即可,支援絕對路徑和相對路徑。
例如:
- ![avatar](本地檔案路徑)
不靈活不好分享,本地圖片的路徑更改或丟失都會造成markdown檔案調不出圖。
插入網路圖片
只需要在基礎語法的括號中填入圖片的網路連結即可,現在已經有很多免費/收費圖床和方便傳圖的小工具可選。
例如:
- ![avatar](網路圖片路徑)
將圖片存在網路伺服器上,非常依賴網路。
把圖片存入markdown檔案
用base64轉碼工具把圖片轉成一段字串,然後把字串填到基礎格式中連結的那個位置。
例如:
![avatar][base64str]
使用選型
不得不說,上面幾種方法,各有優缺點,但是為了方便以及圖片能夠正常的顯示,還是使用網路圖片比較靠譜,所以這裡介紹一個通過有道雲筆記來儲存圖片,生成網路地址的方法。
使用有道雲生成圖片網路地址
表示博主也剛使用markdown不久,之前就被這個本地圖片困擾,用一種方式,在csdn會出現圖片不能開啟,要重新上傳假設此時我們有一個本地圖片才能訪問,後面使用Hexo搭建個人部落格後,這種方式完全行不通了,所以找了一種通過有道雲生成圖片網路地址方法(圖床工具沒找到)。
假設我們需要新增到markdown檔案中,我們只需要把圖片儲存到有道雲筆記中
然後右鍵分享圖片
檢視分享
右鍵複製圖片地址
https://note.youdao.com/yws/api/personal/file/66294A284E5D4290BC9524515C60F9C9? method=download&shareKey=2ac22444598f8c3eda2c87705881b0ff
將()中的地址改成網路地址就可以通過網路來訪問我們上傳的本地圖片啦,不過這個圖片不能刪除哦,刪除了網路地址也將不能正常訪問了
總結
使用有道雲把我們需要用到的圖片儲存起來,通過圖片地址就可以實現圖片的不限制訪問了,是不是很方便。
參考連結
簡書