当前位置: 代码迷 >> 综合 >> hugo 导入图片,两种方式
  详细解决方案

hugo 导入图片,两种方式

热度:9   发布时间:2023-12-16 05:55:41.0

本人的hugo示例图片演示站点

引入图片的关键是:图片的绝对路径与相对路径

第一种方式:(图片资源放置在根目录下的static下,也就是网站的绝对路径)

图片存放位置

在这里插入图片描述

引入图片的markdown代码

![](/images/two_images.jpg)

分析:图片请求路径

在这里插入图片描述

第二种方式引入(使用相对路径)

图片存放位置

在这里插入图片描述

引入图片的markdown代码

![](girl_images.jpg)

分析:图片请求路径,这个demo,要和博客文件名相同(我这里此篇博博客的文件名叫demo),所以需要新建demo文件夹。

在这里插入图片描述

帮助到你的话,点个赞,鼓励一下,欢迎加入我的置顶博客设置的技术交流群,不搞代课推广,让我们一起向诗靠拢。