Contents

hugo本地md编辑器的预览图片跟build静态文件显示不对

Contents

我写hugo的博客是用MarkText写md文件的,什么都很完美(这里我必须要安利一下MarkText,世界上最好的Markdown编辑器),但有一个问题就是图片问题。

我跟大多数人的做法就是将其放在一个目录下,比如说public/static目录下。

但在编写md的时候MarkText却没引用到,因为你不可能去引用绝对路径,你还是要上传到网络上的。

我又去网上逛逛找解决方案。

最终还是找到了这篇博客Hugo 图片插入问题

就是将文件名作为目录,md文件放到这个文件名目录下之后,改为index.md,将图片放到这个文件名目录下。index.md文件里的图片用相对路径就行了。

比如:

原来通过命令hugo new posts/hugo本地md编辑器的预览图片跟build静态文件显示不对.md生成的hugo本地md编辑器的预览图片跟build静态文件显示不对.md文件。

变成->

posts/hugo本地md编辑器的预览图片跟build静态文件显示不对/index.md将图片放到posts/hugo本地md编辑器的预览图片跟build静态文件显示不对/目录下就行。

看这个图片:

/posts/programme/hugo%E6%9C%AC%E5%9C%B0md%E7%BC%96%E8%BE%91%E5%99%A8%E7%9A%84%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87%E8%B7%9Fbuild%E9%9D%99%E6%80%81%E6%96%87%E4%BB%B6%E6%98%BE%E7%A4%BA%E4%B8%8D%E5%AF%B9/1685335195642.jpg

资料引用:

Hugo 图片插入问题

Hugo 的文件管理方案