hexo是一个快速、简洁且高效的博客框架,可以帮助我们快速部署个人博客

在使用过程中有的小伙伴可能遇到图片无法显示的问题,

我们可以通过安装hexo-renderer-marked这个插件来解决,具体方法如下

在博客文件中打开bash,输入安装命令如下

1
$ npm install hexo-renderer-marked --save

接下来在_config.yaml文件中更改配置

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

当该配置被应用后,使用hexo new命令创建新文章时,会生成一个和文章名字相同的文件夹,也就是文章资源文件夹。

关于插件的配置和使用,在这里就不做说明了,感兴趣的小伙伴可以在GitHub上查看使用文档:

hexojs/hexo-renderer-marked: Hexo 的 Markdown 渲染器 (github.com)

现在我们使用命令创建新markdown格式文件

1
$ hexo new '文章'

可以发现和md文件一起创建出来的还有一个文章名为名称的文件,该文件就是文章的资源文件夹,生成博客时文章中引用资源的默认路径就在该文件夹下

之后把需要使用的图片资源放入文章对应名称的文件夹中,在文章中使用![](image.jpg)就可以引用图片了

注意写路径时不用包含文件夹名,直接使用图片名称(如:image.jpg)

之后使用命令生成博客后就可以看到成功显示图片啦!

如果有错误的地方还请各位大佬指正~~