写博客时适当的添加图片是很有效率的一种做法,也会让别人更容易明白你想表达的意思。

如果你的博客也是通过Hexo框架建立的,在使用初期你可能也遇到过和我相似的问题:在一个.md文件中添加的图片并没有在预览中显示出来,下面分享一种解决此问题的方法:

修改博客配置。
下载插件。
修改博客配置
修改博客根目录中_config.yml文件的配置项post_asset_folder为true:

post_asset_folder: true

完成此设置后,当你通过hexo new 文件名新建博客后,会产生一个和文件同名的文件夹。

image.png
下载插件
在博客根目录中下使用npm安装插件:

npm install https://github.com/CodeFalling/hexo-asset-image –save

示例
当文章需要添加图片时,将需要添加的图片放入同名的文件夹中,同时通过相对路径索引到该图片。

例如我在上方修改博客配置中展示的那张图片的md源码为:

*[·-·]:示例
使用命令hexo s开启服务,若无报错在本地可以看到图片在博客中正确显示。

作者:Gsdxiaohei
链接:https://www.jianshu.com/p/ea78bdd0551f
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

*[·-·]:注释内容