0%

hexo|关于博客图片无法显示的问题

引用本地图片方式不对

注意!markdown语法在这里是没有用的!

1
![](/images/image.jpg)

markdown语法在本地编辑的过程中是有用的,图片可见,一旦部署,通过域名访问是看不到图片的。

正确的方式:文章资源文件夹+asset

首先要打开资源文件管理功能:将 config.yml 文件中的 post_asset_folder 选项设为 true 来打开。

1
2
_config.yml
post_asset_folder: true

当资源文件管理功能打开后,Hexo将会在你每一次通过 hexo new [layout] 命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个文章文件一样的名字。例如:hexo n "一篇博客",则会在source中产生一个一篇博客.md一篇博客文件夹。

当你在一篇博客.md插入一个图片时,在文件夹一篇博客中添加该图片文件example.jpg,使用asset语法:

1
{% asset_img example.jpg 这是一个图片 %}

发布后就可以看到图片了。

参考:hexo官方文档|资源文件夹

引用时难以察觉的错误(淦)

如果你在博客对应的资源文件夹中放example.JPG,但是在.md中写的是:

1
{% asset_img example.jpg 这是一个图片 %}

则图片也不会显示。

所以使用前要检查属性中显示的图片格式大小写!

因为文件夹详细信息里显示的统一都是PNG图片文件,所以会很难察觉。气死我了……