解决hexo5本地图像上传后无法显示的问题

前段时间将hexo升级到了5.4版本,但是一直没有上传新的文章,所以没有发现问题。最近发现新写的文章在上传到服务器后图片都无法显示了。网上搜索了一番解决办法全部是安装 hexo-asset-image ,但是这个东西早就失效了。经过一番搜索,终于找到了适合hexo5的解决办法。

主要是这篇文章

我想要寻找在本地和网页上都能显示的办法,终于发现了一款插件hexo-image-link,是将markdown图片路径转换为asset_img语法,使得图片能够同时显示在typora和hexo上。

具体步骤

  1. 首先是把原来的hexo-asset-image卸载了:
npm uninstall hexo-asset-image --save
  1. 修改_config.yml中的post_asset_folder为true,推荐像官方文档一样写:
post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true
  1. 安装hexo-image-link
$ npm install hexo-image-link --save

​ 如果 npm下载比较慢的话,尝试 cnpm下载

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install hexo-image-link --save

​ 修改md文件中的图片路径

{% asset_img image-name.jpg label %}