hexo 搜索_hexo博客显示markdown路径的图片

在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验证一下,完美!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值