博客中添加图片的方法

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官方资源文件夹

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容