hexo博客使用本地图片

环境配置

  1. 首先修改 _config.yml 中的 post_asset_folder属性 。
1
2
post_asset_folder:true
  1. 在博客目录，执行
1
2
npm install https://github.com/CodeFalling/hexo-asset-image --save

使用本地图片

在博客目录执行：

1
2
hexo new "article_name"

对应会在source目录下建立名字为article_name的目录和一个article_name.md文件，我们在文件里面添加三个图片，结构如下图所示

article_name

├── p1.jpg

├── p2.jpg

└── p3.jpg

article_name.md

使用的时候只用在代码中添加：

1
2
![图片1](article_name/p1.jpg)

即可在编辑器中预览图片效果，同时在生成网页发布时候会智能的替换为

<img src="/2016/04/15/article_name/p1.jpg" alt="图片1"\>