从 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
注意,路径中最好不要出现中文,通过相对路径来定位图片,不能跨盘符。