Typora和Jekyll环境同步图片

2021/01/28

Typora和Jekyll环境同步图片

参考地址 -博客中如何用相对路径来加载图片? - 九千鸦的回答 - 知乎

博客是使用Typora编写,遇到图片直接就直接截图粘贴进来,但是上传的Jekyll的时候就显示不出来错误,变成这个鬼样子1611808648116

原因:

  • 因为Jekyll渲染成HTML时候会把MdrkDown文件变成的路径变成/2021/01/28/blog-latex.html
  • 路径前面多20210128三个文件夹,我在Typora中设置的相对路径直接失效

思路

  • 使得Jekyll渲染的时候,加载的路径和Typora一样寻址,无视新增的那三个文件夹
  • 具体为什么成功也不清楚,反正他就可以了

设置MarkDown文件为当前路径

MarkDown文件设置为该变量时,在需要加载图片的MarkDown的文件前加入typora-root-url: ..

1611809920732

设置Typora

打开Typora文件,点击左上角的 文件 - 偏好设置 - 图像 进行如下设置

我的项目路径:sorryle.github.io\_posts\2021

按照下面的设置,Typora会自动在sorryle.github.io文件夹下找assets/images/2021/文件名字的文件夹

若是没有找到自动创建,然后把图片保存在里面。

1611810320900

目 录