hexo-markdown-image

Posted on

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