Hexo博客插入图片的方法
绝对引用
少量使用图片的时候使用, 将文件放在 /source/images 文件夹下, 使用 markdown 语法 ![Lena](/images/lena.png)
可以实现图片显示, 但是这种引用在本地markdown 编辑器中会无法预览,因为相对路径不一致,找不到文件, 不过在首页内容和文章正文中都能正常显示,十分方便
但是存在一个问题,后续可能维护起来麻烦, 不知道哪里引用了哪个图片,导致文章删除但是图片仍在
相对引用
设置站点配置
_config.yml
:将post_asset_folder: false
改为post_asset_folder: true
安装插件:
npm install https://github.com/CodeFalling/hexo-asset-image -- save
运行
hexo new post "aaa"
,生成aaa.md博文时就会在/source/_posts
目录下生成aaa的文件夹,将你想在aaa博文中插入的照片放置到这个同名文件夹中即可,图片的命名随意。添加图片:在想添加的位置写入
![](aaa/图片名字.图片格式)
,例如![](aaa/1.png)
。
在线引用
如果要引用的图片已经存在于网络上, 直接引用该图片的地址即可
![百度图片--lena](http://images2018.cnblogs.com/blog/1003156/201806/1003156-20180604175546711-227291592.png )
如果不存在于网络上, 可以使用在线图床上传之后得到链接使用,