hexo博客图片问题

hexo博客图片问题

第一步

首先确认_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
2
3
4
5
本地图片测试
├── apppicker.jpg
├── logo.jpg
└── rules.jpg
本地图片测试.md

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

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

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

生成的结构为

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

同时,生成的 html 是

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





我的博客:Qianwei

原文地址:https://www.cnblogs.com/QianBoy/p/8721529.html