Hugo Narrow 支持多种方式引入本地资源如图像：
- 页面资源（markdown 文件所在目录下）
- 全局资源（assets 目录下）
- 静态资源（static 目录下）
Tip
Hugo Narrow 本地资源查找遵循以下顺序：页面资源 > 全局资源 > 静态资源
页面资源
页面资源是指与 Markdown 文件位于同一目录下的资源文件。这是最推荐的图像资源管理方式。
BASH
1content/
2└── posts/
3 ├── post-1.md
4 ├── post-1.zh-cn.md
5 └── post-2/
6 ├── index.md
7 ├── index.zh-cn.md
8 ├── featured.jpg
9 └── gallery/
10 ├── image-1.jpg
11 └── image-2.jpgcontent/
└── posts/
├── post-1.md
├── post-1.zh-cn.md
└── post-2/
├── index.md
├── index.zh-cn.md
├── featured.jpg
└── gallery/
├── image-1.jpg
└── image-2.jpg
在 Markdown 中引用：
MARKDOWN
1
2
3
Note
访问 Hugo 文档 了解更多细节。
全局资源
全局资源是放置在站点根目录下的 assets 文件夹： ~/assets/，放置在这个文件夹下的资源在构建时会被 Hugo 处理。
BASH
1my-site/
2├── assets/
3│ └── images/
4│ └── hero.jpg
5├── content/
6└── themes/
7 └── hugo-narrow/my-site/
├── assets/
│ └── images/
│ └── hero.jpg
├── content/
└── themes/
└── hugo-narrow/
在 Markdown 中引用：
MARKDOWN
1
Note
访问 Hugo 文档 了解更多细节。
静态资源
静态资源是放置在站点根目录下的 static 文件夹： ~/static/，放置在这个文件夹下的资源在构建时不会被 Hugo 处理。
BASH
1my-site/
2├── static/
3│ └── images/
4│ └── hero.jpg
5├── content/
6└── themes/
7 └── hugo-narrow/my-site/
├── static/
│ └── images/
│ └── hero.jpg
├── content/
└── themes/
└── hugo-narrow/
在 Markdown 中引用：
MARKDOWN
1
Note
访问 Hugo 文档 了解更多细节。
引用区别
| 位置 | 引入方式 | |
|---|---|---|
| 页面资源 | ~/content/posts/post-1/featured.jpg | featured.jpg |
| 全局资源 | ~/assets/images/featured.jpg | images/featured.jpg |
| 静态资源 | ~/static/images/featured.jpg | /images/featured.jpg |
Note
其中 images 路径不是必须，可以自行更改。