利用Hexo在博客中插入本地图片(无需外链)|Zam9036博客

本文介绍了如何在Hexo博客中利用新建的本地图片库和相对路径来插入图片,避免外链图片失效和绝对路径问题。通过在主题文件夹下创建postimg文件夹,存放博客图片,并使用特定的相对路径,在Markdown中插入图片,实现图片随着博客一起部署到Github。
摘要由CSDN通过智能技术生成

前言

​ 在用Hexo写博客的过程中我们往往需要在博客中插入图片。MarkDown中插入图片有两种方式:一种是使用外链,一种是使用本地图片。而如果使用外链图片,我们需要找好用的图床,以防图片链接不定时挂掉,这大大增加了写博客的时间成本。本地图片如果使用绝对路径会导致上传到Github上时链接不到,所以本文提供了一种利用本地图片的相对路径的方式来插入图片。

思考

​ 我们在启用博客主题时会发现,博客主题中的内置图片,会随hexo g指令一起部署到public文件夹,上传时也会一同上传到Github上,这就为我们保存博客中的图片提供了一种思路。

public文件夹中的img文件夹

新建本地图片库

​ 查看Hexo-themes中的文件我们可以知道,主题文件的图片存在了source-img文件夹中,所以我们在这个文件夹中新建一个postimg文件夹,用于存放博客中需要保存的图片。

<

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值