使用本地静态图片
在hugo中,图片是以/static
为基准目录的,例如,设baseUrl为https://focksor.gitee.io/
,图片文件存放位置是static/img/gitee/123.jpg
,那么,编译完成后页面图片引用的地址就是https://focksor.gitee.io/img/gitee/123.jpg
,则在Markdown要引用此图片应该用![图片说明](/img/gitee/123.jpg)
,但是这样带来的问题是,在写作的时候无法看到图片,要经过hugo编译之后才能看到文档图片,这样的写作显然是不友好的。
使用图床
图床指存储图片的服务器,使用图床存储文档中的图片,那么在使用图片的时候只要写上图片所在的网络地址就好了,这样比较使用静态图片体验显然要好很多。下面介绍Gitee+PicGo的方法来使用gitee作为图床。
安装PicGo
访问PicGo的官方文档以了解PicGo的基本安装和使用方法。如果不想读文档的话,访问PicGo Releases直接下载你的操作系统对应的安装包并完成安装。
安装npm
由于PicGo的插件需要使用npm进行安装,如果你的电脑上没有安装npm,那么你是无法安装PicGo插件的,而我们接下来