LOADING

加载过慢请开启缓存 浏览器默认开启

Knight Cheng's Blog

Welcome to my blog!

hexo图片显示问题

2023/12/21

问题描述

hexo博客在typora中插入图片后本地显示正常但是部署在网站上无法正常显示。

问题解决

通过查看生成的public中的相关post的index.html文件发现,引用的图片路径为:

image-20231221195630189

这是在本地typora中保存的图片的相对路径,文件格式如下:

image-20231221195725690

_posts中保存待发布的posts,posts中的图片保存在images文件夹中,在本地编辑时能够在typora中看到引用的图片。

但是发布后hexo会以public文件夹作为根目录,寻找该目录下的images文件夹:

image-20231221195931878

因此会出现找不到图片的错误。经过网上资料查阅发现在node_modules/hexo-renderer-marked/lib/renderer.js文件中存在图片路径转换功能:

image-20231221200400618

图中红框处将原本路径中的前两位返回操作去除,得到发布后的正确图片路径,问题解决。

阅读全文

My New Post

2023/12/20

第一个博客

这是我的第一个博客

firefox出了个小bug,网页标签页图标和书签图标不一致

image-20231220224106615

image-20231220224015351

阅读全文
1
avatar
Knight Cheng