Featured image of post Hugo|构建网站-minify带来的问题

Hugo|构建网站-minify带来的问题

使用Hugo构建静态网站,为什么hugo从meta标签中删除引号,why hugo remove quotes from meta

不管是官方推荐还是各种文档里,hugo构建大多使用下面的命令完成,有很多好处如缩小体积,优化加载速度等,但也有一些问题

1
hugo  --gc --minify

build

–minify

hugo –minify 命令用于对生成的站点内容进行压缩,从而减小文件大小,提高网页加载速度。具体来说,这个选项会对 HTML、CSS 和 JavaScript 等资源文件进行压缩或最小化处理,删除多余的空格、换行和注释,同时可能会进行某些简单的代码优化。使用 –minify 选项有助于优化网页性能,尤其是在网络带宽有限或需要提高访问速度的情况下。

问题

–minify会删除meta标签中的引号

删除后,bing和baidu都不能通过站点认证,因为标签被修改了,而他们要求完全一致才通过,这是百度的说明

1
2
3
4
5
6
7
HTML标签验证

将以下代码添加到您的网站首页HTML代码的<head>标签与</head>标签之间,完成操作后请点击“验证”按钮。

<meta name="baidu-site-verification" content="codeva-xxx" />

为保持验证通过的状态,成功验证后请不要删除该标签

为了通过验证,在构建时不使用–minify,或使用其他方式通过验证

–gc

在 Hugo 中,hugo –gc 命令用于进行“垃圾收集”(Garbage Collection),这可以帮助清理未使用的资源文件或生成的文件。具体来说,当你在项目中频繁地添加、删除或移动内容时,Hugo 可能会留下不再需要的文件或数据。使用 –gc 选项会对这些过时的文件进行清理,以确保最终生成的站点只包含当前版本需要的文件,这样可以减少占用的磁盘空间,并保持项目的整洁。 hugo –gc 通常与其他构建选项结合使用,尤其是在你对网站进行了许多变更之后,这是一个确保项目干净有效的好习惯。

配置

网站head

在 layout/partials/head下新建custom.html文件,添加自定义标签

评论giscus

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
  giscus:
    repo: "yiGmMk/xxxx"
    repoID: "MDExxxx"
    category: "Announcements"
    categoryID: "DICxxxx"
    mapping: "title"
    strict: "0" # Giscus的data-strict字段
    theme: "preferred_color_scheme"
    reactions: false
    reactionsEnabled: 1
    emitMetadata: 0
    loading: "lazy"

giscus 标签

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<script src="https://giscus.app/client.js"
        data-repo="yiGmMk/xxxx"
        data-repo-id="MDExxxx="
        data-category="Announcements"
        data-category-id="DICxxxx"
        data-mapping="title"
        data-strict="1"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="bottom"
        data-theme="preferred_color_scheme"
        data-lang="zh-CN"
        data-loading="lazy"
        crossorigin="anonymous"
        async>
</script>

stack主题里的 languageCode 必须与giscus匹配,中文为zh-CN,英文为en,默认的为en-us,zh-cn,需要修改后才能使用

Licensed under CC BY-NC-SA 4.0
使用 Hugo 构建
主题 StackJimmy 设计