hexo博客上的图片显示问题

在搭建博客的过程中,遇到的一个贴别蛋疼的事情就是图片加载不出来。

解决过程中踩坑

当时花了我一个下午都没有搞出来,网上去搜的话,搜出来99篇文章,98篇连错别字都是一样的。

这些人挺气人的。最后发现是网上所有人提供的包版本有问题。

下面我就给大家说下走得通的路。

解决方式

  1. 在_config.yml配置文件中将post_asset_folder设置为true,默认是false
1
$ post_asset_folder: true
  1. 执行下面第一个命令,大家几乎全在这一步死掉,是因为你从网上看到的是下面第二个命令,这个包是有点问题的
1
2
3
$ npm install https://github.com/CodeFalling/hexo-asset-image    安装这个
$
$ npm install hexo-asset-image --save 不要安装这个(坑死个人哩)
  1. 当你用下面命令新建一个笔记时
1
$ hexo new post myFirstBlog

会在source->_posts文件夹下,创建myFirstBlog.md文件,同时会生产一个同名文件夹。

我们把文章里需要用到的图片放到这个文件夹下。

  1. 图片引用

在你的笔记里这样引入图片,比如我传了一个hotGirl.png到myFirstBlog文件夹下。

1
![可以为空] (./myFirstBlog/hotGirl.png)

我也试过比如myFirstBlog/hotGirl.png等等,但是经常就不起作用,所以还是老老实实用上面这一种就好。

完工

所有的坑其实就是那个包的问题,你有没有被这个问题搞过的经历呢。


联系博主,加入【羊山丨交流社区】

联系博主


本博客所有文章除特别声明外,均为原创。版权归博主小马所有。任何团体、机构、媒体、网站、公众号及个人不得转载。如需转载,请联系博主(关于页面)。如其他团体、机构、媒体、网站、博客或个人未经博主允许擅自转载使用,请自负版权等法律责任!