首先确认_config.yml 中有 post_asset_folder:true

Hexo 提供了一种更方便管理 Asset 的设定:post_asset_folder
当您设置post_asset_foldertrue参数后,在建立文件时,Hexo会自动建立一个与文章同名的文件夹,您可以把与该文章相关的所有资源都放到那个文件夹,如此一来,您便可以更方便的使用资源。

在hexo的目录下执行npm install hexo-asset-image --save(需要等待一段时间)。

完成安装后用hexo新建文章的时候会发现_posts目录下面会多出一个和文章名字一样的文件夹。

文件夹

图片就可以放在文件夹下面。结构如下:

  1. 1
    2
    3
    4
    5
  1. 本地图片测试
    ├── apppicker.jpg
    ├── logo.jpg
    └── rules.jpg
    本地图片测试.md

这样的目录结构(目录名和文章名一致),只要使用

  1. ![logo](本地图片测试/logo.jpg)

就可以插入图片。其中[]里面不写文字则没有图片标题。

生成的结构为

  1. 1
    2
    3
    4
    5
  1. public/2016/3/9/本地图片测试
    ├── apppicker.jpg
    ├── index.html
    ├── logo.jpg
    └── rules.jpg

同时,生成的 html 是

  1. `<img src="/2016/3/9/本地图片测试/logo.jpg" alt="logo">`





我的博客:Qianwei

版权声明:本文为QianBoy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/QianBoy/p/8721529.html