Hugo Narrow 支持多种方式引入本地资源如图像：
- 页面资源（markdown 文件所在目录下）
- 全局资源（assets 目录下）
- 静态资源（static 目录下）
提示
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.jpg在 Markdown 中引用：
MARKDOWN
1
2
3注意
访问 Hugo 文档 了解更多细节。
全局资源
全局资源是放置在站点根目录下的 assets 文件夹： ~/assets/，放置在这个文件夹下的资源在构建时会被 Hugo 处理。
BASH
1my-site/
2├── assets/
3│ └── images/
4│ └── hero.jpg
5├── content/
6└── themes/
7 └── hugo-narrow/在 Markdown 中引用：
MARKDOWN
1注意
访问 Hugo 文档 了解更多细节。
静态资源
静态资源是放置在站点根目录下的 static 文件夹： ~/static/，放置在这个文件夹下的资源在构建时不会被 Hugo 处理。
BASH
1my-site/
2├── static/
3│ └── images/
4│ └── hero.jpg
5├── content/
6└── themes/
7 └── hugo-narrow/在 Markdown 中引用：
MARKDOWN
1注意
访问 Hugo 文档 了解更多细节。
引用区别
| 位置 | 引入方式 | |
|---|---|---|
| 页面资源 | ~/content/posts/post-1/featured.jpg | featured.jpg |
| 全局资源 | ~/assets/images/featured.jpg | images/featured.jpg |
| 静态资源 | ~/static/images/featured.jpg | /images/featured.jpg |
注意
其中 images 路径不是必须，可以自行更改。