问题

当前的文章是使用 Typroa 编辑的，在 Typora 上可以显示图片，但是在 Hugo 中就无法显示图片。

Hugo 版本是 0.152.1

原因

当前的目录结构如下：

1
2
3
4
5
6
7
8
9

content
└── article
    └── 使用Hugo和Github搭建个人博客搭建
        ├── assets
        │   ├── 1761370605.png
        │   ├── 1761370606.png
        │   ├── 1761370607.png
        │   └── 1761370608.png
        └── 使用Hugo和Github搭建个人博客搭建.md

在 Typora 里面，我们如果要引用相对路径的图片，写法是这样的：

1

![](assets/1761370607.png)

但如果此时使用 hugo server 在本地预览的话，你会发现这个图片的路径是：

http://localhost:1313/article/使用hugo和github搭建个人博客搭建/使用hugo和github搭建个人博客搭建/assets/1761370607.png。

可以发现，Hugo 是将 xxx.md 是当作一个目录去看待的。

解决方案

我们应该将 xxx.md 改为 index.md，只有这样，Hugo 才能将这个目录识别为 Page Bundle。