Hexo使用more标签后图片无法加载

关于Hexo 使用<!– more –>后图片无法加载

问题

我在写文章时需要用到图片，所以在socourse目录下新建了一个img目录来存放我日后文章所需用到的图片，插入图片用的是 这个方式来设置相对路径导入图片，在本地做测试时是正常显示的，但在文章中加入<!– more –>标签后，在打开文章会出现图片全部无法正常显示。如下图:

解决办法

在想了一晚上后，我通过复制打开不能正常显示的图片的链接地址,并打开链接，发现图片加载的地址与我设置的相对路径地址不符，其加载的图片地址是在public/2021/12/10/****.img,思考了一番，问题应该是出在<!– more –>标签的问题上，因为添加该标签会重新打开一个页面来显示完整文章内容，就因为这个操作更改了文章与图片目录之间的相对位置，导致加载图片失败。所以解决办法很简单，只要我们知道了使用标签后文章与图片目录的位置关系，重新设置以下相对路径就可以了。比如我本来设置路径是：../img/cftbase/sql1-1/1-1.PNG,设置为了：../../../../img/ctfbase/sql1-1/1-1.PNG。