在写博客时,常常需要在文章中插入图片,Hugo有多种图片插入方式,可以将图片存在本地引用、将图片放在CDN引用或建立图床。

1 本地引用

1.1 绝对路径

当图片使用较少时,可以将图片存在 static/images/具体文章 目录下的,在部署当github page上面时,会将图片推到github上

![alt](/images/具体文章/image_1.jpg)

图片既可以在文章中访问到,也可以在首页访问到。

1.2 相对路径

图片除了可以放在统一的images文件夹中,还可以放在文章自己的目录中。文章的目录可以通过配置_config.toml来生成。

在新建文章时,得到的是包含文章和图片的文件夹。

1.3 注意事项

注意:你可能在你本地markdown编辑器上显示不出这张图片,你可以在本地运行hugo,在你的浏览器中就可以看到了

2 CDN引用

CDN引用 除了在本地存储图片,还可以将图片上传到一些免费的CDN服务中。比如Cloudinary提供的图片CDN服务,在Cloudinary中上传图片后,会生成对应的url地址,将地址直接拿来引用即可。

By the way:可以在github上新建一个repo,专门存储图片,将图片按文章进行分类,方便管理。

2.1 建立图床

具体参考:Code show——GitHub+jsDelivr+PicGo打造稳定快速高效图床