在github上用hexo搭建了自己的博客,用typora写完一篇博文,满怀欣喜地deploy之后发现图片加载失败...真的很吐血。去网上一搜索,嗯,好像不少人都遇到了这个问题,解决方法看似一大堆实则无效或过时不匹配,绝大多数资料都是安装
hexo-asset-image
的插件,亲测对于markdown图片路径没有用啊!比出现问题更折磨人的是遇上一堆错误的解决方法...
我想要寻找在本地和网页上都能显示的办法,终于发现了一款插件
hexo-image-link
,是将markdown图片路径转换为asset_img语法,使得图片能够同时显示在typora和hexo上。
![image file label](markdown-file-name/local-image.png) -> {% asset_img label local-image.png %}
具体步骤
- 修改
中的_config.yml
post_asset_folder: true
-
$ 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文件中的图片路径
![label](markdown-file-name/image-name.jpg)
大功告成!
赶紧generate and deploy验证一下,完美!