博客中添加图片的方法

1.安装插件

npm install hexo-asset-image --save

2.修改_config.yml中post_asset_folder: true

ps:注意冒号后的空格

3.创建博客:addpicture

hexo new add-picture

4.将图片(web.png)拖入“addpicture”文件夹中

此时目录结构如下:

blog
|---source
|-------_posts
|-----------addpicture.md  //.md文件
|-----------addpicture       //文件夹
`---------------web.png      //图片文件

5.编辑“addpicture.md”文件


在需要的地方:
web前端知识框架.png

这是一张web学习路径图片!

5.两中不同的方式添加图片

方式1:[图片上传失败...(image-e8449b-1521882289029)] 这是方式1的方法;
方式2: {% asset_img web.png 这是方式2的方法 %}

参考资料:

1.hexo发布博客引用图片的方法

2.hexo官方资源文件夹

你可能感兴趣的:(博客中添加图片的方法)