解决hexo5本地图像上传后无法显示的问题
前段时间将hexo升级到了5.4版本,但是一直没有上传新的文章,所以没有发现问题。最近发现新写的文章在上传到服务器后图片都无法显示了。网上搜索了一番解决办法全部是安装 hexo-asset-image ,但是这个东西早就失效了。经过一番搜索,终于找到了适合hexo5的解决办法。
主要是这篇文章
我想要寻找在本地和网页上都能显示的办法,终于发现了一款插件hexo-image-link
,是将markdown图片路径转换为asset_img语法,使得图片能够同时显示在typora和hexo上。
具体步骤
- 首先是把原来的hexo-asset-image卸载了:
1 | npm uninstall hexo-asset-image --save |
- 修改_config.yml中的post_asset_folder为true,推荐像官方文档一样写:
1 | post_asset_folder: true |
- 安装hexo-image-link
1 | $ npm install hexo-image-link --save |
如果 npm下载比较慢的话,尝试 cnpm下载
1 | npm install -g cnpm --registry=https://registry.npm.taobao.org |
修改md文件中的图片路径
1 | {% asset_img "image-name.jpg" "label" %} |