Hexo博客插入图片的方法

绝对引用

少量使用图片的时候使用, 将文件放在 /source/images 文件夹下, 使用 markdown 语法 ![Lena](/images/lena.png) 可以实现图片显示, 但是这种引用在本地markdown 编辑器中会无法预览,因为相对路径不一致,找不到文件, 不过在首页内容和文章正文中都能正常显示,十分方便

图片

但是存在一个问题,后续可能维护起来麻烦, 不知道哪里引用了哪个图片,导致文章删除但是图片仍在

相对引用

  1. 设置站点配置_config.yml:将post_asset_folder: false改为post_asset_folder: true

  2. 安装插件:npm install https://github.com/CodeFalling/hexo-asset-image -- save

  3. 运行hexo new post "aaa",生成aaa.md博文时就会在/source/_posts目录下生成aaa的文件夹,将你想在aaa博文中插入的照片放置到这个同名文件夹中即可,图片的命名随意。

  4. 添加图片:在想添加的位置写入![](aaa/图片名字.图片格式),例如![](aaa/1.png)

    图片

在线引用

如果要引用的图片已经存在于网络上, 直接引用该图片的地址即可

![百度图片--lena](http://images2018.cnblogs.com/blog/1003156/201806/1003156-20180604175546711-227291592.png )

如果不存在于网络上, 可以使用在线图床上传之后得到链接使用,

比如使用 sm.ms, 聚合图床