问题

初次尝试使用 Hugo 写一篇带图片的文章时, 遇到如下问题:

文件放在路径 /static/image/ 下, markdown 文件中的路径是![](/image/test1.png)

使用命令 hugo server 生成站点时, 可以在生成的页面中看到

但是发布到 Github Pages 或者 Nginx 生成静态网站时, 不会显示图片

文件放在路径 /static/image/ 只是 hugo 的约定

解决办法

新建文章时候, 直接新建 文件夹, 内容写在 index.md 中, 图片文件放在同名文件夹下面

content
└── post
    └── my-first-post
        ├── index.md
        ├── image1.png
        └── test.png

![Alt text](test.png)

渲染如下:

这样的好处是, 不论是使用 hugo server 生成静态页面文件还是发布到 Github Pages, 或是使用 markdown 编辑器的预览功能, 都可以渲染图片