本地资源
Hugo Narrow 支持多种方式引入本地资源如图像：
- 页面资源（markdown 文件所在目录下）
- 全局资源（assets 目录下）
- 静态资源（static 目录下）
Tip
Hugo Narrow 本地资源查找遵循以下顺序：页面资源 > 全局资源 > 静态资源
页面资源
页面资源是指与 Markdown 文件位于同一目录下的资源文件。这是最推荐的图像资源管理方式。
- post-1.md
- post-1.zh-cn.md
- index.md
- index.zh-cn.md
- featured.jpg
- image-1.jpg
- image-2.jpg
在 Markdown 中引用：
Note
访问 Hugo 文档 了解更多细节。
全局资源
全局资源是放置在站点根目录下的 assets 文件夹： ~/assets/，放置在这个文件夹下的资源在构建时会被 Hugo 处理。
- hero.jpg
在 Markdown 中引用：
Note
访问 Hugo 文档 了解更多细节。
静态资源
静态资源是放置在站点根目录下的 static 文件夹： ~/static/，放置在这个文件夹下的资源在构建时不会被 Hugo 处理。
- hero.jpg
在 Markdown 中引用：
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 路径不是必须，可以自行更改。