hexo图片显示问题
2023/12/21
问题描述
hexo博客在typora中插入图片后本地显示正常但是部署在网站上无法正常显示。
问题解决
通过查看生成的public中的相关post的index.html文件发现,引用的图片路径为:
这是在本地typora中保存的图片的相对路径,文件格式如下:
_posts中保存待发布的posts,posts中的图片保存在images文件夹中,在本地编辑时能够在typora中看到引用的图片。
但是发布后hexo会以public文件夹作为根目录,寻找该目录下的images文件夹:
因此会出现找不到图片的错误。经过网上资料查阅发现在node_modules/hexo-renderer-marked/lib/renderer.js文件中存在图片路径转换功能:
图中红框处将原本路径中的前两位返回操作去除,得到发布后的正确图片路径,问题解决。