hexo框架博客使用本地图片；之前尝试的是放入根目录下，再建立起一个upload的文件夹用于存放博客图片，之后发现图片莫名的显示不出，于是重新寻找方法

首先安装hexo插件

1
2
3

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

安装成功之后，在你创建一批文章时会同时创建同名文件夹；只需将图片放入同名文件夹中，之后在文章中引用即可

config中配置

打开主题_config.xml配置文件：

1
2
3

找到：post_asset_folder，将false属性改为

post_asset_folder : true

将_config.yml文件中的配置项post_asset_folder设为true后，执行命令$ hexo new test，在source/_posts中会生成文章test.md和同名文件夹test。将图片资源放在test中，文章就可以使用相对路径引用图片资源了。

使用图片

hexo 资源文件介绍

markdown的引用方式

![](image.jpg)

markdown的引用方式，图片只能在文章中显示，但无法在首页中正常显示

标签插件语法

1

{% asset_img image.jpg This is an image %}

该方式可以在首页、文章中显示

还有其他标签：

1
2
3

{% asset_path slug %}
{% asset_img slug [title] %}
{% asset_link slug [title] %}

HTML语法

1

<img src="/image.jpg" width=50% height=50% align=center/>

参考文章：

在hexo中无痛使用本地图片

Hexo框架下给博客插入本地图片

Hexo博客搭建之在文章中插入图片