天天看点

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