失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > hexo搭建博客后图片无法显示的完美解决

hexo搭建博客后图片无法显示的完美解决

时间:2022-03-03 15:25:00

相关推荐

hexo搭建博客后图片无法显示的完美解决

在博客搭建完成之后,要显示图片,把图片直接引用之后发现无法显示,查了好多文章试了都不起作用,其实他们的内容都是对的,但是少了一步,所以导致了图片加载不出来。

那么我们就来看一下如何操作:

1.要添加图片,先npm install 一个hexo-asset-image的依赖

npm install /CodeFalling/hexo-asset-image --save

2.然后把_config.yml中的post_asset_folder设为true,这个配置的意思是每次new post一个博客,会增加一个和博客同名的文件夹。

比如我将post_asset_folder设为true之后hexo new post "first-page"之后新建了一篇文章,就会同时在hexo/source/_post文件夹下生成一个.md文件和一个同名文件夹,文件夹存放文章中的图片

3.把图片放到.md文件的同名文件夹"first-page"里,最后在.md文件中引用图片

![图片描述](./包名/NO.01.001.jpg)

比如我就引用作

![](./first-page/NO.01.001.jpg)

4.保存文件的修改之后,在命令行输入hexo clean,接着输入hexo g --d。在浏览器输入域名后查看相关文章,显示图片成功!!!

如果觉得《hexo搭建博客后图片无法显示的完美解决》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。