0%

Hexo - 处理Typora图片路径

Typora设置全局图像设置

image-20191207232103731

选择复制到指定路径,填入 ./images/${filename}

为什么这么弄,个人觉得。一般来说 .md 文档的图片,都存放在相同目录的一个 images 目录下面。是一个较为合理,且比较通用的做法。不会因为为了处理这里的图片路径,影响到其他情况的正常使用。

在source目录下创建images目录

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$cd source
$mkdir images
# 然后在_posts 目录中创建images的软链接
# 注意: 在mac osx中,源目录需要绝对路径
$ln -s images _post/images

# 最终目录结构可以看到是这样的
source
| -- _posts
| -- images ( link to source/images)
xxx.md
| -- images
| -- xxx/xxx.png (_posts/xxx.md中的图片)
| -- about
| -- images
| index.md
| -- page
| -- images
| index.md

文档追加 typora-root-url 属性

1
typora-root-url: ../_posts/

如果是page则添加

1
typora-root-url: ../

如下图:

image-20191207231847853

尝试粘贴图片,图片贴进来时,能看到是 /images/xxxx.png 这样的路径,而且在Typora中也能正常查看。

而Page的路径则是 /page/images/index/xxx.png