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

发表于 阅读次数： 本文字数： 634 阅读时长 ≈ 1 分钟

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

主要是这篇文章

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

具体步骤

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

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

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

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

1
{% asset_img "image-name.jpg" "label" %}