Hexo博客如何插入图片

Posted on Edited on In Views:

众所周知，在md文件中插入图片的语法为![A](path, "title")。

其中方括号中A是图片描述（选填），圆括号中path是图片路径（必填），引号中title是图片悬浮标题（选填）。

一般来说有三种图片路径，分别是相对路径，绝对路径和网络路径。前人之述备矣。在这里我们主要介绍一下在Hexo中如何成功地部署图片。

在hexo中使用文章资源文件夹需要在config.yaml文件中更改一下配置：

1
post_asset_folder: true

当该配置被应用后，使用hexo new/hexo n命令创建新文章时，会生成相同名字的文件夹，也就是文章资源文件夹。例如：

1
hexo n "**Hexo博客如何插入图片**"

npm install hexo-renderer-marked安装插件，之后在config.yaml中post_asset_folder: true后增加两行代码，更改配置如下：

1
2
3
4
post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

之后就可以在使用![](image.jpg)的方式愉快的插入图片了！