Hexo插入图片

Hexo插入图片

版本：Hexo5.0.2（Hexo3以上即可）

解决方案如下：

• 修改配置文件
• 在根目录下配置文件_config.yml 中有 post_asset_folder:false改为true。
• 这样在建立文件时，Hexo会自动建立一个与文章同名的文件夹，这样就可以把与该文章相关的所有资源（图片）都放到那个文件夹里方便后面引用
• 我这里放的图片是：sky2.jpg
• 安装插件：hexo-asset-image(插件经测试无问题)

npm install https://github.com/7ym0n/hexo-asset-image --save（使用cnpm速度相当会快点，当然npm也可以滴）

• 使用这个插件来引入图片，而不是网上那些方法里说的用传统md语法相对路径的方法。
• 插入图片时用这种方式：

{% asset_img sky2.jpg This is an test image %}

• 其中sky2.jpg就是你要引用的图片，我这里就是sky2.jpg，后面的This is an test image是图片描述，可以自己修改。

具体示例：

---
title: A sunny day
date: 2020-08-14 11:24:30
tags:
        - weather
categories:
        - daily
---
晴れた日より?菜が必要です。
{% asset_img sky2.jpg This is an test image %}
{% asset_img sky3.jpg This is an test image %}

• 这样就能成功显示了，测试下吧：

hexo cl && hexo g && hexo d

这是我这边做好的图片效果，欢迎参观

Alex博客
本文作者： Alex
本文链接： http://alexcld.com/2020/08/14/解决Hexo图片无法显示问题/
版权声明： 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！

最后

以上就是儒雅小蝴蝶为你收集整理的Hexo插入图片的全部内容，希望文章能够帮你解决Hexo插入图片所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。