我在哪里把我的 favicon 和 Hugo 放在一起

Posted 2023-03-07

【中文标题】我在哪里把我的 favicon 和 Hugo 放在一起

【英文标题】：Where do I put my favicon with Hugo

【发布时间】：2017-06-21 23:16:53

【问题描述】：

我正在使用 Hugo 生成一个静态站点。我应该把我的favicon.ico 文件放在哪里？

【参考方案1】：

将网站图标放在静态目录中。静态目录位于您的 hugo 站点的根目录中。当您生成您的站点时，网站图标将被复制到生成站点的根目录public。

【讨论】：

取决于 baseURL 设置和其他设置。并不总是这样。

【参考方案2】：

将您的网站图标放在 static 文件夹中是正确的。页面构建完成后，它将发布到 public 文件夹。

但是，使用绝对 CDN（例如：Dropbox）服务可能会更好地提高页面性能。

【参考方案3】：

静态文件（如徽标图像或网站图标）进入“静态”文件夹 如果您正在使用：

下载的模板，放在你的hugo项目的/static/*中（以免更新时被删除） 你自己的模板，把它放在/themes/themeName/static/*中

两者都可以通过如下路径访问：/*

示例：“/static/ico/myico.ico”和“/themes/themeName/static/ico/myico.ico”将由“/ico/myico.ico”机器人访问

【参考方案4】：

当您在脑海中使用此代码时：

<link rel="shortcut icon" type="image/png" href="/img/icon-192x192.png">
<link rel="shortcut icon" sizes="192x192" href="/img/icon-192x192.png">
<link rel="apple-touch-icon" href="/img/icon-192x192.png">

...您可以将您的单个icon-192x192.png 放在静态目录中的“img”文件夹中（或在您喜欢的任何其他位置，只要您正确指定路径）。