解决hexo上传后图片不显示的问题

本文最后更新于:2023年8月17日 下午

在我尝试上传文章时,我发现在利用Typora编写的文章上传后,在浏览器中打开后图片完全无法显示出来,这给我带来了很大的麻烦(毕竟打靶什么的基本都要靠图片),在查了很多很多东西又尝试了很多插件以后终于整出来了!

Typora

在typora中的偏好设置中将图像中的各个设置改为如下:

image-20230625164444582

将hexo配置文件中的_config.yml中的post_asset_folder设置为true;

安装插件:

1
npm install https://github.com/CodeFalling/hexo-asset-image --save

运行hexo n "xxxx"来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹。接下来就是利用makedown。

光安装的了上面那个插件以后我仍然无法在浏览器中显示我的图片,于是我又安装了下面的插件。

1
npm i hexo-easy-images -s

此时仍然不能让typora和浏览器中显示相同的图片内容。

如果想要在浏览器中显示图片,需要将图片路径中xxxx/imges.png前的xxxx/全部去掉,只保留文件名。但是此时是无法在typora中显示的,需要将正篇文章编辑好之后整体去除前缀。

复制“xxxx/”利用Ctrl+F,将所有的“xxxx/”替换为空。此时就可以在本地浏览器上正常显示图片了。


解决hexo上传后图片不显示的问题
https://jsweetcoffee.github.io/posts/e0dfd349.html
作者
SCxiaoyun
发布于
2023年6月25日
许可协议