
從 MWeb 切換到靜態博客 Jekyll 之后,我就面臨一個問題,這在很久之前使用 Hexo 同樣遇過的:圖片托管在何處。MWeb 的解決方式很棒,直接插入圖片,推送到 Github 后亦能正常引用并顯示,無需圖床或者借助第三方工具實現 Github 圖床化。那么如何在 Jekyll 中實現呢?
- 下載安裝 Typora,目前這是 Windows 下最好的 Markdown 編輯器;
- 在博客文件根目錄下創建一個文件夾,比如
images
; - 在 Typora
偏好設置 -> 圖像
中如下圖設置,../images
表示上一級目錄(即根目錄)中的images
文件夾 ; - 在 Typora 中寫作時,直接拖動或復制圖片至文檔即可。

相對路徑定位圖片的方法
同級文件夾:image.png
或 ./image.png
,兩者效用相同;
下級文件夾:file/image.png
或 ./file/image.png
;
上級文件夾:
- 上級
../image.png
- 上上級
../../image.png
注意,路徑中最好不要出現中文,通過相對路徑來定位圖片,不能跨盤符。