如何在HEXO博客中插入图片？

一、前置概念

插入图片的Markdown语法为

![图片描述](图片路径)

图片路径可以是绝对路径、相对路径、网络路径。

由于博文需要部署到网站上，部署后会生成新的文件目录，所以必须使用相对路径。

操作步骤：

1. 图片需要放置于文章资源文件夹中,需要更改config.yaml文件中更高以下配置：

post_asset_folder: true

当该配置应用后，用hexo new命令创建新文章时，会生成同名文件夹用于储存资源，即资源文件夹。

2. 安装hexo-renderer-marked插件,使用npm install hexo-renderer-marked直接安装，之后在config.yaml中更改和添加以下配置

   post_asset_folder: true
   marked:
     prependRoot: true
     postAsset: true

​ 之后即可用![](image.jpg)插入图片

测试

• 网络路径

• 相对路径

---

参考资料：

https://cloud.tencent.com/developer/article/1736563

二、使用个人图床来展示图片