hugo 导入图片，两种方式

不念不忘少年蓝@ 2022-12-11 13:49 139阅读 0赞

**[本人的hugo示例图片演示站点][hugo]**

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

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

### 图片存放位置 ###

![在这里插入图片描述][20201002111000420.png_pic_center]

### 引入图片的markdown代码 ###

![](/images/two_images.jpg)

### 分析：图片请求路径 ###

![在这里插入图片描述][2020100211084580.png_pic_center]

## 第二种方式引入（使用相对路径） ##

### 图片存放位置 ###

![在这里插入图片描述][20201002124429646.png_pic_center]

### 引入图片的markdown代码 ###

![](girl_images.jpg)

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

![在这里插入图片描述][20201002124839106.png_pic_center]

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

[hugo]: https://wanlinma-163.github.io/post/demo/
[20201002111000420.png_pic_center]: /images/20221123/090164b94d0b4d1c8697a2fd44e7174a.png
[2020100211084580.png_pic_center]: /images/20221123/9607ed5938ef485289ce5c303fe4229c.png
[20201002124429646.png_pic_center]: /images/20221123/1da50e3231b748549ddb6e016c0513c0.png
[20201002124839106.png_pic_center]: /images/20221123/fdca409677fe4e90be050526680df7bc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关 python包的两种导入方式

1.import menipy as MINE 这种直接import的方式，在引用时，需要写出包的名字。例， `mine = MINE.MINE（）` 如果...

谁践踏了优雅/ 2024年04月18日 23:06/ 0 赞/ 33 阅读

相关【干货:Excel中插入图片的两种方式】

![format_png][] 背景业务中,客户需要导出各种数据统计报表,如果客户要求,我希望导出的报表中能插入这些数据的统计图表该如何操作,如图:

心已赠人/ 2023年10月04日 22:39/ 0 赞/ 15 阅读

相关 MySQL5.7 —— 导入SQL脚本（两种方式）

原文地址：https://blog.csdn.net/qq\_41133533/article/details/103162827 1. 使用mysql 命令直接进行导入

比眉伴天荒/ 2022年12月19日 08:38/ 0 赞/ 106 阅读

相关 hugo 导入图片，两种方式

[本人的hugo示例图片演示站点][hugo] 引入图片的关键是：图片的绝对路径与相对路径第一种方式：(图片资源放置在根目录下的static下，也就是网站的绝对路径)

不念不忘少年蓝@/ 2022年12月11日 13:49/ 0 赞/ 140 阅读

相关 TIF图片转bitmap的两种方式（C#）

using System.IO; using System.Windows.Media.Imaging; using System.Windows;

缺乏、安全感/ 2022年11月30日 04:02/ 0 赞/ 240 阅读

相关将Eclipse代码导入到AndroidStudio的两种方式

说到使用AndroidStudio，除了新建的项目，我们都会面临的问题是原先Eclipse的代码该怎么导入到AndroidStudio中使用。这方面相关的资料还比较少，自

野性酷女/ 2022年06月16日 06:51/ 0 赞/ 135 阅读

相关 jquery图片随鼠标移动放大(两种方式)

1. 示例 //鼠标移入 function divIn(event) { var img = event.

墨蓝/ 2022年06月04日 03:19/ 0 赞/ 654 阅读

相关 img展示图片的两种方式

<el-table :data="tableData" style="width: 100%" height="568px" @selection-change="ha

古城微笑少年丶/ 2022年05月15日 05:43/ 0 赞/ 621 阅读

相关 objc 两种方式将图片裁剪成圆形

第一种方式：通过设置 imageView的 layer来裁剪 ImageVIew进行操作 HypnosisterLogoView logoView = [[Hypno

野性酷女/ 2022年03月11日 03:55/ 0 赞/ 265 阅读

相关 python 导入模块的两种方式与导入路径问题

导入模块的两种方法: 1. import + 模块名这个方式导入的模块,调用里面的函数的时候,要用模块名.函数如果导入的是包里面的就用 im

系统管理员/ 2022年01月30日 08:25/ 0 赞/ 607 阅读