hexo-markdown-image

hexo use image with Markdown

简介

记录hexo博客,使用Markdown语法,插入图片时遇到的问题。

问题描述

使用Markdown编辑文章时,插入图片,会遇到以下一些问题:

  1. 编辑器中使用很好,但是部署到服务器,图片资源找不到
  2. 编辑器中使用/image/xxx.png这样的路径,服务器可以找到,但是编辑器无法显示图片

解决方案

  1. 使用图床,两者都是用网络路径

  2. 使用本地路径

    • _config.yml中的post_asset_folder设置为true

    • 1
      $ hexo n 'aaa'

      这是会生成aaa.md文件和aaa文件夹,将资源放置在aaa文件夹下,Markdown中使用相对路径

      此时的目录结构

      1
      ![](./aaa/1.png)
    • 安装hexo-asset-image

      1
      2
      3
      $ cd yourBlogDir
      $ git clone https://github.com/xcodebuild/hexo-asset-image.git node_modules/hexo-asset-image
      $ rm -rf node_modules/hexo-asset-image/.git

      因为作者代码修改之后,没有对应更新npm包,所以需要自己下载源码,然后删除不必要的.git文件夹以节省硬盘空间

参考资料

[1] hexo-asset-image上的Issues