让 hexo 文章图片在 typora 里也能显示

对于 hexo 文章的图片,我是在 source 目录下新建一个 img 目录,把图片都放在里面。然后我文章中的图片链接,都是 /img/abc.png 这种格式的。

它在博客网站上可以显示出来,但是在 typora 里面就没法显示。想要在 typora 里面可以显示图片,得把链接改为 ../img/abc.png 这种格式的。

但是这样一改,我博客里就没法显示图片了,属于按下葫芦浮起瓢。

解决方法:

我们只需要在文章头部加入这一行,那么图片在 typora 里面就可以加载出来。

typora-root-url: ../

图片的链接依然是 /img/abc.png 这种格式的。

它的原理就是 url 拼接,也就是说,在 typora 里面,加了这一行之后,图片的链接就变成 ../img/abc.png 了。

或者说,typora 会去 ../ (也就是上一层目录)找 /img/abc.png 这张图片,找到了就显示出来。

而对于 hexo,它会忽略掉文章头部的 typora-root-url,所以没什么影响。

但要是每次都得手动去填写这一行,也很麻烦。一劳永逸的方法是,直接修改 scaffolds/post.md

这个是文章的模板,当我们执行 hexo new post filename 的时候,hexo 就会读取这个模板文件,创建一个新的文章文件。

我目前的模板是这样的:

---
title: {{ title }}
date: {{ date }}
categories:
tags:
- 随笔
-
-
lock: false
typora-root-url: ../
---