问题描述

hexo选择3.0以上版本,通过常规md文件的编写方式无法在网页中显示图片。

解决方法:

在博客根目录下用命令行:hexo3.0及以上版本一定要用该指令进行安装!!!

1
npm install https://github.com/7ym0n/hexo-asset-image --save

该指令是指安装修改后的hexo-asset-image,可适用于hexo3.0及以上版本。

网上的教程多数是使用如下命令进行安装,在hexo3.0版本下是错误的!!!

1
npm install https://github.com/hexo-asset-image --save  # hexo3.0以上版本不要用这条语句

然后在博客根目录下的_config.yml文件中将“post_asset_folder:”设置为”true“,这样在通过指令hexo new “文章标题”时,不仅会创建一个md文件,还会创建一个和md文件同名的文件夹。将md文件中将要用到的图片存储在这个文件夹下,在需要使用的时候在md文件中通过:

1
{% asset_img sky2.jpg This is an test image %}

来插入图片。其中sky2.jpg就是你要引用的图片,我这里就是sky2.jpg,后面的This is an test image是图片描述,可以自己修改。

注意事项:

  1. 一定要事先搞清楚自己hexo的版本,否则装上了也不一定是对的。
  2. 使用指令安装asset的时候可能会非常慢,可以尝试链接vpn或者使用cnmp指令进行安装,或者耐心等一等,网上方法太多了,没啥用。