无法使用 Hugo 链接到静态文件

Question

我有这个config.toml：

baseURL = "https://my-username.github.io/blog/"

并且有一个静态文件在static/img/foo.png.

现在，在content/posts/bar.md，我有以下内容：

---
title: "Bar"
---

![foo](img/foo.png)

启动后图片没有显示hugo server，所以我检查了元素，发现 Hugo 为它生成了以下 URL：

http://localhost:1313/blog/posts/bar/img/hireme.png

这不是我所期望的；它应该是

http://localhost:1313/blog/img/hireme.png

当我使用时![foo](/blog/img/foo.png)，图片显示正确，但是这很奇怪：/blog/是的一部分baseURL，为什么我需要再次输入？

Answer 1

我认为您应该使用<base>标记为静态文件制作 baseURL。

将<base>标签添加到<head>：

<base href="{{ .Site.BaseURL }}">

然后你可以像这样在帖子中插入图片：

![Foo image](img/foo.jpg)

参考：

这是**非常**危险的，因为它会破坏任何与*页面*相关的链接，而不是与网站的*基本URL*相关的链接。我建议永远不要使用 <base> 标签，因为它会让调试成为一场噩梦（特别是一段时间后，当你忘记使用这个标签时）...... (2认同)