使用hexo-asset-image在hexo博客中插入图片

什么是hexo-asset-image？

• Give asset image in hexo a absolutely path automatically.
• CodeFalling/hexo-asset-image

安装hexo-asset-image

• npm install hexo-asset-image --save

修改hexo配置

• 修改hexo根目录下的_config.yml文件，添加如下配置：

  post_asset_folder: true

修改hexo-asset-image插件

• 修改node_modules\hexo-asset-image\index.js：

  // 注释掉以下代码
  // if(srcArray.length > 1)
  // srcArray.shift();
  // src = srcArray.join('/');
  
  // $(this).attr('src', config.root + link + src);
  // console.info&&console.info("update link as:-->"+config.root + link + src);
  
  // 添加以下代码
  $(this).attr('src', src);
  console.info&&console.info("update link as:-->"+src);

• 修改后的index.js文件如下：
  

使用hexo-asset-image插入图片

• 创建新的文章，例如hexo new "xx"，会在source/_posts目录下生成一个md文件以及同名文件夹
• 示例:

  MacGesture2-Publish
  ├── apppicker.jpg
  ├── logo.jpg
  └── rules.jpg
  MacGesture2-Publish.md

• 在md文件中插入图片，例如：![](appicker.jpg)，图片名称就是图片路径