前段时间将hexo升级到了5.4版本,但是一直没有上传新的文章,所以没有发现问题。最近发现新写的文章在上传到服务器后图片都无法显示了。网上搜索了一番解决办法全部是安装 hexo-asset-image ,但是这个东西早就失效了。经过一番搜索,终于找到了适合hexo5的解决办法。
主要是这篇文章
我想要寻找在本地和网页上都能显示的办法,终于发现了一款插件hexo-image-link
,是将markdown图片路径转换为asset_img语法,使得图片能够同时显示在typora和hexo上。
具体步骤
- 首先是把原来的hexo-asset-image卸载了:
npm uninstall hexo-asset-image --save
- 修改_config.yml中的post_asset_folder为true,推荐像官方文档一样写:
post_asset_folder: true
marked:
prependRoot: true
postAsset: true
- 安装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 %}