在折腾完博客的 UI 和排版后，是时候关注一下「里子」了。 对于个人博客来说，Google Analytics ( GA4 ) 显得过于庞大且复杂。我们更关心的是：用户到底看了什么？他们在哪里停留？为什么他们离开了？ 这时，Microsoft Clarity 是一个绝佳的选择。它完全免费、不限流量，且提供两个杀手级功能：热力图 ( Heatmaps ) 和 会话录屏 ( Session Recordings )。 本文记录了如何在 Hugo PaperMod 主题中，以最符合工程规范的方式接入 Clarity。 ...
当年在启用 Hugo PaperMod 主题的过程非常顺利。在首页布局上，我选择了更符合个人品牌调性的 Profile Mode：全屏居中，只展示头像、简介和社交链接，像一张极简的数字名片。 但在“装修”的细节上，我发现了一个体验割裂的问题： 首页虽然极简了，但当我点击进入某一篇具体的文章（Post Detail）时，PaperMod 默认的英文排版字体（40px+）对于中文标题来说实在太大了，充满了压迫感。 本文记录了如何通过 custom.css 解决这个问题，以及中间的一个小插曲。 ...
PaperMod 的配置文件 config.yml 中没有关于 Google Analytic 配置参数，可以参考 Hugo 最新的配置参数1填写： services: disqus: shortname: '' googleAnalytics: id: '' instagram: accessToken: '' disableInlineCSS: false rss: limit: -1 twitter: disableInlineCSS: false x: disableInlineCSS: false Hugo 文档 ↩︎
距离上次提交博文已经过去近一年半了（上次commit为2022.07.17） 经过好几日的拖拉，终于下定决心动手将主题升至v4。 虽然原版本有些小问题，但我觉得版本升级困难更大，问题更多，说实话，我真不建议作者去做这样大的更改。 这种跨版本的升级，不见得比换主题轻松。 这期间也想换个其他主题比如blowfish，就看着很不错，但有一个很严重的问题，他自己的示例网站，在edge浏览器上运行就卡顿的要命。。。优化还是需要提高。 万般无奈，只好硬着头皮升级。 ...
用Netlify自动构建Hugo博客时，会导致文章最会更新时间全部变成最后构建时间，（本地渲染时是发现不了这样的问题的）这样也失去了Lastmod的意义。 下面给出解决办法： 修改根目录下的netlify.toml代码。 修改前： [build] command = "hugo --gc --minify" publish = "public" 修改为： [build] command = '''find content/posts -name '*.md' | while read file; do touch -d "$(git log -1 --format="@%ct" "$file")" "$file"; done; hugo --gc --minify''' publish = "public" 若只修改posts文件夹内的文章，按上述代码即可，若content内有多个文章文件夹，或自己配置的其他文件夹，可使用下面代码： ...