Hugo插入图片
在写博客时,常常需要在文章中插入图片,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打造稳定快速高效图床
- 原文作者:jchen
- 原文链接:http://jchenTech.github.io/post/%E5%8D%9A%E5%AE%A2/Hugo%E6%8F%92%E5%85%A5%E5%9B%BE%E7%89%87/
- 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可,非商业转载请注明出处(作者,原文链接),商业转载请联系作者获得授权。