本地存储图片

首先前面几步和网上教程无差别(要注意安装插件的版本)

1.修改配置文件

修改配置文件_config.yml 里的post_asset_folder:true

此选项可以开启本地图片文件夹

2.安装插件

需要使用这个命令(网上的其他命令安装后实测均无效🤔)

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

如果用其他插件安装,查看生成的源码会发现路径很奇怪 如:…/.io//图片名.png

不难发现中间的图片文件夹路径缺失了

但是如果我们在编写markdown文件时,将图片路径前多加一个 / 会发现图片又可以正常显示了(PS:这种方法解决会导致本地浏览时看不到图片)

3.新建markdown

使用如下代码创建

hexo n “文件名”

创建博客文件(此时会同时创建md文件同名的文件夹—用来放图片)

将图片存入生成的文件夹

4.运行Hexo

检查运行情况,如果不出意外,图片就可以完美显示了

感谢:

hexo博客引用本地图片不显示 | 小蜗 (koo070.github.io)